npm - myapp_evenfuture - Versions diffs - 0.0.0 - Mend

myapp_evenfuture 0.0.0

Files changed (39) hide show

package/Dockerfile +7 -0
package/app.js +58 -0
package/bin/www +91 -0
package/package.json +20 -0
package/public/css/layui.css +1 -0
package/public/css/lizhi.webp +0 -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 +505 -0
package/routes/datatime.js +17 -0
package/routes/db.js +158 -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 +28 -0
package/routes/switch1.js +12 -0
package/views/addstu.ejs +276 -0
package/views/error.ejs +4 -0
package/views/hisinfo.ejs +301 -0
package/views/hisinfo1.ejs +301 -0
package/views/login.ejs +203 -0
package/views/modroom.ejs +405 -0
package/views/modstu.ejs +327 -0
package/views/rtinfo.ejs +234 -0
package/views/rtinfo1.ejs +234 -0

package/views/modstu.ejs ADDED Viewed

@@ -0,0 +1,327 @@
+<!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">
+    <link href="/css/layui.css" rel="stylesheet">
+</head>
+<body>
+    <div class="layui-layout layui-layout-admin">
+        <div class="layui-header">
+            <div class="layui-logo layui-hide-xs " style="background-color:rgb(146, 151, 209);color: black">签到管理系统</div>
+            <ul class="layui-nav layui-layout-left" >
+                <li class="layui-nav-item">
+                    <a href="addstu">新增学生信息</a>
+                <!-- 可以继续添加更多的导航项 -->
+            </ul>
+            <ul class="layui-nav layui-layout-right">
+                <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
+                    <a href="javascript:;">
+                        <img src="/css/lizhi.webp" 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="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 class="layui-side "style="background-color: rgb(146, 151, 209)">
+            <div class="layui-side-scroll">
+                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
+                <ul class="layui-nav layui-nav-tree" lay-filter="test" style="background-color:rgb(146, 151, 209) ">
+                    <!-- Swipe -->
+                    <li class="layui-nav-item"><a href="/switch" style="color:rgb(0, 0, 0)">实时签到信息</a></li>
+                    <!-- 实时签到信息只统计当天的 -->
+                    <li class="layui-nav-item "><a href="hisinfo" style="color:rgb(0, 0, 0)">历史签到信息</a></li>
+                    <li class="layui-nav-item layui-this" ><a href="modstu" style="color:rgb(0, 0, 0)">用户管理</a></li>
+                    <li class="layui-nav-item " ><a href="modroom" style = "color: black;">房间管理</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="layui-body" style="height: 100%">
+            <form class="layui-form" action="" id="idsearch_form" name="idsearch_form">
+                <label class="layui-form-label" style="margin-top: 25px;">按学号查找</label>
+                <div class="layui-input-inline" style="width: 400px; margin-top: 25px;">
+                    <input type="text" class="layui-input" id="idinput" name="idinput">
+                </div>
+                <div class="layui-inline">
+                    <button class="layui-btn" lay-submit lay-filter="idsearch" style="background-color:rgb(100, 109, 214);margin-top: 25px;">
+                        <i class="layui-icon layui-icon-search" style="font-size: 15px; color: #ffffff;"></i>
+                        搜索
+                    </button>
+                    <button class="layui-btn" lay-submit lay-filter="allidsearch" style="background-color:rgb(100, 109, 214);margin-top: 25px;">
+                        显示全部
+                    </button>
+                </div>
+                <table class="layui-table" id="numbers" lay-filter="demot2">
+                </table>
+            </form>
+        </div>
+        <div class="layui-footer">
+            学习是一种信仰。
+        </div>
+    </div>
+    <div id='barDemo' style='display:none'>
+        <a class="layui-btn layui-btn-xs" id="mod_btn" lay-event="fix"style="background-color:rgb(100, 109, 214);">修改</a>
+        <a class="layui-btn layui-btn-danger layui-btn-xs" id="delete_btn" name="delete_btn" lay-event="del"
+            style="display:inline-block;">删除</a>
+    </div>
+    <div id='barDemo1' style='display:none'>
+        <a class="layui-btn layui-btn-xs" lay-event="passwordchange">编辑</a>
+    </div>
+    <script src="/layui.js"></script>
+    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
+    <script>
+        //JS
+        layui.use(['element', 'layer', 'util', 'table', 'laydate', 'form'], function () {
+            var element = layui.element;
+            var layer = layui.layer;
+            var util = layui.util;
+            var table = layui.table;
+            var laydate = layui.laydate;
+            var $ = layui.$;
+            var form = layui.form;
+            $(function () {
+                $('#idinput').val(sessionStorage.getItem("stuidsearch"));
+                if ((sessionStorage.getItem("username") == null) || (sessionStorage.getItem("username") == "")) {
+                    $("#delete_btn").hide();
+                    $("#mod_btn").hide();
+                    sessionStorage.setItem("editaccess", false);
+                }
+                else {
+                    $("#delete_btn").show();
+                    $("#mod_btn").show();
+                    sessionStorage.setItem("editaccess", true);
+                }
+            });
+            table.render({
+                elem: '#numbers',
+                url: '/api/list',
+                id: 'def',
+                toolbar: true,
+                title: '个人信息',
+                totalRow: true,
+                page: true,
+                limit: 10,
+                limits: [5, 10, 20, 30],
+                parseData: function (res) {
+                    console.log(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
+                    }
+                },
+                cols: [
+                    [{
+                        field: 'stuid',
+                        title: '学号',
+                        width: 150,
+                        sort: true
+                    }, {
+                        field: 'name',
+                        title: '姓名',
+                        width: 150,
+                        edit: sessionStorage.getItem("editaccess")
+                    }, {
+                        field: 'cardid',
+                        title: '卡号',
+                        width: 300,
+                        edit: sessionStorage.getItem("editaccess"),
+                        sort: true
+                    }, {
+                        field: 'type',
+                        title: '类型',
+                        width: 150,
+                        edit: sessionStorage.getItem("editaccess"),
+                        sort: true
+                    }, {
+                        title: '操作',
+                        toolbar: '#barDemo',
+                        fixed: 'right'
+                    }]
+                ]
+            });
+            table.on('edit(demot2)', function (obj) {
+                console.log(obj.data);
+                $.ajax({
+                    url: '/db/update_users',
+                    method: 'post',
+                    data: obj.data,
+                    success: function (data) {
+                        if (data.status == 'ok') {
+                            layer.msg('更新成功！');
+                            setTimeout(function () {
+                                top.location.reload();
+                            }, 1500);
+                        } else if (data.status == 'error') {
+                            layer.msg('更新失败！ 原因是：' + data.err);
+                            setTimeout(function () {
+                                top.location.reload();
+                            }, 1500);
+                        }
+                    }
+                });
+                return false;
+            });
+            table.on('tool(demot2)', function (obj) {
+                var data = obj.data; //当前行的数据
+                var layEvent = obj.event; //当前行的具体的哪个event
+                if (layEvent === 'fix') {
+                    layer.msg("请在对应表格中直接修改即可！");
+                }
+                else if (layEvent === 'del') {
+                    layer.confirm('真的要删除吗？', function (index) {
+                        obj.del();
+                        layer.close(index);
+                        $.ajax({
+                            url: '/db/delete_users',
+                            method: 'post',
+                            data: {
+                                id: data.id,
+                                stuid: data.stuid
+                            },
+                            success: function (data) {
+                                table.reload('def');
+                                layer.msg('删除成功！');
+                            }
+                        });
+                    })
+                }
+            });
+            //头部事件
+            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
+                    });
+                }
+            });
+            form.on('submit(idsearch)', function (data) {
+                sessionStorage.setItem("stuidsearch", data.field.idinput);
+                $.ajax({
+                    type: 'post',
+                    url: '/api/idsearch',
+                    data: {
+                        sign: 1,
+                        id: data.field.idinput
+                    },
+                    success: function (data) {
+                        top.location.href = '';
+                        top.location.reload();
+                    }
+                });
+                return false;
+            });
+            form.on('submit(allidsearch)', function (data) {
+                sessionStorage.setItem("stuidsearch", '');
+                $.ajax({
+                    type: 'post',
+                    url: '/api/idsearch',
+                    data: {
+                        sign: 0
+                    },
+                    success: function (data) {
+                        top.location.href = '';
+                        top.location.reload();
+                    }
+                });
+                return false;
+            });
+        });
+        form.verify({
+            stuid: function (value, item) { //value：表单的值、item：表单的DOM对象
+                var checkResult = "";
+                $.ajax({
+                    url: "/api/inputcheck0",
+                    type: "POST",
+                    data: {
+                        n: 0,
+                        idinput: value
+                    },
+                    async: false,
+                    success: function (result) {
+                        if ((result.sign == 0) && (value != "")) {
+                            checkResult = "该学号已存在";
+                        }
+                    },
+                    error: function () {
+                    }
+                });
+                if (checkResult != '')
+                    return checkResult;
+            }
+            , cardid: function (value, item) { //value：表单的值、item：表单的DOM对象
+                var checkResult = "";
+                $.ajax({
+                    url: "/api/inputcheck1",
+                    type: "POST",
+                    data: {
+                        n: 1,
+                        idinput: value
+                    },
+                    async: false,
+                    success: function (result) {
+                        if (result.sign == 0) {
+                            checkResult = "该卡号已存在";
+                        }
+                    }
+                });
+                if (checkResult != '')
+                    return checkResult;
+            }
+        });
+    </script>
+</body>
+</html>

