一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1tG411R7TJ?t=15.9
三、运行截图:
系统实现部分就是将系统分析,系统设计部分的内容通过编码进行功能实现,以一个实际应用系统的形式展示系统分析与系统设计的结果。前面提到的系统分析,系统设计最主要还是进行功能,系统操作逻辑的设计,也包括了存储数据的数据库方面的设计等内容,系统实现就是一个最终的实施阶段,将前面的设计成果进行物理转化,最终出具可以运用于实际的软件系统。
3.1 管理员模块
3.1.1 管理员登录
管理员需要输入管理员账号和密码并且选择管理员角色都正确才能登录成功。
图3.1 管理员登录页面
3.1.2 管理员修改密码
管理员点击个人中心,修改密码,需要输入正确的原密码,并且新密码和确认密码要一致,都输入正确了才可以点击确定。
图3.2 管理员修改密码页面
3.1.3 管理员修改个人信息
管理员修改个人信息只能修改用户名,修改成功后退出再登录就需要输入新的用户名了。
图3.3 管理员修改个人信息页面
3.1.4 管理员管理
管理员管理可以对管理员账号进行添加,修改,删除,查询操作,还可以查看详情。
图3.4 管理员管理页面
3.1.5 商品类型名称管理
管理员可以对商品类型名称进行添加,修改,删除,查询操作,还可以查看详情。
图3.5 商品类型名称页面
3.1.6 支付类型管理
管理员可以对支付类型进行添加,修改,删除,查询操作,还可以查看详情。
图3.6 支付类型页面
3.1.7 公告类型管理
管理员可以对公告类型进行添加,修改,删除,查询操作,还可以查看详情。
图3.7 公告类型页面
3.1.8 商品信息管理
管理员可以对商品信息进行添加,修改,删除,查询操作,还可以查看详情。
图3.8 商品信息页面
3.1.9 入库操作
管理员可以在出入库管理里面操作入库操作,入库需要填写出入库订单名称,还可以选项商品,更改商品数量,进行提交。
图3.9 入库页面
3.1.10 出库操作
管理员可以在出入库管理里面操作出库操作,出库需要填写出出库订单名称,还可以选项商品,更改商品数量,进行提交。
图3.10 出库页面
3.1.11 出入库管理
管理员可以在出入库管理里面查看到自己操作过的出入库信息,还可以查看列表详情和删除操作,还可以查询,可以根据出入库名称查询出入库信息。
图3.11 出入库管理页面
3.1.12 出入库详情管理
管理员可以在出入库详情管理里面搜索出入库详情信息也可以对出入库详情进行删除操作。
图3.11 出入库详情管理页面
3.1.13 出入库详情删除
管理员可以删除出入库详情信息,点击删除会先提示确定要删除吗?
图3.13 出入库详情删除页面
3.1.14 出入库详情删除
管理员可以删除出入库详情信息,点击删除会先提示确定要删除吗?
图3.14 出入库详情删除页面
3.1.15 购买管理
管理员可以通过购买流水号进行查询,也可以对任何一条购买信息进行查看列表详情,列表详情会显示商品的单价,名称和数量以及总价。
图3.15 购买管理页面
3.1.16 购买详情管理
管理员可以通过商品名称,商品类型,购买流水号和支付类型查询购买详情。
图3.16 购买详情管理页面
3.1.17 公告信息管理
管理员可以对公告信息进行添加,修改,删除,查询操作。
图3.17 公告信息管理页面
3.1.18 用户信息管理
管理员可以对用户信息进行添加,修改,删除,查询操作。
图3.18 用户信息管理页面
3.2 用户模块
3.2.1 用户注册
用户需要注册才可以登录,用户注册需要输账号,密码,手机号,姓名,邮箱等信息。
图3.19 用户注册页面
3.2.2 用户登录
用户登录需要输入正确的账号密码,也要选择用户身份,都匹配了才可以登录。
图3.20 用户登录页面
3.2.3 商品管理
用户可以搜索和查看商品信息,这些商品信息都是管理员发布的。
图3.21 商品管理页面
3.2.4 购买管理
用户可以通过购买流水号查自己的购买信息,也可以通过支付类型查询。
图3.22 购买管理页面
3.2.5 收银
用户可以自助收银,选择收银类型,选择商品和数量,就可以提交。
图3.23 收银页面
3.2.6 购买详情
用户可以通过搜索商品名称,类型,流水号,支付类型查询到自己的购买详情。
图3.24 购买详情页面
3.2.7 公告信息
用户可以通过搜索公告标题和公告类型查询公告信息。
图3.25 公告信息页面一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
三、运行截图:
系统实现部分就是将系统分析,系统设计部分的内容通过编码进行功能实现,以一个实际应用系统的形式展示系统分析与系统设计的结果。前面提到的系统分析,系统设计最主要还是进行功能,系统操作逻辑的设计,也包括了存储数据的数据库方面的设计等内容,系统实现就是一个最终的实施阶段,将前面的设计成果进行物理转化,最终出具可以运用于实际的软件系统。
3.1 管理员模块
3.1.1 管理员登录
管理员需要输入管理员账号和密码并且选择管理员角色都正确才能登录成功。
图3.1 管理员登录页面
3.1.2 管理员修改密码
管理员点击个人中心,修改密码,需要输入正确的原密码,并且新密码和确认密码要一致,都输入正确了才可以点击确定。
图3.2 管理员修改密码页面
3.1.3 管理员修改个人信息
管理员修改个人信息只能修改用户名,修改成功后退出再登录就需要输入新的用户名了。
图3.3 管理员修改个人信息页面
3.1.4 管理员管理
管理员管理可以对管理员账号进行添加,修改,删除,查询操作,还可以查看详情。
图3.4 管理员管理页面
3.1.5 商品类型名称管理
管理员可以对商品类型名称进行添加,修改,删除,查询操作,还可以查看详情。
图3.5 商品类型名称页面
3.1.6 支付类型管理
管理员可以对支付类型进行添加,修改,删除,查询操作,还可以查看详情。
图3.6 支付类型页面
3.1.7 公告类型管理
管理员可以对公告类型进行添加,修改,删除,查询操作,还可以查看详情。
图3.7 公告类型页面
3.1.8 商品信息管理
管理员可以对商品信息进行添加,修改,删除,查询操作,还可以查看详情。
图3.8 商品信息页面
3.1.9 入库操作
管理员可以在出入库管理里面操作入库操作,入库需要填写出入库订单名称,还可以选项商品,更改商品数量,进行提交。
图3.9 入库页面
3.1.10 出库操作
管理员可以在出入库管理里面操作出库操作,出库需要填写出出库订单名称,还可以选项商品,更改商品数量,进行提交。
图3.10 出库页面
3.1.11 出入库管理
管理员可以在出入库管理里面查看到自己操作过的出入库信息,还可以查看列表详情和删除操作,还可以查询,可以根据出入库名称查询出入库信息。
图3.11 出入库管理页面
3.1.12 出入库详情管理
管理员可以在出入库详情管理里面搜索出入库详情信息也可以对出入库详情进行删除操作。
图3.11 出入库详情管理页面
3.1.13 出入库详情删除
管理员可以删除出入库详情信息,点击删除会先提示确定要删除吗?
图3.13 出入库详情删除页面
3.1.14 出入库详情删除
管理员可以删除出入库详情信息,点击删除会先提示确定要删除吗?
图3.14 出入库详情删除页面
3.1.15 购买管理
管理员可以通过购买流水号进行查询,也可以对任何一条购买信息进行查看列表详情,列表详情会显示商品的单价,名称和数量以及总价。
图3.15 购买管理页面
3.1.16 购买详情管理
管理员可以通过商品名称,商品类型,购买流水号和支付类型查询购买详情。
图3.16 购买详情管理页面
3.1.17 公告信息管理
管理员可以对公告信息进行添加,修改,删除,查询操作。
图3.17 公告信息管理页面
3.1.18 用户信息管理
管理员可以对用户信息进行添加,修改,删除,查询操作。
图3.18 用户信息管理页面
3.2 用户模块
3.2.1 用户注册
用户需要注册才可以登录,用户注册需要输账号,密码,手机号,姓名,邮箱等信息。
图3.19 用户注册页面
3.2.2 用户登录
用户登录需要输入正确的账号密码,也要选择用户身份,都匹配了才可以登录。
图3.20 用户登录页面
3.2.3 商品管理
用户可以搜索和查看商品信息,这些商品信息都是管理员发布的。
图3.21 商品管理页面
3.2.4 购买管理
用户可以通过购买流水号查自己的购买信息,也可以通过支付类型查询。
图3.22 购买管理页面
3.2.5 收银
用户可以自助收银,选择收银类型,选择商品和数量,就可以提交。
图3.23 收银页面
3.2.6 购买详情
用户可以通过搜索商品名称,类型,流水号,支付类型查询到自己的购买详情。
图3.24 购买详情页面
3.2.7 公告信息
用户可以通过搜索公告标题和公告类型查询公告信息。
图3.25 公告信息页面