第五章系统功能实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV14H4y167wz/
三、运行截图:
3.1系统功能模块
基于HTML5的网上跳蚤市场系统,在系统首页可以查看首页,商品信息,求购信息,留言板,个人中心,后台管理,购物车,在线客服等内容,并进行详细操作;如图3-1所示。
图3-1系统首页界面图
会员注册,在会员注册页面通过填写用户账号,密码,确认密码,姓名,年龄,手机等信息进行注册操作,如图3-2所示。
图3-2会员注册界面图
商品信息,在商品信息页面可以通过商品名称,商品分类,品牌等内容进行搜索,如图3-3所示。
图3-3商品信息界面图
个人中心,在个人中心页面通过填写账号,密码,姓名,年龄,性别,手机,上传图片,余额等内容进行更新信息操作,并根据需要对我的订单,我的地址,我的收藏进行详细操作;如图3-4所示。
图3-4个人中心界面图
3.2后台登录模块
后台登录,管理员和会员进入系统前在登录页面根据要求填写账号,密码和选择角色等信息,点击登录进行登录操作,如图3-5所示。
图3-5后台登录界面图
3.2.1管理员功能
管理员登陆系统后,可以查看首页,个人中心,会员管理,商品分类管理,商品信息管理,求购信息管理,留言板管理,系统管理,订单管理等功能,还能对每个功能逐一进行相应操作,如图3-6所示。
图3-6管理员功能界面图
会员管理,在会员管理页面可以索引,账号,姓名,年龄,性别,手机,照片等内容进行详情,修改和删除操作,如图3-7所示。
图3-7会员管理界面图
商品分类管理,在商品分类管理页面可以对索引,商品分类等内容进行详情,修改和删除等操作,如图3-8所示。
图3-8商品分类管理界面图
商品信息管理,在商品信息管理页面可以对索引,商品编号,商品名称,商品分类,品牌,规格,图片,上架日期,价格,单限,库存等内容进行详情,修改,查看评论和删除等操作,如图3-9所示。
图3-9商品信息管理界面图
求购信息管理,在求购信息管理页面可以对用索引,标题,商品名称,商品分类,图片,接受价位,需求数量,发布日期,账号,姓名,手机等内容进行详情,修改,查看评论和删除等操作,如图3-10所示。
图3-10求购信息管理界面图
留言板管理,在留言板管理页面可以对索引,用户名,留言内容,留言图片,回复内容,回复图片等内容进行详情,修改,回复和删除操作,如图3-11所示。
图3-11留言板管理界面图
3.2.2会员功能
会员登陆系统,可以查看首页,个人中心,求购信息管理,留言板管理等功能,还能对每个功能逐一进行相应操作,如图3-12所示。
图3-12会员功能界面图
个人中心,在个人信息页面通过填写账号,姓名,年龄,性别,手机,照片等内容进行个人信息修改操作,如图3-13所示。
图3-13个人中心界面图
求购信息管理,在求购信息管理页面可以对索引,标题,商品名称,商品分类,图片,接受价位,需求数量,发布日期,账号,姓名,手机等内容进行详情,修改,查看评论和删除等操作,如图3-14所示。
图3-14求购信息管理界面图