npm - myapp_sjy - Versions diffs - 1.0.0 - Mend

myapp_sjy 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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>