npm - myapp_sjy - Versions diffs - 1.0.0 - Mend

myapp_sjy 1.0.0

Files changed (40) hide show

package/Dockerfile +7 -0
package/app.js +58 -0
package/bin/www +92 -0
package/package.json +100 -0
package/pkg.zip +0 -0
package/public/css/layui.css +1 -0
package/public/css/modules/code.css +1 -0
package/public/css/modules/laydate/default/laydate.css +1 -0
package/public/css/modules/layer/default/icon-ext.png +0 -0
package/public/css/modules/layer/default/icon.png +0 -0
package/public/css/modules/layer/default/layer.css +1 -0
package/public/css/modules/layer/default/loading-0.gif +0 -0
package/public/css/modules/layer/default/loading-1.gif +0 -0
package/public/css/modules/layer/default/loading-2.gif +0 -0
package/public/font/iconfont.eot +0 -0
package/public/font/iconfont.svg +554 -0
package/public/font/iconfont.ttf +0 -0
package/public/font/iconfont.woff +0 -0
package/public/font/iconfont.woff2 +0 -0
package/public/layui.js +5 -0
package/public/stylesheets/style.css +8 -0
package/routes/api.js +642 -0
package/routes/datatime.js +16 -0
package/routes/db.js +145 -0
package/routes/index.js +28 -0
package/routes/nppBackup/sql.js.2024-07-08_082213.bak +25 -0
package/routes/nppBackup/sql.js.2024-07-08_082214.bak +25 -0
package/routes/sql.js +25 -0
package/routes/switch.js +33 -0
package/routes/switch1.js +12 -0
package/views/addroom.ejs +223 -0
package/views/addstu.ejs +318 -0
package/views/error.ejs +3 -0
package/views/hisinfo.ejs +442 -0
package/views/hisinfo1.ejs +291 -0
package/views/login.ejs +227 -0
package/views/modroom.ejs +365 -0
package/views/modstu.ejs +375 -0
package/views/rtinfo.ejs +342 -0
package/views/rtinfo1.ejs +268 -0

package/views/hisinfo1.ejs ADDED Viewed

