开发语言:Java
框架:Spring+SpringMVC+MyBatis
JDK版本:JDK1.8
服务器:tomcat7
数据库:mysql 5.7(一定要5.7版本)
数据库工具:Navicat11
开发软件:eclipse/myeclipse/idea
Maven包:Maven3.3.9
浏览器:谷歌浏览器
后台地址:localhost:8080/项目名称/admin/dist/index.html
前台路径地址:localhost:8080/项目名称/front/dist/index.html (无前台不需要输入)
管理员账号:admin
管理员密码:admin
基于Spring+SpringMVC+MyBatis的撞击台球厅管理平台的功能结构图如图1.1所示。
图1.1 功能结构图
首页,是使用者看到的第一个页面,使用者可以通过这个页面的文字和图片了解了解台球厅的大致情况,也可以通过点击对应的模块功能来进入对应的服务。首页运行效果图,如图2.2所示。
图2.2 页运行效果图
实现过程:页面加载时请求index/home页面,tomcat服务会将页面编译成html代码返回给前端,用户便可以看到页面效果,从而选择对应的身份进入对应的服务进行相应的操作。
这个模块主要用于展示台球厅的球桌信息,从而更好的方便用户查看哪些球桌预定了,哪些球桌没有预定,球桌信息图,如图2.3所示。
图2.3 球桌信息图
实现过程:页面加载时前端请求/index/qiuzhuoxinxi页面,这时页面会发送ajax请求,请求QiuzhuoxinxiController控制器下的page方法,通过调用qiuzhuoxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, qiuzhuoxinxi), params), params))方法将数据以Json的格式返回给页面,在页面上进行渲染,这时用户便可以看到球桌信息。
这个模块主要用来展示平台的商品信息,用户可以通过该页面来查看查看商品信息,并进购买。商品信息图,如图2.4所示。
图2.4 商品信息图
实现过程:页面加载时通过调用/index/shangpinxinxi,这时tomcat服务器,会将该页面返回到前端供用户使用,此时页面会通过ajax请求调用ShangpinxinxiController控制器下的list方法,在该方法内通过调用shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params))将数据通过json格式返回到前端,然后将数据加载到页面上。
这个模块主要功能是,显示用户的发帖信息,在这里用户可以看到不同用户的发帖页面,交流论坛图,如图2.5所示。
图2.5 交流论坛图
实现过程:页面加载时调用/index/forum页面,服务器会将该页面返回给前端,这时页面会发送ajax请求到ForumController控制器下的List方法,方法内会通过调forumService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, forum), params), params))将查询到的数据以json的形式返回给页面,页面对数据进行渲染,从而将数据展示出来。
这个模块主要功能是向用户展示台球资讯信息,用户可以看到相关的台球资讯等功能的操作页面运行效果图,球厅资讯图,如图2.6所示。
图2.6 球厅资讯图
实现过程:通过请求index/news页面,服务器将页面返回给前端,这时候通过调用NewsController控制器下的list方法,该方法,会调用newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params))方法,将数据返回给前端,页面在将数据渲染上,这时就能看到球厅相关的资讯信息。
1. 管理员登录
管理员进入登录页面登录,输入账号信息进行登录,账号和密码正确提示登录成功,若账号和密码错误,提示登录失败。用户登录页面,如图2.9所示。
图2.9 管理员登录界面
实现过程:当管理要登录后台时,会请求/login页面,服务器会把页面返回给用户端,供管理员输入,管理员输入账号和密码,点击登录按钮会把数据提交UsersController控制器下的logon方法对账号和密码进行验证,这是会进行账号密码验证,验证成功以后,会进入管理后台。
本模块主要包含添加用户信息、修改用户信息、删除用户信息、分页查询用户信息等。用户管理图,如图2.10所示。
图2.10 用户管理图
实现过程:当管理人员点击公告管理时会请求/yonghu将页面返回给管理,这时如果管理员里要进行增删改查操作时,会请求YonghuController控制器下的Page方法,调用yonghuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghu), params), params))将数据返回到页面进行渲染,管理员便可以进行增删改查操作。
本模块主要包含对球桌信息进行管理功能等。球桌信息图,如图2.14所示。
图2.14 球桌信息图
实现过程:当管理员进行人员管理,点击不同菜单功能会进入不同的页面,管理员点击球桌信息管理会请求/qiuzhuoxinxi这个页面,这时页面会发送ajax请求到QiuzhuoxinxiController控制器下的Page方法,这时会调用该方法下的qiuzhuoxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, qiuzhuoxinxi), params), params))来将球桌信息通过json格式返回到前端,管理员便可以对数据进行增删改查操作。
商品信息管理包括对商品信息进行管理的操作,商品信息图,运行效果图如2.15所示。
图2.15 商品信息图
实现过程:当管理员点击商品操作时,会请求shangpinxinxi页面,页面会调用ShangpinxinxiController控制器下的Page方法中的shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params))将商品信息返回通过json格式返回到前端,管理员便可以对数据进行增删改查操作。
留言反馈管理是对用户的留言反馈信息进行管理的,留言反馈图,运行效果图 2.16所示如下:
图2.16留言反馈图
实现过程: 当管理员点击留言反馈操作时,会请求/messages页面,页面会调用MessagesController控制器下的Page方法中的messagesService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, messages), params), params))将留言反馈信息返回通过json格式返回到前端,管理员便可以对数据进行增删改查操作。
交流论坛管理主要是用户的交流信息进行管理,防止有不合法的言论,交流论坛图,运行效如图2.17所示。
图2.17交流论坛图
实现过程:当管理员点击交流论坛操作时,会请求/ forum页面,页面会调用ForumController控制器下的Page方法中的forumService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, forum), params), params))将论坛信息返回通过json格式返回到前端,这时管理便可以查看所有信息,管理员便可以对数据进行增删改查操作。
订单管理,订单管理是对用户购买上商品下的订单信息进行管理的,订单管理图,运行效果图如图2.18所示。
图2.18订单管理图
实现过程:管理员点击病例管理的时候会请求/orders/页面,tomcat服务器会将页面返回给前端,这时候页面请求OrdersController方法下的Page方法,会调用ordersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, orders), params), params)) 将订单信息返回通过json格式返回到前端,这时管理便可以查看所有信息,管理员便可以对数据进行增删改查操作。
球厅资讯管理是对台球厅的资讯西喜喜进行管理,球厅资讯图,运行效果如图2.19所示。
图2.19台球资讯图
实现过程:管理员点击球厅资讯管理的时候会请求/news页面,这时tomcat服务器会将页面返回给用户,页面会发送ajax请求到NewsController控制器的Page方法该方法调用newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params)) 将球厅资讯信息返回通过json格式返回到前端,这时管理便可以查看所有信息,管理员便可以对数据进行增删改查操作。
球桌预约管理是对台球厅的球桌预约信息进行管理,球桌预约图,运行效果如图2.20所示。
图2.20球桌预定图
实现过程:管理员点击球桌约定管理的时候会请求/ qiuzhuoyuyue页面,这时tomcat服务器会将页面返回给用户,页面会发送ajax请求到QiuzhuoyuyueController控制器的Page方法该方法调用qiuzhuoyuyueService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, qiuzhuoyuyue), params), params)) 将球桌预约信息返回通过json格式返回到前端,这时管理便可以查看所有信息,管理员便可以对数据进行增删改查操作。