第5章系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1C34y1c7jx/
三、运行截图:
3.1基本论坛
系统实现阶段的根本目标在这个阶段的设计工作中精确地描述出目标系统,从而在编码阶段可以直接根据这个描述翻译成用程序语言编写的系统。
系统实现的基本论坛有以下几个:
(1) 为每个模块进行详细的算法设计。用某种图形、表格、语言等工具将每个模块处理过程的详细算法描述出来。
(2) 为模块内的数据结构进行设计。对于需求分析、概要设计确定的概念性的数据类型进行确切的定义。
(3) 对数据结构进行物理设计,即确定数据库的物理结构。
(4) 其他设计:根据软件系统的类型,可能还需要进行代码设计、输入/输出格式设计、人机对话设计。
(5) 编写系统实现说明书。
(6) 评审。对处理过程的算法和数据库的物理结构都要评审。
3.2主页面的实现
经过用户登录后,页面跳转至后台首页,main.jsp,首页是由2个页面组成的,包括top、left和center等页面,通过@ Register引入,这里也是浏览者操作系统功能的入口,系统首页主要介绍系统的基本信息,包括当前用户、当前日期、当前访问浏览器的版本、服务器的端口数、当前用户的权限、当前电脑的ip、当前电脑的操作系统名称、本系统的开发日期、系统作者、指导教师、开发日期等,主页面如下图所示。
图3-1主页界面
3.3登录模块的实现
系统登录模块可分为前台登录模块和后台登录模块,为确保系统安全性,系统操作员只有在登录界面输入正确的管理员名、密码、权限以及验证码,单击“登录”按钮后才能够进入本系统的主界面。
管理员登录流程图如下所示。
图3-2管理员登录流程图
登录界面如下图所示。
图3-3登录界面
3.4产品类别管理模块的实现
管理员添加产品类别信息是在点击添加按钮的前提下操作的,当页面跳转至chanpinleibie_add.jsp,添加成功后,管理员在chanpinleibiei_list.jsp进行产品类别管理,chanpinleibie_ list.jsp通过查询数据库的产品类别表列出所有产品类别信息,每条产品类别对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除产品类别信息,并重定向当前页面,当管理员选择点击修改,则进入chanpinleibie_update.jsp页面,进行产品类别信息的修改。
产品类别添加页面设计效果如下图所示。
图3-4 产品类别添加界面
产品类别管理页面效果如下图所示。
图3-5 产品类别管理界面
3.6产品信息管理模块的实现
管理员添加产品信息是在点击添加按钮的前提下操作的,当页面跳转至chanpinxinxi_add.jsp,添加成功后,管理员在chanpinxinxi_list.jsp进行产品信息管理,chanpinxinxi_ list.jsp通过查询数据库的产品信息表列出所有产品信息信息,每条产品信息对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除产品信息信息,并重定向当前页面,当管理员选择点击修改,则进入chanpinxinxi_update.jsp页面,进行产品信息信息的修改。
产品信息添加页面设计效果如下图所示。
图3-6产品信息添加界面
产品信息管理页面效果如下图所示。
图3-7 产品信息管理界面
3.6入库信息管理模块的实现
管理员添加入库信息是在点击添加按钮的前提下操作的,当页面跳转至rukuxinxi_add.jsp,添加成功后,管理员在rukuxinxi_list.jsp进行入库信息管理,rukuxinxi_ list.jsp通过查询数据库的入库信息表列出所有入库信息信息,每条入库信息对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除入库信息信息,并重定向当前页面,当管理员选择点击修改,则进入rukuxinxi_update.jsp页面,进行入库信息信息的修改。
入库信息添加页面设计效果如下图所示。
图3-8 入库信息添加界面
入库信息管理页面效果如下图所示。
图3-9 入库信息管理界面
3.7销售信息管理模块的实现
管理员添加销售信息是在点击添加按钮的前提下操作的,当页面跳转至xiaoshouxinxi_add.jsp,添加成功后,管理员在xiaoshouxinxi_list.jsp进行销售信息管理,xiaoshouxinxi_ list.jsp通过查询数据库的销售信息表列出所有销售信息,每条销售信息对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除销售信息,并重定向当前页面,当管理员选择点击修改,则进入xiaoshouxinxi_update.jsp页面,进行销售信息的修改。
销售信息添加页面设计效果如下图所示。
图3-10 销售信息添加界面
销售信息管理页面效果如下图所示。
图3-11 销售信息管理界面
3.8退货信息管理模块的实现
管理员添加退货信息是在点击添加按钮的前提下操作的,当页面跳转至xiaoshouxinxi_add.jsp,添加成功后,管理员在xiaoshouxinxi_list.jsp进行退货信息管理,xiaoshouxinxi_ list.jsp通过查询数据库的退货信息表列出所有退货信息,每条退货信息对应一个删除按钮和修改按钮,当管理员点击删除按钮,直接在数据库删除退货信息,并重定向当前页面,当管理员选择点击修改,则进入xiaoshouxinxi_update.jsp页面,进行退货信息的修改。
退货信息添加页面设计效果如下图所示。
图3-12 退货信息添加界面
退货信息管理页面效果如下图所示。
图3-13 退货信息管理界面