5系统详细设计
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Hj411Y785/
三、运行截图:
3.1APP端(用户功能)
登录,用户通过输入用户名和密码,并点击登录进行系统登录操作,如图3-1所示。
图3-1用户登录界面图
用户系统后,可以对首页、我的钱包、地图、我的等功能进行详细操作,如图3-2所示。
图3-2系统首页界面图
充电桩信息,在充电桩信息页面可以查看充电桩图片、分类、编号、输入电压、输出功率、注意事项、所处位置、每时单价等信息,并进行评论或收藏操作;如图3-3所示。
图3-3充电桩信息界面图
电池信息,在电池信息页面可以查看电池图片、电池型号、电池容量、单价、品牌、电池简介等信息,并进行购买,评论或收藏操作;如图3-4所示。
图3-4电池信息界面图
服务订单,在服务订单页面可以查看图片、服务名称、服务价格、服务范围、账号、姓名、手机号码、位置、下单时间、备注、审核状态、审核回复等信息,并进行购买,评论或收藏操作;如图3-5所示。
图3-5服务订单界面图
用户,在我的页面可以对充值信息、购买订单、服务订单、我的收藏管理等详细信息进行操作,如图3-6所示。
图3-6用户功能界面图
用户信息,在用户信息页面通过填写账号、密码、姓名、性别、邮箱、手机号码、相片等信息进行保存或退出登录操作,如图3-7所示。
图3-7用户信息界面图
3.2后台管理员功能模块
管理员登录,管理员通过输入账号、密码,并点击登录进行系统登录操作,如图3-8所示。
图3-8管理员登录界面图
管理员登录系统后,可以对首页、个人中心、用户管理、充电桩管理、电池商品管理、托送服务管理、我的钱包管理、充值信息管理、消费信息管理、购买订单管理、配送信息管理、服务订单管理、系统管理等功能进行相应操作,如图3-9所示。
图3-9管理员功能界面图
用户管理,在用户管理页面可以对索引、账号、姓名、性别、邮箱、手机号码、相片等内容进行详情,钱包,修改或删除等操作,如图3-10所示。
图3-10用户管理界面图
充电桩管理,在充电桩管理页面可以对索引、编号、分类、图片、输入电压、输出功率、注意事项、所处位置、每时单价等内容进行详情,修改,查看评论或删除等操作,如图3-11所示。
图3-11充电桩管理界面图
电池商品管理,在电池商品管理页面可以对索引、电池型号、电池封面、电池容量、单价、品牌等内容进行详情,修改,查看评论和删除等操作,如图3-12所示。
图3-12电池商品管理界面图
托送服务管理,在托送服务管理页面可以对索引、服务名称、服务封面、服务价格、服务范围、联系手机等内容进行详情,修改,查看评论或删除等操作,如图3-13所示。
图3-13托送服务管理界面图
我的钱包管理,在我的钱包管理页面可以对索引、账号、姓名、金额等内容进行详情,消费,修改或删除等操作,如图3-14所示。
图3-14我的钱包管理界面图
充值信息管理,在充值信息管理页面可以对索引、充值编号、账号、姓名、金额、充值备注、充值日期、是否支付等内容进行详情或删除等操作,如图3-15所示。
图3-15充值信息管理界面图
消费信息管理,在消费信息管理页面可以对索引、消费编号、账号、姓名、金额、发送日期等内容进行详情,修改或删除等操作,如图3-16所示。
图3-16消费信息管理界面图
购买订单管理,在购买订单管理页面可以对索引、电池型号、电池封面、电池容量、单价、数量、金额、账号、姓名、手机号码、收货地址、下单时间、审核回复、审核状态、审核等内容进行详情,配送或删除等操作,如图3-17所示。
图3-17购买订单管理界面图
配送信息管理,在配送信息管理页面可以对索引、电池型号、电池封面、电池容量、单价、数量、金额、账号、姓名、手机号码、收货地址、下单时间、更新时间、物流状态等内容进行详情,修改或删除等操作,如图3-18所示。
图3-18配送信息管理界面图
服务订单管理,在服务订单管理页面可以对索引、服务名称、服务封面、服务价格、服务范围、账号、姓名、手机号码、位置、下单时间、审核回复、审核状态、审核等内容进行详情或删除等操作,如图3-19所示。
图3-19服务订单管理界面图
系统管理,在公告信息管理页面可以对索引、标题、图片等内容进行详情、修改和删除等操作,还可以对轮播图管理进行详细的操作管理;如图3-20所示。
图3-20系统管理界面图