近期进行的课设,希望各位大佬指点一下下(具体的源码 可以评论 留下联系方式 我私发给你们包)
1.设计目的
熟悉Web开发的特点,充分利用JSP语言特点,依据MVC模式,采用SpringMVC框架,独立设计、编写一个Web应用软件系统,培养独立设计系统、调试程序能力。具有基本分析问题和编程解决问题能力。突出对学生创新能力、实践能力的培养。
2.设计题目
题目:“一键维修”的设计与实现
设计一款便利与大众的维修系统,使用户足不出户实现“一键维修”
主要功能:
(1)维修人员和用户的分用户注册、登录;登陆的验证码,保存密码等;
(2)报修单的提交,实现文件上传 图文并茂;
(3)查看未完成报修单,搜索未完成报修单,维修人员维修过的订单确认;
(4)已完成订单的查看,进行评论 删除等;
(5)个人信息的查看,修改等;
(6)查看维修人员信息,并进行预约。
(7)维修人员领取维修单;
(8)维修人员确定维修单完成,进入面对面预约。
(9)已经完成订单的查看,评论,删除等。
3.E-R图
图3.1 E-R图
“一键维修”的E-R图,图中的两个实体为user和serviceman之间的关系有maintains,subscribe,comments 用户和维修人员可以进行上报维修单,预约聊天评论等。其中主键均为id 。
4.功能设计
图4.1 用户用例图
图4.2 维修人员用例图
5.详细设计及截图
登录
登录界面实现验证码登陆和保存密码功能,当点击登陆后,后台验证是用户或者是维修人员进入不同的页面,点击验证码会生成新的验证码,保存密码,将密码保存在cookie中。点击注册进行注册用户或者是维修人员
注册选择
用户注册
维修人员注册
登录用户主界面
提交订单
此界面为用户登录的主界面,此界面右上角为用户的电话email 及用户名,在此处可以进行注销登陆操作,在下面是导航栏可以进行选择功能模板,然后下面是一个提交维修订单的界面进行提交订单,再次界面可以上传附件,编写订单实现图文并茂功能。
查看未完成订单
最上面为导航栏和用户的一些基本信息和进行注销登陆功能 此界面为查看用户未完成订单 按照分页模式显示一页显示四个未完成的订单,未完成的订单分为三类,一类为发布的订单 维修人员未接单,一类为维修人员已经接单但是维修人员未确认订单或者用户未人订单已经完成,在查看订单时如有附件可以进行查看。在界面右侧搜素功能可以搜索出未完成的订单,下面列出的为最近发布的订单,最下面为分页。
已完成订单
最上面为导航栏和用户的一些基本信息和进行注销登陆功能,此页面显示的为已经完成的订单,按照时间轴进行往下布局,实现分页技术。当点击完成订单的标题时可以进去查看详情。
订单详情
评论 删除
最上面为导航栏和用户的一些基本信息和进行注销登陆功能。
在此界面显示此订单的基本详情和维修此订单的维修人员,用户可以在此订单详情下进行评论,也可以删除自己的评论。
修改个人信息
此界面为修改个人信息右侧为导航栏可以进行注销登陆和到达自己想到达的模块,在此页面下刚开始个人信息不可修改当点击修改按钮后可以进行修改自己的个人信息,点击提交即可修改自己的个人信息。左侧为自己的头像。
面对面预约
维修人员信息
聊天室
最上面为导航栏和用户的一些基本信息和进行注销登陆功能。进入此界面显示的是维修人员的基本信息查看维修信息后可以点击预约按钮进入预约界面与维修人员进行维修聊天室预约。结束后退出到查看维修人员信息界面。
领取订单
最上面为导航栏和用户的一些基本信息和进行注销登陆功能。
进入此界面列出所有用户发布的维修单,维修人员可以进行接单,接单后跳转到未完成订单页面
等待客户确定订单
维修人员确定订单
最上面为导航栏和用户的一些基本信息和进行注销登陆功能。
此界面为维修人员接单的信息,接单后按照类别分别列出,在各个模板中,维修人员可以确认此订单完成当点击此订单完成后,需用户进行确认才能认为此订单才算完成。
已完成订单
维修人员评论
最上面为导航栏和用户的一些基本信息和进行注销登陆功能。
在此界面显示此订单的基本详情和维修此订单的维修人员,维修人员可以在此订单详情下进行评论,也可以删除自己的评论。
6.结束语
通过本次实验自己设计一个网站建设,主要利用Springmvc+Mysql进行实现。在设计数据库时要充分考虑外键和各个实体之间的关系。在后端采用四层结构,数据层,数据持久层,控制器层和页面显示层。在前端部分采用ajax在提交表单时为了避免表单重复提交问题采用token令牌进行解决,在与客户进行面对面交流时采用webSocket实现。数据库的表采用OneToOne模式连接。通过本次实验更加熟练的掌握了SpringMVC框架的使用,也了解了一些关于ajax,jQuery,WebSocket,token等知识。本系统也有许多不足如缺少管理员,因实验时间有限将其删除,课下进行完成eChars图表展示等。