5系统详细设计
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1NG411y7S4/
三、运行截图:
生鲜交易系统分为前台功能和后台功能,包括管理员、用户和商家三个角色,根据每个用户权限的不同,操作的功能也会不一样,接下来对生鲜交易系统的功能模块进行分析。
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.2.1用户功能
用户登录系统后,可以对首页、个人中心等进行相应的操作管理,如图3-6所示。
图3-6用户功能界面图
个人中心,在个人中心页面可以对账号,姓名,性别,手机,地址,头像等内容进行修改操作,如图3-7所示。
图3-7个人中心界面图
3.2.2 商家功能
商家登录系统后,可以对首页,个人中心,生鲜信息管理,广告信息管理,生鲜仓库管理,生鲜出库管理,订单管理等进行相应的操作管理,如图3-8所示。
图3-8商家功能界面图
个人中心,在个人中心管理页面可以对商店编号,商店名称,商家地址,联系电话,商店图片等内容进行修改操作,如图3-9所示。
图3-9个人中心界面图
生鲜信息管理,在生鲜信息管理页面可以对索引,生鲜名称,生鲜类型,保质期,打捞日期,生鲜图片,商店编号,商店名称,联系电话,价格,审核回复,审核状态,等内容进行详情,修改,查看评论和删除等操作,如图3-10所示。
图3-10生鲜信息管理界面图
广告信息管理,在广告信息管理页面可以对广告名称,广告类型,广告视频,发布时间,广告封面,商店编号,商店名称,审核回复,审核状态等内容进行详情,修改,查看评论和删除等操作,如图3-11所示。
图3-11广告信息管理界面图
订单管理管理,在订单管理管理页面可以对索引,订单编号,商品名称,商品图片,购买数量,价格,折扣价格,支付类型,状态,地址,电话,收货人,商户名称,下单时间等内容进行详情,物流和发货等具体操作,如图3-12所示。
图3-12订单管理管理界面图
3.2.3管理员功能
管理员登录进入系统可以对首页,个人中心,用户管理,商家管理,生鲜信息管理,生鲜分类管理,广告信息管理,生鲜仓库管理,生鲜出库管理,系统管理等进行相应操作,如图3-13所示。
图3-13管理员功能界面图
用户管理,在用户管理页面通过对用户账号,姓名,性别,手机,地址,头像等内容进行详情,修改,删除操作,如图3-14所示。
图3-14用户管理界面图
商家管理,在商家管理页面通过对商店编号,商店名称,商店地址,联系电话,商店图片等内容进行详情,修改,删除操作,如图3-15所示。
图3-15商家管理界面图
生鲜信息管理,在生鲜信息管理页面可以对索引,生鲜名称,生鲜类型,保质期,打捞日期,生鲜图片,商店编号,商店名称,联系电话,价格,审核回复,审核状态等内容进行详情,查看评论,删除等操作,如图3-16所示。
图3-16生鲜信息管理界面图
广告信息管理,在广告信息管理页面可以对广告名称,广告类型,广告视频,发布时间,广告封面,商店编号,商店名称,审核回复,审核状态等内容进行详情、查看评论、删除等操作,如图3-17所示。
图3-17广告信息管理界面图