package/views/rtinfo.ejs ADDED Viewed

@@ -0,0 +1,234 @@
+<!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">
+    <link href="/css/layui.css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="layui-layout layui-layout-admin">
+      <div class="layui-header">
+        <div class="layui-logo layui-hide-xs " style="background-color:rgb(146, 151, 209);color: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="/css/lizhi.webp" class="layui-nav-img">
+              <!-- tester -->
+            </a>
+            <dl class="layui-nav-child">
+              <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 class="layui-side " style="background-color:rgb(146, 151, 209) ">
+        <div class="layui-side-scroll">
+          <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
+          <ul class="layui-nav layui-nav-tree" lay-filter="test" style="background-color:rgb(146, 151, 209) ">
+            <!-- Swipe -->
+            <li class="layui-nav-item "><a href="/switch" style="color:rgb(0, 0, 0)">实时签到信息</a></li>
+            <!-- 实时签到信息只统计当天的 -->
+            <li class="layui-nav-item"><a href="switch/hisinfo" style="color:rgb(0, 0, 0)">历史签到信息</a></li>
+            <li class="layui-nav-item "><a href="switch/modstu" style="color:rgb(0, 0, 0)">用户管理</a></li>
+            <li class="layui-nav-item " ><a href="switch/modroom" style = "color: black;">房间管理</a></li>
+          </ul>
+        </div>
+      </div>
+      <div class="layui-body" style="height: 100%">
+        <form class="layui-form" action="" id="timesearch_form" name="timesearch_form">
+          <div class="layui-form-item">
+            <div class="layui-inline" style="margin-top: 25px;">
+              <label class="layui-form-label" style="white-space: nowrap">签到截止时间</label>
+              <div class="layui-input-inline" style="width: 300px;">
+                <input type="text" class="layui-input" id="qdtime">
+              </div>
+            </div>
+          </div>
+          <table class="layui-table" id="record" lay-filter="demot1">
+          </table>
+        </form>
+      </div>
+      <div class="layui-footer">
+        学习是一种信仰。
+      </div>
+    </div>
+    <script src="/layui.js"></script>
+    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.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.$;
+        $(function () {
+          if ((sessionStorage.getItem("qdtime") == null)){
+            $("#record").hide();
+          }
+          else{
+            $("#record").show();
+          }
+          $('#qdtime').val(sessionStorage.getItem("qdtime"));
+        });
+        laydate.render({
+          elem: '#qdtime'
+          , type: 'time'
+          , done: function (value, date) {
+              sessionStorage.setItem("qdtime", value);
+              $.ajaxSetup({
+                data: {
+                  sign: 0
+                }
+              });
+              $.ajax({
+                  type: 'post',
+                  url: '/api/timesearchrt',
+                  data: {
+                      time_h: ("0" + date.hours).slice(-2),
+                      time_m: ("0" + date.minutes).slice(-2),
+                      time_s: ("0" + date.seconds).slice(-2),
+                      et: ("0" + date.hours).slice(-2) + ':' + ("0" + date.minutes).slice(-2) + ':' + ("0" + date.seconds).slice(-2),
+                      sign: 2
+                  },
+                  success: function (data) {
+                      layer.msg('签到截止时间 ' + sessionStorage.getItem("qdtime") + ' 设置成功!');
+                      top.location.href = '/';
+                      top.location.reload();
+                  }
+              });
+          }
+        });
+        //头部事件
+        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/recordlistrt',
+          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: 200,
+                  sort: true
+              }, {
+                  field: 'name',
+                  title: '姓名',
+                  width: 200
+              }, {
+                  field: 'type',
+                  title: '类型',
+                  width: 200,
+                  sort: true
+              }, {
+                  field: 'room',
+                  title: '教室',
+                  width: 200
+              }, {
+                  field: 'time',
+                  title: '签到时间',
+                  sort: true,
+              }]
+          ]
+        });
+        setInterval(function myrefresh() {
+          $.ajax({
+              url: '/api/check',
+              method: 'get',
+              data: {},
+              success: function (data) {
+                  if (data.flag1 == 0) {
+                      sessionStorage.setItem("qdtime", "");
+                      sessionStorage.setItem("timerange", "");
+                      sessionStorage.setItem("username", "");
+                  }
+                  if (data.flag == 1) {
+                      // table.reload('/');
+                      top.location.href = '/';
+                      top.location.reload();
+                      layer.msg(data.id + ' 签到成功！');
+                  }
+                  else if (data.flag == 2) {
+                      // table.reload('/');
+                      top.location.href = '/';
+                      top.location.reload();
+                      layer.msg(data.id + ' 重复刷卡！');
+                  }
+              },
+              error: function (data) {
+                  alert("调用失败！");
+              }
+          });
+        }, 1000);
+      });
+    </script>
+  </body>
+</html>