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/rtinfo.ejs ADDED Viewed

@@ -0,0 +1,342 @@
+<!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;
+      /*字体颜色*/
+    }
+    .header-bg {
+      background-image: url('https://p2.ssl.qhimgs1.com/t017677196113fc982c.jpg');
+      background-size: cover;
+      background-position: center;
+      height: 200px;
+    }
+    .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>
+  <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-left">
+          <li class="layui-nav-item">
+            <a href="javascript:;"><i class="layui-icon layui-icon-user"></i> 学生信息管理</a>
+            <dl class="layui-nav-child">
+              <dd><a href="switch/modstu"><i class="layui-icon layui-icon-edit"></i> 查询与更新</a></dd>
+              <dd><a href="switch/addstu"><i class="layui-icon layui-icon-add-1"></i> 新增学生信息</a></dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;"><i class="layui-icon layui-icon-set"></i> 设备标识管理</a>
+            <dl class="layui-nav-child">
+              <dd><a href="switch/modroom"><i class="layui-icon layui-icon-edit"></i> 查询与更新</a></dd>
+              <dd><a href="switch/addroom"><i class="layui-icon layui-icon-add-1"></i> 新增设备信息</a></dd>
+            </dl>
+          </li>
+        </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="https://pic.rmb.bdstatic.com/359341f4f00ad8453f6eb04b433c35ad.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 layui-this">
+          <a href="/switch"><i class="layui-icon layui-icon-ok"></i> 实时签到信息</a>
+        </li>
+        <li class="layui-nav-item">
+          <a href="switch/hisinfo"><i class="layui-icon layui-icon-chart"></i> 历史签到信息</a>
+        </li>
+      </ul>
+    </div>
+    <div class="layui-body" style="height: calc(100% - 260px); overflow: auto;">
+      <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 footer-bg">
+      不积跬步，无以至千里。
+    </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"));
+        // $('.layui-nav-child').on('click', 'a[href="javascript:;"]', function () {
+        //   // 弹出修改密码的表单
+        //   var passwordForm = '<form id="passwordForm">' +
+        //     '旧密码: <input type="password" id="oldPassword" required><br>' +
+        //     '新密码: <input type="password" id="newPassword" required><br>' +
+        //     '确认密码: <input type="password" id="confirmPassword" required><br>' +
+        //     '<button type="submit">提交</button>' +
+        //     '</form>';
+        //   layer.open({
+        //     type: 1,
+        //     title: '修改密码',
+        //     content: passwordForm,
+        //     area: ['300px', '250px'], // 宽度和高度
+        //     btn: ['提交', '取消'],
+        //     yes: function (index, layero) {
+        //       var oldPassword = $('#oldPassword').val();
+        //       var newPassword = $('#newPassword').val();
+        //       var confirmPassword = $('#confirmPassword').val();
+        //       // 简单的前端验证
+        //       if (newPassword !== confirmPassword) {
+        //         layer.msg('新密码和确认密码不一致！');
+        //         return false;
+        //       }
+        //       // 发送 AJAX 请求到服务器端更新密码
+        //       $.ajax({
+        //         type: 'post',
+        //         url: '/api/update_password', // 服务器端更新密码的API路由
+        //         data: {
+        //           current_password: oldPassword,
+        //           new_password: newPassword,
+        //           confirm_password: confirmPassword
+        //         },
+        //         success: function (data) {
+        //           if (data.status === 'success') {
+        //             layer.msg('密码更新成功！');
+        //             // 可能需要在这里处理登出或其它逻辑
+        //           } else {
+        //             layer.msg('密码更新失败：' + data.message);
+        //           }
+        //         },
+        //         error: function () {
+        //           layer.msg('请求失败，请稍后重试！');
+        //         }
+        //       });
+        //       // 关闭表单层
+        //       layer.close(index);
+        //     }
+        //   });
+        // });
+      });
+      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>

package/views/rtinfo1.ejs ADDED Viewed

@@ -0,0 +1,268 @@
+<!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 layui-this">
+          <a href="/switch1"><i class="layui-icon layui-icon-ok"></i> 实时签到信息</a>
+        </li>
+        <li class="layui-nav-item">
+          <a href="switch1/hisinfo"><i class="layui-icon layui-icon-chart"></i> 历史签到信息</a>
+        </li>
+      </ul>
+    </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>