第五章系统的详细设计
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1oa4y1D7L2/
三、运行截图:
3.1系统首页的设计
该界面是电气与信息类书籍网上书店的首页,界面设置要求界面简洁明了、操作简单、兼容性好。在考虑设计界面时,首先要考虑界面标准化设计,其次是完善界面设计,但不要因对界面的美化使界面的操作变得复杂,用户和商家可在此页面进行登录等操作,页面顶部导航条是各模块的入口。
系统首页页面主要包括首页,图书信息,新书资讯,个人中心,后台管理等内容,并根据需要进行详细操作;如图3-1所示:
图3-1系统首页界面图
用户注册,在用户注册页面通过填写账号,密码,确认密码,姓名,手机,邮箱,身份证等信息完成用户注册操作,如图3-2所示。
图3-2用户注册界面图
图书信息,在图书信息页面可以查看商家名称,图片,商家账号,联系人,联系电话,商家地址,商家简介等详细内容;并可以进行借阅,还书,购书,点我收藏等操作,如图3-3所示。
图3-3图书信息界面图
个人中心,在个人中心页面通过填写账号,密码,姓名,性别,手机,邮箱,身份证等信息进行更新信息,还可以根据需要对我的收藏进行详细操作,如图3-4所示。
图3-4个人中心界面图
3.2管理员功能模块
管理员登录,管理员进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图3-5所示。
图3-5管理员登录界面图
管理员登录系统后,可以对个人中心,用户管理,商家管理,图书类型管理,图书信息管理,借阅信息管理,购书信息管理,还书信息管理,系统管理等功能进行相应的操作,如图3-6所示。
图3-6管理员功能界面图
商家管理,在商家管理页面可以对商家号,商家名称,电话,邮箱,地址等内容进行查看,修改和删除等操作,如图3-7所示。
图3-7商家管理界面图
图书信息管理,在图书信息管理页面可以对图书名称,图书类型,图片,简述,作者,价格,数量,出版社,商家号等内容进行借阅,还书,购书,查看,修改,查看评论和删除等操作,如图3-8所示。
图3-8图书信息管理界面图
购书信息管理,在购书信息管理页面可以对图书名称,图书类型,图片,简述,作者,价格,数量,出版社,商家号,账号,姓名,手机,身份证,下单时间,是否审核,审核回复,是否支付等内容进行审核,查看,修改,删除等操作,如图3-9所示。
图3-9购书信息管理界面图
3.3商家功能模块
商家登录进入系统可以对个人中心,图书信息管理,借阅信息管理,购书信息管理,还书信息管理等功能进行详细操作,如图3-10所示。
图3-10商家功能界面图
图书信息管理,在图书信息管理页面可以对图书名称,图书类型,图片,简述,作者,价格,数量,出版社,商家号等内容进行查看,查看评论,修改和删除等操作,如图3-11所示。
图3-11图书信息管理界面图
借阅信息管理,在借阅信息管理页面可以对借阅编号,图书名称,图书类型,图片,简述,作者,价格,数量,出版社,借阅时间,账号,姓名,手机,身份证,登记时间,是否审核,审核回复等内容进行查看,审核等操作,如图3-12所示。
图3-12借阅信息管理界面图
购书信息管理,在购书信息管理页面可以对图书名称,图书类型,图片,简述,作者,价格,数量,出版社,商家号,账号,姓名,手机,身份证,下单时间,是否审核,审核回复,是否支付等内容进行查看,审核等操作,如图3-12所示。
图3-12购书信息管理界面图
3.4用户功能模块
用户登录进入系统可以对主个人中心,借阅信息管理,购书信息管理,还书信息管理等功能进行详细操作,如图3-13所示。
图3-13用户功能界面图
借阅信息管理,在借阅信息管理页面可以对借阅编号,图书名称,图书类型,图片,简述,作者,价格,数量,出版社,借阅时间,账号,姓名,手机,身份证,登记时间,是否审核,审核回复等内容进行查看操作,如图3-14所示。
图3-14借阅信息管理界面图
购书信息管理,在购书信息管理页面可以对图书名称,图书类型,图片,简述,作者,价格,数量,出版社,商家号,账号,姓名,手机,身份证,下单时间,是否审核,审核回复,是否支付等内容进行查看,删除等操作,如图3-15所示。
图3-15购书信息管理界面图