@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>签到管理系统</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="/css/layui.css" rel="stylesheet">
+  <style>
+    .layui-header {
+      height: 60px;
+      background-color: #10081a !important; /* 深蓝色 */
+    }
+    .layui-layout-left {
+      margin-left: 0 !important;
+    }
+    .layui-layout-right {
+      margin-right: 0 !important;
+    }
+    body {
+      font-size: 16px;
+      /*字体大小*/
+      color: #010704;
+      /*字体颜色*/
+    }
+    .footer-bg {
+      background-image: url('https://p2.ssl.qhimgs1.com/t017677196113fc982c.jpg');
+      background-size: cover;
+      background-position: center;
+      height: 200px;
+    }
+    .layui-side {
+      background-color: #9ca58d !important;
+    }
+  </style>
+</head>
+<body style="background-image: url('https://p2.ssl.qhimgs1.com/t017677196113fc982c.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;">
+  <div class="layui-layout layui-layout-admin">
+    <div class="header-bg">
+      <!-- 顶部导航栏 -->
+      <div class="layui-header">
+        <div class="layui-logo layui-hide-xs layui-bg-black">签到管理系统</div>
+        <!-- 右侧用户菜单 -->
+        <ul class="layui-nav layui-layout-right">
+            <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
+              <a href="javascript:;">
+                <img src="https://pic.rmb.bdstatic.com/bjh/gallery/7673bb43bb01190ce0886b7b5dfbfc6a9451.jpeg" class="layui-nav-img">
+                <!-- tester -->
+              </a>
+              <dl class="layui-nav-child">
+                <!-- <dd><a href="javascript:;">修改登录密码</a></dd>
+                <dd><a href="javascript:;">修改绑定手机</a></dd> -->
+                <dd><a href="/">登出</a></dd>
+              </dl>
+            </li>
+            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
+              <a href="javascript:;">
+                <i class="layui-icon layui-icon-more-vertical"></i>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    <!-- 左侧导航栏 -->
+    <div class="layui-side layui-bg-black">
+      <ul class="layui-nav layui-nav-tree" lay-filter="test">
+        <li class="layui-nav-item">
+          <a href="/switch1"><i class="layui-icon layui-icon-ok"></i> 实时签到信息</a>
+        </li>
+        <li class="layui-nav-item layui-this">
+          <a href="switch1/hisinfo"><i class="layui-icon layui-icon-chart"></i> 历史签到信息</a>
+        </li>
+      </ul>
+    </div>
+        <div class="layui-body" style="height: 100%">
+            <div class="layui-form-item">
+                <div class="layui-inline">
+                    <label class="layui-form-label" style="white-space: nowrap; margin-top: 25px;">日期时间范围</label>
+                    <div class="layui-input-inline" style="width: 300px; margin-top: 25px;">
+                        <input type="text" class="layui-input" id="timerange" placeholder=" - ">
+                    </div>
+                </div>
+                <div class="layui-inline" style="float: right; margin-top: 25px;">
+                    <button id="chartshow" class="layui-btn" type="button"
+                        lay-filter="chartshow">迟到情况统计
+                    </button>
+                </div>
+            </div>
+            <table class="layui-table" id="record" lay-filter="demot1">
+            </table>
+        </div>
+        <div class="layui-footer">
+            不积跬步，无以至千里。
+        </div>
+    </div>
+    <div class="layui-row layui-col-md3" style="width:550px;margin:auto;display:none;" id="chart">
+        <canvas id="myChart"></canvas>
+        <table lay-even lay-skin="nob" style="float: right">
+            <tbody>
+                <tr>
+                    <td>正常：</td>
+                    <td><label name="normalper" id="normalper" style="float: right"></label></td>
+                </tr>
+                <tr>
+                    <td>迟到：</td>
+                    <td><label name="lateper" id="lateper" style="float: right"></label></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <script src="/layui.js"></script>
+    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
+    <script src="https://cdn.bootcss.com/Chart.js/2.7.3/Chart.js"></script>
+    <script>
+        //JS
+        layui.use(['element', 'layer', 'util', 'table', 'laydate'], function () {
+            var element = layui.element;
+            var layer = layui.layer;
+            var util = layui.util;
+            var table = layui.table;
+            var laydate = layui.laydate;
+            var $ = layui.$;
+            var returnMessage;
+            // var $ = layui.jquery;
+            var ctx = document.getElementById('myChart').getContext('2d');
+            $(function () {
+                $('#timerange').val(sessionStorage.getItem("timerange"));
+            });
+            laydate.render({
+                elem: '#timerange'
+                , type: 'datetime'
+                , range: true
+                , done: function (value, date, endDate) {
+                    sessionStorage.setItem("timerange", value);
+                    value = value.split(" - ");
+                    $.ajax({
+                        type: 'post',
+                        url: '/api/timesearch',
+                        data: {
+                            bt: value[0],
+                            et: value[1],
+                            sign: 1
+                        },
+                        success: function (data) {
+                            top.location.href = '';
+                            top.location.reload();
+                        }
+                    });
+                }
+            });
+            $(document).on('click', '#chartshow', function () {
+                var myChart = new Chart(ctx, {
+                    type: 'pie',
+                    data: {
+                        labels: ['正常', '迟到'],
+                        datasets: [{
+                            label: '示例',
+                            data: [sessionStorage.getItem("normal"), sessionStorage.getItem("late")],
+                            backgroundColor: ['#58D3F7', '#FA8258'],
+                            borderWidth: 1
+                        }]
+                    }
+                })
+                $('#normalper').html(((parseInt(sessionStorage.getItem("normal")) / (parseInt(sessionStorage.getItem("normal")) + parseInt(sessionStorage.getItem("late")))) * 100).toFixed(2) + '%');
+                $('#lateper').html(((parseInt(sessionStorage.getItem("late")) / (parseInt(sessionStorage.getItem("normal")) + parseInt(sessionStorage.getItem("late")))) * 100).toFixed(2) + '%');
+                layer.open({
+                    type: 1,
+                    id: 5,
+                    title: "迟到情况统计",
+                    area: ['35%', '50%'],
+                    content: $("#chart"),
+                });
+            });
+            //头部事件
+            util.event('lay-header-event', {
+                menuLeft: function (othis) { // 左侧菜单事件
+                    layer.msg('展开左侧菜单的操作', { icon: 0 });
+                },
+                menuRight: function () {  // 右侧菜单事件
+                    layer.open({
+                        type: 1,
+                        title: '作者',
+                        content: '<div style="padding: 15px;">信息工程学院<br/>王璐、孙佳雨</div>',
+                        area: ['150px', '100%'],
+                        offset: 'rt', // 右上角
+                        anim: 'slideLeft', // 从右侧抽屉滑出
+                        shadeClose: true,
+                        scrollbar: false
+                    });
+                }
+            });
+            table.render({
+                elem: '#record',
+                url: '/api/recordlist',
+                toolbar: true,
+                title: '签到记录',
+                totalRow: true,
+                page: true,
+                id: 'abc',
+                limit: 10,
+                limits: [5, 10, 20, 30],
+                initSort: {
+                    field: 'time',
+                    type: 'desc'
+                },
+                parseData: function (res) { //res 即为原始返回的数据
+                    var current_pages;
+                    if (this.page === true) current_pages = 1;
+                    else current_pages = this.page.curr;
+                    var data = res.data.slice(this.limit * (current_pages - 1), this.limit * current_pages);
+                    return {
+                        "code": res.code,
+                        "msg": res.msg,
+                        "count": res.data.length,
+                        "data": data
+                    }
+                },
+                sort: true,
+                cols: [
+                    [{
+                        field: 'stuid',
+                        title: '学号',
+                        width: 130,
+                        sort: true
+                    }, {
+                        field: 'name',
+                        title: '姓名',
+                        width: 130
+                    }, {
+                        field: 'type',
+                        title: '类型',
+                        width: 130,
+                        sort: true
+                    }, {
+                        field: 'room',
+                        title: '教室',
+                        width: 130
+                    }, {
+                        field: 'time',
+                        title: '签到时间',
+                        sort: true
+                    }, {
+                        field: 'qd',
+                        title: '签到情况',
+                        sort: true
+                    }]
+                ],
+                done: function (res, curr, count) {
+                    $.ajax({
+                        type: 'get',
+                        url: '/api/chartcheck',
+                        success: function (data) {
+                            sessionStorage.setItem("late", data.la);
+                            sessionStorage.setItem("normal", data.no);
+                        }
+                    });
+                    $.each(res.data, function (index, item) {
+                        if (item.qd == '迟到') {
+                            $("#record").next().find('tbody tr[data-index="' + index +
+                                '"]').css("background-color", "#FFA07A");
+                        }
+                    });
+                }
+            });
+        });
+    </script>
+</body>
+</html>

