cnoctave-student-learn-management-system 1.0.0

package/docs/main.css

@@ -0,0 +1,304 @@
+body {
+    border-top: 0px;
+}
+
+.container {
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+}
+
+.main {
+    flex: 10;
+    margin: 0 20px;
+}
+
+.title1 {
+    font-size: 30px;
+}
+
+.bookpic {
+    height: 300px;
+}
+
+.card:hover {
+    color: rgb(0, 132, 255);
+    cursor: pointer;
+}
+
+.rainbow-text {
+    display: inline-block;
+    background-image: -webkit-linear-gradient(90deg, red, orange, yellow, red, orange);
+    -webkit-background-clip: text;
+    color: transparent;
+    font-size: 50px;
+}
+
+.ad-banner {
+    width: 100%;
+    height: 200px;
+    background-color: gray;
+    color: white;
+    text-align: center;
+}
+
+.ad-side {
+    /* width: 10%; */
+    height: 600px;
+    background-color: gray;
+    color: white;
+    text-align: center;
+    flex: 1;
+}
+
+.custom-caption {
+    text-align: center;
+    padding: 50px;
+    color: white;
+    background-color: rgba(0, 0, 0, .3);
+}
+
+.combined-color-1 {
+    background: radial-gradient(ellipse at top, #e66465, transparent),
+        radial-gradient(ellipse at bottom, #4d9f0c, transparent),
+        radial-gradient(ellipse at left, #0fce65, transparent),
+        radial-gradient(ellipse at right, #f3c809, transparent);
+}
+
+.combined-color-2 {
+    background: radial-gradient(ellipse at top, #a3e664, transparent),
+        radial-gradient(ellipse at bottom, #0c9f6e, transparent),
+        radial-gradient(ellipse at left, #0f92ce, transparent),
+        radial-gradient(ellipse at right, #f309c0, transparent);
+}
+
+.combined-color-3 {
+    background: radial-gradient(ellipse at top, #64d7e6, transparent),
+        radial-gradient(ellipse at bottom, #9f780c, transparent),
+        radial-gradient(ellipse at left, #b80fce, transparent),
+        radial-gradient(ellipse at right, #09f328, transparent);
+}
+
+.combined-color-4 {
+    background: radial-gradient(ellipse at top, #64e6db, transparent),
+        radial-gradient(ellipse at bottom, #ecdd07, transparent),
+        radial-gradient(ellipse at left, #ce2c0f, transparent),
+        radial-gradient(ellipse at right, #9509f3, transparent);
+}
+
+.combined-color-5 {
+    background: radial-gradient(ellipse at top, #e67864, transparent),
+        radial-gradient(ellipse at bottom, #3cec07, transparent),
+        radial-gradient(ellipse at left, #0f32ce, transparent),
+        radial-gradient(ellipse at right, #f30957, transparent);
+}
+
+.combined-color-6 {
+    background: radial-gradient(ellipse at top, #c42bd8, transparent),
+        radial-gradient(ellipse at bottom, #ec6e07, transparent),
+        radial-gradient(ellipse at left, #4cce0f, transparent),
+        radial-gradient(ellipse at right, #0995f3, transparent);
+}
+
+.combined-color-7 {
+    background: radial-gradient(ellipse at top, #d82b2b, transparent),
+        radial-gradient(ellipse at bottom, #ddec07, transparent),
+        radial-gradient(ellipse at left, #0fcece, transparent),
+        radial-gradient(ellipse at right, #2009f3, transparent);
+}
+
+.combined-color-8 {
+    background: radial-gradient(ellipse at top, #2bd85f, transparent),
+        radial-gradient(ellipse at bottom, #4c07ec, transparent),
+        radial-gradient(ellipse at left, #1fce0f, transparent),
+        radial-gradient(ellipse at right, #f30999, transparent);
+}
+
+.combined-color-9 {
+    background: radial-gradient(ellipse at top, #2bbed8, transparent),
+        radial-gradient(ellipse at bottom, #ec4807, transparent),
+        radial-gradient(ellipse at left, #ce0fa5, transparent),
+        radial-gradient(ellipse at right, #86f309, transparent);
+}
+
+.combined-color-10 {
+    background: radial-gradient(ellipse at top, #d82bca, transparent),
+        radial-gradient(ellipse at bottom, #94ec07, transparent),
+        radial-gradient(ellipse at left, #0fb8ce, transparent),
+        radial-gradient(ellipse at right, #dcf309, transparent);
+}
+
+.carousel {
+    display: flex;
+    overflow: hidden;
+    width: 100%;
+    height: 300px;
+}
+
+.carousel-track {
+    display: flex;
+    transition: transform 0.5s ease;
+}
+
+.person {
+    max-width: 100%;
+    width: 300px;
+    height: 400px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.person-outline {
+    width: 340px;
+    height: 500px;
+}
+
+/* .person img {
+  max-height: 100%;
+  max-width: 80%;
+} */
+
+
+@media (max-width: 1080px) {
+    .rainbow-text {
+        font-size: 30px;
+    }
+}
+
+.flexcards-container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.flexcards-item {
+    flex: 1 0 100%;
+    text-align: center;
+    padding: 10px;
+    box-sizing: border-box;
+    margin: 16px 0px;
+}
+
+@media (min-width: 1080px) {
+    .flexcards-item {
+        flex-basis: calc((100% - 96px) / 3);
+        max-width: calc((100% - 96px) / 3);
+        margin: 16px;
+    }
+}
+
+@keyframes flame-animation {
+    0% {
+        box-shadow: 0 0 1px 1px rgba(255, 165, 0, 0.5),
+                   0 0 2px 2px rgba(255, 165, 0, 0.4),
+                   0 0 30px 3px rgba(255, 165, 0, 0.3),
+                   0 0 4px 4px rgba(255, 165, 0, 0.2),
+                   0 0 5px 5px rgba(255, 165, 0, 0.1);
+    }
+    50% {
+        box-shadow: 0 0 6px 6px rgba(255, 165, 0, 0.5),
+                   0 0 6px 6px rgba(255, 165, 0, 0.4),
+                   0 0 6px 6px rgba(255, 165, 0, 0.3),
+                   0 0 6px 6px rgba(255, 165, 0, 0.2),
+                   0 0 6px 6px rgba(255, 165, 0, 0.1);
+    }
+    100% {
+        box-shadow: 0 0 1px 1px rgba(255, 165, 0, 0.5),
+                   0 0 2px 2px rgba(255, 165, 0, 0.4),
+                   0 0 3px 3px rgba(255, 165, 0, 0.3),
+                   0 0 4px 4px rgba(255, 165, 0, 0.2),
+                   0 0 5px 5px rgba(255, 165, 0, 0.1);
+    }
+}
+
+.flame-border {
+    position: relative;
+    display: inline-block;
+    animation: flame-animation 2s infinite;
+}
+
+.flame-border::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 2px solid rgba(255, 165, 0, 0.5);
+    border-radius: 10px; /* 根据需要调整圆角大小 */
+    box-shadow: 0 0 10px 10px rgba(255, 165, 0, 0.5),
+                0 0 20px 20px rgba(255, 165, 0, 0.4),
+                0 0 30px 30px rgba(255, 165, 0, 0.3),
+                0 0 40px 40px rgba(255, 165, 0, 0.2),
+                0 0 50px 50px rgba(255, 165, 0, 0.1);
+    pointer-events: none; /* 确保边框不会影响鼠标事件 */
+}
+#loading {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+}
+#loading-text {
+    font-size: 2em;
+    color: #333;
+}
+
+.big-button {
+    border: 1px grey solid;
+    border-radius: 5px;
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+}
+
+.bd-outline {
+    position: relative;
+    border: 1px grey solid;
+    border-radius: 5px;
+}
+
+.bd-corner {
+    position: absolute;
+    left: 0%;
+    bottom: 0%;
+    font-size: 1em;
+    color: white;
+    background-color: rgba(128, 128, 128, 0.7);
+    z-index: 100;
+    border-radius: 2px;
+    cursor: pointer;
+}
+
+.qrcode {
+    max-width: 100%;
+    width: 300px;
+    height: 300px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:visited {
+  color: inherit;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+a:active {
+  color: inherit;
+}

package/index.html

@@ -0,0 +1,338 @@
+<!doctype html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">
+    <meta name="theme-color" content="#00B4FF">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
+    <meta name="msapplication-TileImage" content="/favicon.ico">
+    <meta name="msapplication-TileColor" content="#000000">
+    <meta name="apple-mobile-web-app-title" content="Octave中文网">
+    <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet" type="text/css">
+    <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet" type="text/css">
+    <link href="https://use.fontawesome.com/releases/v6.1.1/css/all.css" rel="stylesheet" type="text/css">
+    <link href="https://cdn.jsdelivr.net/npm/animate.css@^4.0.0/animate.min.css" rel="stylesheet" type="text/css">
+    <link href="https://cdn.jsdelivr.net/npm/quasar@2.17.0/dist/quasar.prod.css" rel="stylesheet" type="text/css">
+    <link href="assets/main.css" rel="stylesheet" type="text/css">
+    <title>Octave中文网学生学习管理系统</title>
+    <link rel="icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <meta name="title" content="Octave中文网" data-qmeta="title">
+    <meta property="og:title" content="Octave中文网" data-qmeta="ogTitle">
+    <meta name="twitter:title" content="Octave中文网" data-qmeta="twitterTitle">
+    <meta name="description" content="Octave中文网是一个面向中文Octave开发者的交流平台，拥有中文Octave文档、中文Octave论坛和中文Octave新闻等特色。"
+        data-qmeta="description">
+    <meta property="og:description" content="Octave中文网是一个面向中文Octave开发者的交流平台，拥有中文Octave文档、中文Octave论坛和中文Octave新闻等特色。"
+        data-qmeta="ogDesc">
+    <meta name="twitter:description" content="Octave中文网是一个面向中文Octave开发者的交流平台，拥有中文Octave文档、中文Octave论坛和中文Octave新闻等特色。"
+        data-qmeta="twitterDesc">
+</head>
+
+<body>
+    <div id="q-app">
+        <q-layout view="hHh LpR fFf">
+            <q-toolbar class="bg-primary text-white q-ny-md shadow-2">
+                <q-btn stretch flat label="Octave中文网" @click="goTo('http://cnoctave.top')">
+                    <a href='http://cnoctave.top' target="_blank"></a>
+                </q-btn>
+                <q-separator dark vertical></q-separator>
+                <q-btn-dropdown stretch flat icon="visibility" label="学生学习画像">
+                    <q-list>
+                        <q-item clickable v-close-popup @click="goTo('index.html')">
+                            <q-item-section>
+                                <q-item-label>学生学习画像</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('student_info_query.html')">
+                            <q-item-section>
+                                <q-item-label>学生信息查询</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('student_score_info_query.html')">
+                            <q-item-section>
+                                <q-item-label>学生成绩信息查询</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('class_teaching_monitor.html')">
+                            <q-item-section>
+                                <q-item-label>课堂教学监测</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('student_evaluation.html')">
+                            <q-item-section>
+                                <q-item-label>学生评价</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('courseware_management.html')">
+                            <q-item-section>
+                                <q-item-label>课件管理</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                    </q-list>
+                </q-btn-dropdown>
+                <q-separator dark vertical></q-separator>
+                <q-btn-dropdown stretch flat icon="edit" label="系统管理">
+                    <q-list>
+                        <q-item clickable v-close-popup @click="goTo('student_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>学生信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('student_score_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>学生成绩信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('teacher_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>教师信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('teach_year_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>学期信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('discipline_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>学科信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('class_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>班级信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-item clickable v-close-popup @click="goTo('course_info_maintainance.html')">
+                            <q-item-section>
+                                <q-item-label>课程信息维护</q-item-label>
+                            </q-item-section>
+                        </q-item>
+                    </q-list>
+                </q-btn-dropdown>
+                <q-separator dark vertical></q-separator>
+                <q-space></q-space>
+                <q-separator dark vertical></q-separator>
+                <q-btn stretch flat label="中文版Octave文档" @click="goTo('http://docs.cnoctave.top')">
+                    <a href='http://docs.cnoctave.top' target="_blank"></a>
+                </q-btn>
+                <q-separator dark vertical></q-separator>
+                <q-btn stretch flat label="学术交流论坛" @click="goTo('http://forum.cnoctave.top')">
+                    <a href='http://forum.cnoctave.top' target="_blank"></a>
+                </q-btn>
+                <q-separator dark vertical></q-separator>
+                <q-btn stretch flat label="新闻" @click="goTo('https://octave.org/news.html')">
+                    <a href='https://octave.org/news.html' target="_blank"></a>
+                </q-btn>
+                <q-separator dark vertical></q-separator>
+                <q-btn stretch flat label="使用方法" @click="goTo('https://wiki.octave.org/Using_Octave')">
+                    <a href='https://wiki.octave.org/Using_Octave' target="_blank"></a>
+                </q-btn>
+                <q-separator dark vertical></q-separator>
+                <q-btn stretch flat label="免费下载" @click="goTo('https://octave.org/download')">
+                    <a href='https://octave.org/download' target="_blank"></a>
+                </q-btn>
+            </q-toolbar>
+            <h1>学生学习画像</h1>
+            <div class="row">
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="studentName" label="学生姓名" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="studentId" label="学号" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="enrollmentYear" label="入学年份" class="q-mb-md"></q-input>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="graduationYear" label="毕业年份" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="major" label="专业" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="class_" label="班级" class="q-mb-md"></q-input>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="semester" label="学期" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                    <q-input filled v-model="courseName" label="课程名称" class="q-mb-md"></q-input>
+                </div>
+                <div class="col q-pa-sm">
+                </div>
+            </div>
+            <div class="row">
+                <div class="col q-pa-sm">
+                    <q-btn color="primary" icon-right="search" label="搜索"></q-btn>
+                </div>
+                <div class="col q-pa-sm">
+                </div>
+                <div class="col q-pa-sm">
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12 col-md-1 q-pa-sm">
+                    <q-img src="http://www.cnoctave.top/pic/yuhongbo.jpg" spinner-color="white">
+                    </q-img>
+                </div>
+                <div class="col-12 col-md-2 q-pa-sm">
+                    <h3>学生信息详情</h3>
+                    <p><strong>学生姓名：</strong> {{ studentName }}</p>
+                    <p><strong>学号：</strong> {{ studentId }}</p>
+                    <p><strong>入学年份：</strong> {{ enrollmentYear }}</p>
+                    <p><strong>毕业年份：</strong> {{ graduationYear }}</p>
+                    <p><strong>专业：</strong> {{ major }}</p>
+                    <p><strong>班级：</strong> {{ class_ }}</p>
+                </div>
+                <div class="col-12 col-md-3 q-pa-sm">
+                    <div id="chart1" style="width: 100%;height:400px;"></div>
+                </div>
+                <div class="col-12 col-md-3 q-pa-sm">
+                    <div id="chart2" style="width: 100%;height:400px;"></div>
+                </div>
+                <div class="col-12 col-md-3 q-pa-sm">
+                    <div id="chart3" style="width: 100%;height:400px;"></div>
+                </div>
+            </div>
+
+        </q-layout>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/quasar@2.17.0/dist/quasar.umd.prod.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.min.js"></script>
+    <script>
+        const App = {
+            data() {
+                return {
+                    goTo(target) {
+                        window.open(target, '_blank');
+                    },
+                    studentName: '张三',
+                    studentId: '2021001',
+                    enrollmentYear: 2021,
+                    graduationYear: 2025,
+                    major: '计算机科学与技术',
+                    class_: '计算机科学与技术1班',
+                    semester: '',
+                    courseName: '',
+                    scores: [
+                        [95, 88, 92],
+                        [10, 24, 15, 30, 27, 18],
+                        [5, 4, 5],
+                    ],
+                }
+            },
+            mounted() {
+                var myChart1 = globalThis.echarts.init(document.getElementById('chart1'));
+                var myChart2 = globalThis.echarts.init(document.getElementById('chart2'));
+                var myChart3 = globalThis.echarts.init(document.getElementById('chart3'));
+
+                var option1 = {
+                    color: [
+                        '#2f4554',
+                    ],
+                    title: {
+                        text: '成绩画像'
+                    },
+                    tooltip: {},
+                    legend: {
+                        data: ['成绩画像打分']
+                    },
+                    xAxis: {
+                        data: ['高等数学', '线性代数', '概率论与数理统计'],
+                        axisLabel: {
+                            rotate: 45,
+                            interval: 0,
+                            formatter: '{value}'
+                        }
+                    },
+                    yAxis: {},
+                    series: [
+                        {
+                            name: '成绩画像打分',
+                            type: 'bar',
+                            data: this.scores[0]
+                        }
+                    ]
+                };
+                var option2 = {
+                    color: [
+                        '#61a0a8',
+                    ],
+                    title: {
+                        text: '课堂教学监测画像'
+                    },
+                    tooltip: {},
+                    legend: {
+                        data: ['课堂教学监测画像打分']
+                    },
+                    xAxis: {
+                        data: ['102教室', '103教室', '202教室', '302教室', '402教室', '502教室'],
+                        axisLabel: {
+                            rotate: 45,
+                            interval: 0,
+                            formatter: '{value}'
+                        }
+                    },
+                    yAxis: {},
+                    series: [
+                        {
+                            name: '课堂教学监测画像打分',
+                            type: 'bar',
+                            data: this.scores[1]
+                        }
+                    ]
+                };
+                var option3 = {
+                    color: [
+                        '#d48265',
+                    ],
+                    title: {
+                        text: '学生评价画像'
+                    },
+                    tooltip: {},
+                    legend: {
+                        data: ['学生评价打分']
+                    },
+                    xAxis: {
+                        data: ['学生自评内容', '老师评价内容', '学生互相评价内容'],
+                        axisLabel: {
+                            rotate: 45,
+                            interval: 0,
+                            formatter: '{value}'
+                        }
+                    },
+                    yAxis: {},
+                    series: [
+                        {
+                            name: '学生评价打分',
+                            type: 'bar',
+                            data: this.scores[2]
+                        }
+                    ]
+                };
+
+                myChart1.setOption(option1);
+                myChart2.setOption(option2);
+                myChart3.setOption(option3);
+            },
+        };
+        const app = Vue.createApp(App);
+        app.use(Quasar)
+        app.mount('#q-app')
+    </script>
+    <script type="text/javascript">
+    </script>
+
+</body>
+
+</html>

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "cnoctave-student-learn-management-system",
+  "version": "1.0.0",
+  "description": "cnoctave-student-learn-management-system - open source AI student learn management system.",
+  "main": "cnoctave-student-learn-management-system.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CNOCTAVE/cnoctave-student-learn-management-system.git"
+  },
+  "keywords": [
+    "AI",
+    "student",
+    "learn",
+    "management",
+    "system",
+    "CNOCTAVE",
+    "Yu Hongbo"
+  ],
+  "author": "CNOCTAVE, Yu Hongbo",
+  "license": "AGPL-3.0-only",
+  "bugs": {
+    "url": "https://github.com/CNOCTAVE/cnoctave-student-learn-management-system/issues"
+  },
+  "homepage": "https://github.com/CNOCTAVE/cnoctave-student-learn-management-system#readme"
+}