目录
1 引言 2
2 系统需求分析 2
2.1开发环境 2
2.2关键技术 2
2.2.1 Spring 框架 2
2.2.2 Spring MVC 框架 3
2.2.3 Mybatis 3
2.2.4 SSM 框架整合技术 3
3 系统设计 4
3.1 功能概述 4
3.2 二维码门禁系统后台 5
3.2.1 用户信息录入模块 5
3.2.2 用户登录模块 5
3.2.3 信息统计 6
3.2.4 用户信息管理模块 6
3.2.5 门禁管理模块 6
3.3 二维码门禁系统小程序的设计 6
3.3.1 小程序功能部分简介 6
3.3.2 二维码页面 7
3.3.3 用户权限管理 8
3.4 数据库分析 8
3.4.1 数据库设计 8
3.4.2 数据库E-R图 11
4. 关键技术实现 11
4.1 小程序录入用户 12
4.2 二维码验证流程 12
4.3 后台登录 12
4.4 硬件实现 13
5.总结 13
参考文献 1
2 系统需求分析
基于对智能手机现阶段普及度的认知，结合门禁系统实际情况，设计了一套智能二维码门禁系统。系统主要用于后端管理，致力于简化需要随身携带的必要物件，将现代技术更加广泛的应用到日常生活中去。
系统用户主要为实验室学生、实验室管理员与后台管理员等三大角色。学生部分需要的功能有:个人信息录入提交审核，门禁资源申请，以及个人信息审核通过之后生成的二维码扫描开启门锁。实验室管理员主要的职责是审核学生提交审核的个人信息，授予用户申请的对应门禁资源的权限等。后台管理员职责是对后台进行管理，查看所有用户的信息，对用户状态、信息进行管理，其中包括用户实验室管理员用户的权限分配，数据库的定期维护、导出维护等。
2.1开发环境
开发工具：Eclipse+微信web开发者工具;操作系统:Windows10 版本17763;数据库:Mysql5.7及以上;Web服务器:Tomcat7.0 ;JDK版本:JDK1.8
2.2关键技术
2.2.1 Spring 框架
Spring 是一个分层的轻量级架构［2］，大约包含 20 个功能模块，以 IOC 和 AOP 为主要思想，IOC 用于实现 bean 的装配，AOP 实现事务管理，不要求开发者在每一层中必须使用Spring，它的模块化结构允许开发者根据自身需求选择某一个模块，对不同的数据访问技术提供了统一的接口。 Spring 对当前流行的框架 Hibernate、Struts、JAP、ibatis、Mybatis 等提供良好的集成支持。
2.2.2 Spring MVC 框架
Spring MVC 属于 Spring 框架的子框架，更易实现与 Spring 框架的无缝耦合。Spring MVC 框架是围绕一个 DispatcherServlet 来设计的，这个 Servlet 会把请求分发给各个处理器，并支持可配置的处理器映射、视图渲染、本地化、时区与主题渲染等，甚至还能支持文件上传。处理器是你的应用中注解了@ Controller 和@ ＲequestMapping 的类和方法，Spring 为处理器方法提供了极其多样灵活的配置。
2.2.3 Mybatis
Hibernate 作为全表映射框架，屏蔽了 SQL，不便于字段更新，不能根据业务需求编写 SQL，不支持存储过程，不便于网络传输。虽然 Mybatis 需要自己编写 SQL，配置比 Hibernate 复杂，但可以配置
动态 SQL，解决了 Hibernate 存在的问题，在注意一些规则的基础上，Mybatis 可以完成自动映射，无需再写其他映射规则，提高了开发效率和灵活性［4］。
2.2.4 SSM 框架整合技术
采用当前流行的 SSM( SpringMVC、Spring、Mybatis) 集成框架构建高校教师业绩管理系统，表现层采用 SpringMVC 框架实现，中间的业务逻辑层采用 Spring 框架实现，而底层的数据持久层由 Mybatis 负责实现。本文转载自http://www.biyezuopin.vip/onews.asp?id=15059层间是松散耦合关系，通过接口调用实现特定功能。
3 系统设计
3.1 功能概述
智能二维码门禁系统主要由软件和硬件部分组成，其中软件部分包括Java后端部分与微信小程序部分，硬件部分包括联网二维码扫描器、服务器以及监狱门锁，使用由Java后端提供的接口。在Eclipse平台上完成Java后端开发实现，后端采用了MAVEN+SSM框架，在微信官方开发者平台上对小程序进行开发。Java后端主要功能是对资源进行管理，用户间依据角色权限不同进入不同的页面，管理员进入页面之后可以在页面对相应的数据进行修改、增加、删除以及模询等操作。普通用户进入主页面之后可以查看网站统计图表，以及对自己的个人信息进行查看、管理和修改。微信小程序可以生成二维码，之后可在二维码扫描器前扫码开启门锁。
主要功能：
统计信息表：通过图表对网站统计公开数据查看
用户信息：登入后对自己信息进行查看并进行相应的管理操作
实验室管理：管理员审核用户申请，对机房列表进行管理操作
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>门禁管理系统</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script>if(window.top !== window.self){ window.top.location = window.location;}</script>
</head>
<body class="gray-bg" >
<div class="middle-box text-center loginscreen animated fadeInDown">
<div>
<h1 class="logo-name">DM</h1>
</div>
<div >
<h2>门禁管理系统</h2>
<form class="m-t" role="form" action="#">
<div class="form-group">
<input type="text" class="form-control" id="account" placeholder="账号" required="">
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" placeholder="密码" required="">
</div>
<div class="form-group form-inline" >
<button type="button" id="login" class="btn btn-primary m-b">登 录</button>
</div>
</form>
</div>
</div>
<!-- 全局js -->
<script type="text/javascript" src="../doorManage/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../doorManage/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../doorManage/js/jquery.cookie.js"></script>
<script>
function login() {
var account = $("#account").val();
var password = $("#password").val();
if(account != null && password != null && account.replace(/(^\s*)|(\s*$)/g, "").length > 0 && password.replace(/(^\s*)|(\s*$)/g, "").length >0){
$.ajax({
type: 'get',
url: '/doorManage/user/login',
data: {
account:account,
password:password
},
dataType: "json",
success: function (result) {
console.log(result)
if(null != result && "" != result && result.success){
$.cookie("user",JSON.stringify(result.data.user),{expires:1,path:'/'});
window.location.href = "/doorManage/user/main";
}else{
alert("登录出错");
}
},
error: function (XMLHttpRequest) {
alert("登录出错");
}
});
}
}
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
login();
}
}
});
$("#login").click(function () {
login();
})
</script>
<script>
//防止页面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
</body>
</html>
