第五章系统功能实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Hz4y1N7ed/
三、运行截图:
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1XN41137vm/
三、运行截图:
3.1前台功能模块
登录,用户通过输入账号和密码等信息并点击登录进行系统登录操作,如图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.2后台功能模块
管理员和商家登录,管理员和商家通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图3-7所示。
图3-7管理员登录界面图
3.2.1 管理员功能
管理员登录系统后,可以对首页、个人中心、用户管理、商家管理、药品信息管理、药品分类管理、发票信息管理、系统管理等功能进行相应操作,如图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.2.2商家功能
商家登录系统后,可以对首页、个人中心、药品信息管理、发票信息管理、订单管理等功能进行相应操作,如图3-15所示。
图3-15商家功能界面图
个人中心,在个人中心页面通过填写商家账号、商家名称、负责人、身份证、联系手机、相片等信息进行个人信息修改操作,如图3-16所示。
图3-16个人中心界面图
药品信息管理,在药品信息管理页面可以对索引、药品名称、药品图片、药品分类、药品成分、生产商、药品功效、服用方式、上架日期、商家账号、商家名称、联系手机、价格、单限、库存等内容进行详情,开票,修改,查看评论和删除操作,如图3-17所示。
图3-17药品信息管理界面图
订单管理,在已支付订单页面可以对索引、订单编号、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、状态、地址、电话、收货人、商户名称、下单时间等内容进行详情,物流和发货操作,还可以对已完成订单,已发货订单,未支付订单,已取消订单,已退款订单进行详细操作如图3-18所示。
图3-18订单管理界面图