package/views/login.ejs ADDED Viewed

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>欢迎使用首都师范大学刷卡签到系统!</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="/css/layui.css" media="all">
+</head>
+<body
+    style="background-image: url('https://p2.ssl.qhimgs1.com/t017677196113fc982c.jpg');  background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;">
+    <div style="height: 1024px; width: 1024px; margin-top: 240px; margin-left: auto;">
+        <div>
+            <h1>首都师范大学刷卡签到系统欢迎您！</h1>
+        </div>
+        <br />
+        <div>
+            <form class="layui-form" style="margin-top: 40px;" action="/user/logincheck">
+                <div class="layui-form-item">
+                    <div class="layui-inline">
+                        <label class="layui-form-label" style="width: 100px">用户名：</label>
+                        <div class="layui-input-inline">
+                            <input type="text" name="usernameinput" id="usernameinput" required value=""
+                                style="width: 240px;" lay-verify="required" placeholder="请输入用户名" autocomplete="off"
+                                class="layui-input">
+                        </div>
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <div class="layui-inline">
+                        <label class="layui-form-label" style="width:100px">密 码：</label>
+                        <div class="layui-input-inline">
+                            <input type="password" name="passwordinput" id="passwordinput" required value=""
+                                style="width: 240px" lay-verify="required" placeholder="请输入密码" autocomplete="off"
+                                class="layui-input">
+                        </div>
+                    </div>
+                </div>
+                <!-- 新增用户类型选择 -->
+                <div class="layui-form-item">
+                    <div class="layui-inline">
+                        <label class="layui-form-label" style="width:100px">用户类型：</label>
+                        <div class="layui-input-inline">
+                            <select name="usertype" id="usertype" lay-filter="usertype">
+                                <option value="0">管理员</option>
+                                <option value="1">普通用户</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <div class="layui-input-block">
+                        <button class="layui-btn" id="formDemo4" name="formDemo4" lay-submit
+                            lay-filter="formDemo4">登录</button>
+                        <button class="layui-btn layui-btn-primary" type="reset" id="reset"
+                            style="background-color: #69f009; color: white;">重置</button>
+                        <!-- <button class="layui-btn" id="registerBtn">注册</button> -->
+                    </div>
+                </div>
+            </form>
+            <div style="text-align: left; margin-top: 20px;">
+                <button class="layui-btn" id="registerBtn" style="width: 150px; margin-left: 110px;">新用户注册</button>
+            </div>
+        </div>
+    </div>
+    <!-- 注册窗口 -->
+    <div id="registerWindow"
+        style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5);">
+        <h3>注册</h3>
+        <button class="layui-btn layui-btn-primary" style="float: right;" id="closeRegisterBtn">关闭</button>
+        <form class="layui-form" id="registerForm">
+            <div class="layui-form-item">
+                <label class="layui-form-label">用户名：</label>
+                <div class="layui-input-block">
+                    <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名"
+                        autocomplete="off" class="layui-input">
+                </div>
+            </div>
+            <div class="layui-form-item">
+                <label class="layui-form-label">密码：</label>
+                <div class="layui-input-block">
+                    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
+                        autocomplete="off" class="layui-input">
+                </div>
+            </div>
+            <div class="layui-form-item">
+                <label class="layui-form-label">确认密码：</label>
+                <div class="layui-input-block">
+                    <input type="password" name="confirmPassword" required lay-verify="required" placeholder="请确认密码"
+                        autocomplete="off" class="layui-input">
+                </div>
+            </div>
+            <div class="layui-form-item">
+                <label class="layui-form-label">用户类型：</label>
+                <div class="layui-input-block">
+                    <select name="usertype" lay-filter="usertype">
+                        <option value="0">管理员</option>
+                        <option value="1">普通用户</option>
+                    </select>
+                </div>
+            </div>
+            <div class="layui-form-item">
+                <div class="layui-input-block">
+                    <button class="layui-btn" lay-submit lay-filter="registerForm">注册</button>
+                </div>
+            </div>
+        </form>
+    </div>
+    <script src="/layui.js"></script>
+    <script>
+        layui.use(['form', 'layer', 'element', 'table', 'laypage', 'jquery'], function () {
+            var layer = layui.layer,
+                form = layui.form,
+                element = layui.element,
+                table = layui.table,
+                laypage = layui.laypage,
+                $ = layui.jquery;
+            // 监听注册按钮
+            $('#registerBtn').on('click', function () {
+                $('#registerWindow').show();
+            });
+            // 监听关闭按钮
+            $('#closeRegisterBtn').on('click', function () {
+                $('#registerWindow').hide();
+            });
+            // 登录逻辑
+            form.on('submit(formDemo4)', function (data) {
+                $.ajax({
+                    type: 'post',
+                    url: '/api/login',
+                    data: data.field,
+                    success: function (result) {
+                        if (result.sign == 0) {
+                            sessionStorage.setItem("username", data.field.usernameinput);
+                            $('#username').html("您好，超级管理员 " + data.field.usernameinput + " ！");
+                            top.location.href = '/switch';
+                            // top.location.reload();
+                        }
+                        else if (result.sign == 1) {
+                            layer.msg('密码错误！');
+                        }
+                        else if (result.sign == 2) {
+                            layer.msg('用户名错误！');
+                        }
+                        else if (result.sign == 3) {
+                            layer.msg('普通用户登录！');
+                            sessionStorage.setItem("username", '');
+                            $('#username').html("您好，普通用户" + data.field.usernameinput + " ！");
+                            top.location.href = '/switch1';
+                        }
+                    }
+                });
+                return false; // 阻止表单默认提交行为
+            });
+            // 注册逻辑
+            $('#registerBtn').on('click', function () {
+                $('#registerWindow').show();
+            });
+            form.on('submit(registerForm)', function (data) {
+                var username = data.field.username;
+                var password = data.field.password;
+                var confirmPassword = data.field.confirmPassword;
+                var usertype = data.field.usertype;
+                if (password !== confirmPassword) {
+                    layer.msg('密码和确认密码不一致！');
+                    return false;
+                }
+                $.ajax({
+                    type: 'post',
+                    url: '/api/inputcheck4',
+                    data: { usernameinput: username },
+                    success: function (result) {
+                        if (result.sign === 0) {
+                            layer.msg('用户名已存在！');
+                            return false;
+                        }
+                        $.ajax({
+                            type: 'post',
+                            url: '/api/register',
+                            data: { username: username, password: password, type: usertype },
+                            success: function (result) {
+                                if (result.status === 'success') {
+                                    layer.msg('注册成功！');
+                                    $('#registerWindow').hide();
+                                } else {
+                                    layer.msg('注册失败：' + result.message);
+                                }
+                            },
+                            error: function () {
+                                layer.msg('注册失败！');
+                            }
+                        });
+                    },
+                    error: function () {
+                        layer.msg('检查用户名时发生错误！');
+                    }
+                });
+                return false;
+            });
+            // 监听用户类型选择
+            form.on('select(usertype)', function (data) {
+                console.log(data.value); // 当前选中的值
+            });
+        });
+    </script>
+</body>
+</html>