系统一共分为3个角色分别是:管理员,玩家
管理员
1、登录
2、用户管理
3、剧本信息管理
4、房间管理
5、预约信息管理
6、游戏记录管理
7、评分管理
8、统计管理
玩家
1、登录注册
2、个人信息管理
3、充值
4、查看房间
5、查看,预约剧本
6、预约记录
7、剧本评分
项目简介:
难度等级:✩✩✩
用户类型:2角色(管理员,玩家)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:layui+HTML、CSS、JS、JQuery等
后端技术:JSP、ssm框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用Eclipse开发,仅支持Eclipse运行,不支持MyEclipse和IDEA运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行,需要转换!!!!)
数 据 库:MySQL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:9张表
JSP页面数量:20多张
是否有分页:有分页
登录
- <%@ page language="java" contentType="text/html; charset=utf-8"
- pageEncoding="utf-8"%>
- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
- + path + "/";
- %>
-
- 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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/layui.css">
- <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/admin.css">
- <link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/login.css">
- head>
- <body ><%-- style="
- background-image:url(<%=path %>/img/b2.jpg);
- background-repeat:no-repeat;background-size:cover;" --%>
-
-
- <form action="<%=path %>/login" method="post" onSubmit="return tijiao(this)" id="loginForm" name="loginForm">
- <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
- <div class="layadmin-user-login-main">
- <div class="layadmin-user-login-box layadmin-user-login-header">
- <h2 style="font-size:50px;">剧本杀管理系统登陆界面h2>
-
- div>
- <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
- <div class="layui-form-item">
- <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-cellphone">label>
- <input type="text" name="userName" lay-verify="userName" id="userName" placeholder="用户名" class="layui-input">
- div>
-
- <div class="layui-form-item">
- <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password">label>
- <input type="password" name="password" lay-verify="password" id="password" placeholder="密码" class="layui-input">
- div>
- <div class="layui-form-item" style="align:center;">
-
-
- <input type="radio" name="type" value="1" title="管理员" checked>
- <input type="radio" name="type" value="2" title="玩家">
-
- div>
- <div class="layui-form-item">
-
- <button type="submit" id="denglu" class="layui-btn layui-btn-fluid">登陆button>
-
- div>
- <div class="layui-form-item">
- <a href="toRegister" class="layui-btn layui-btn-fluid" >去注册a>
- div>
-
- <div class="layui-form-item">
- <a href="jubenList" target="_blank" class="layui-btn-normal layui-btn-fluid" >查看剧本a>
- <a href="roleList" target="_blank" class="layui-btn-warm layui-btn-fluid" >查看角色a>
- div>
-
-
- <span id="error2" style="color:red;">${msg1}span>
- div>
- div>
-
-
-
- div>
-
-
-
-
- <script src="<%=path %>/layui/layui.js">script>
- <script>
-
- layui.use([ 'form','jquery','layer' ], function() {
- var form = layui.form,
- layer = layui.layer,
- $= layui.jquery;
- form.render();//这句一定要加,占坑
-
- $("#account").blur(function(){
- $("#error").html("");
- $("#error2").html("");
- })
- $("#pwd").blur(function(){
- $("#error1").html("");
- $("#error2").html("");
- })
-
-
-
- $('#denglu').click(function(){
- var userName = $.trim($('#userName').val());
- var password = $.trim($("#password").val());
- if(userName == ''){
- layer.msg('用戶名不能为空',function() {time:2000});
- return false;
- }
- if(password == ''){
- layer.msg('密码不能为空',function() {time:2000});
- return false;
- }
- })
-
-
-
- });
- script>
- body>
- html>
-
- @RequestMapping("/login")
- //处理login.jsp传递的数据进行登陆校验
- public ModelAndView login(@RequestParam("userName")String userName,
- HttpServletRequest request,@RequestParam("password")String password,
- HttpSession session,HttpServletResponse response,ModelAndView mv) throws ServletException, IOException {
- session.removeAttribute("admin");
- session.removeAttribute("user");
- String type=request.getParameter("type").toString();
- User user =new User();
- Admin admin = new Admin();
- if(type != null && type.equals("1")){//管理员
- admin.setUsername(userName);
- admin.setPassword(password);
- Admin admin1 = us.selectAdmin(admin);
- if(admin1 == null){
- mv.addObject("msg1", "管理员不存在或者密码错误");
- mv.setViewName("views/login");
- }else{
- mv.addObject("admin", admin);
- request.getSession().setAttribute("admin", admin);
- mv.setViewName("views/main");
- }
- }else if(type != null && type.equals("2")){
- user.setUsername(userName);
- user.setPwd(password);
- User te = us.selectTeacher(user);
- if(te == null){
- mv.addObject("msg1", "用户不存在或者密码错误");
- mv.setViewName("views/login");
- }else{
- mv.addObject("user", te);
- request.getSession().setAttribute("user", te);
- mv.setViewName("views/main");
- }
- }
- return mv;
-
- }
其他相关代码都是类似的,主要是前端jsp和后端控制器交互比较重要!!!非开源!!!!!!
其他模块代码都是类似的,此项目适合初学者学习借鉴,项目整体比较简单,可用作于期末考核,课设,毕设等方面的作业!!!!!
喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!
感谢 = v =