@TOC
springboot265基于Spring Boot的库存管理系统
绪论
1.1 选题动因
在现在社会，对于信息处理方面，是有很高的要求的，因为信息的产生是无时无刻的，并且信息产生的数量是呈几何形式的增加，而增加的信息如何存储以及短时间分析检索，也是有时效性的，所以，不管是任何的企业和个人，只要需要处理信息，必然是要寻找到一个适合自己的解决方案，而软件开发商和数据库提供商就是为了解决这些问题。相比之前人工信息处理的水平，现代的信息处理方法是完胜以前的信息处理方法。开发一个符合自己需求的信息管理系统，可以把整个信息处理的过程变得很有规范，并且很有水准，让整个信息处理变成一个自动化的过程，并且在数据处理结果之中直接设定好检索标准，或者是多条件检索标准，通过数据分析获得自己需要的内容，这都是信息化的好处。当一切信息数据存在小小的存储介质之中，那么数据迁移备份的重要性也变得更加简洁，可以设置自动化远程备份，自动化远程处理，不管是使用过程还是维护过程，都会变得更加的高效和整洁，最重要的成本上面的控制，可以极限减少，开源节流，不外如是，减少社会资源的浪费，也是计算机技术的存在的一个优势。
1.2 目的和意义
如今的年代，已经是步入信息社会了，不仅信息更新速度频繁，信息量也大，在信息时代必须有相应的处理信息的方法，如果还采用以前的结绳记事或者笔写纸记，不仅是信息录入效率上赶不上节奏，在信息检索的速度上更是让人无法承受。幸而当今社会上计算机技术发展的相当不错，可以通过计算机在信息处理上面实现自动化或者半自动化的作业，采用计算机技术，能有效的提高信息录入以及信息检索的效率，社会上相同行业之间本身就是效率高的淘汰效率低的，既然采用计算机来替代手工记录，必然是效率更高，稳定性更强，成本更低等诸多优点。针对于商品库存信息管理，开发一个库存管理系统不仅可以实现现代化的信息管理，也更符合现代化信息管理规范。
在实际的使用效果中，库存管理系统的意义如下：
第一点：库存管理系统的出现，就是为了提高工作人员的效率，能够在规定时间完成工作任务。
第二点：操作页面符合人体工程美学，符合日常人为操作习惯，使用友好。
第三点：区别于传统用纸张记录，提高了信息化水平。
第四点：在信息处理方面，极大的降低了人工处理成本。
在库存管理系统实际操作中，使用者会发现使用起来相当的方便，并且对数据的管理者来讲，也能及时的获得自己想要的数据，对整个数据的所有者能提供强大的帮助，库存管理系统从操作者的角度出发，不管是在数据的接收以及传递，以及处理结果，都有一个很明显的要求，对有效数据的处理，并且形成集合，并且对有效数据集合进行固定化处理，可以得到更有效的数据，有了库存管理系统，让管理层不至于把大量的人力和财力资源消耗在数据处理整合方面，完全可以让不知疲倦的计算机来进行，不仅投入减低，并且产出也不少。互联网时代就是如此，顺之者昌，响应互联网时代，不至于说可以乘风破浪，起码可以降低直接淘汰出局的几率。库存管理系统的出现是顺应时代的。
2 开发环境与技术
库存管理系统需要提前对功能进行调查分析，并且根据分析结果进行技术上的辩证，可以选择更合理的开发技术以及开发工具。
2.1 AJAX技术
AJAX是一门技术，不是一个框架。AJAX的产生，最主要的原因是因为当时的互联网速度非常慢，而网页的图片缓存本身就造成了很不好的用户体验，如果页面上所有的表单数据全部提交给后台处理，不符合规范又会造成页面的刷新，用户又需要重新填写，次数多了体验不好了就会造成用户的流失。AJAX通过对JS标准、HTML标准、XML标准这些标准的集成，在不影响页面布局效果的情况下又能提交数据与服务器进行数据校验和页面提示，很好的解决了用户的无感刷新体验，目前市面上所有的浏览器都支持AJAX技术的。
2.2 JDK简介
JDK这个是Java开发所必须的东西。Java开发必须用JDK，运行必须用JRE，而JDK往往携带了JRE环境，也就是说只要安装了JDK就不需要再去重复性的安装JRE，所以JDK这款开发Java的必备品也就很受欢迎。一台电脑上可以安装多个版本的JDK，并且可以对不同的项目指定不同的JDK，这一点做的相当的友好。如果一台电脑默认没有安装过JDK是不需要配置环境变量，就可以直接访问JDK的，这一点对于初学者来讲，起码配置环境变量方面就方便了很多。JDK目前最新版本是JDK17，版本已经很高了，但是不管是学习还是使用，一般都喜欢用比较稳定的版本，比如JDK1.7或者JDK1.8版本。
2.3 MySQL数据库
本设计用到的数据库就是MySQL数据库，之所以用到这个数据库的原因很多。首先，从满足功能需求上面来讲，MySQL是符合的；其次，从学习程度来讲，MySQL相比其他数据库不管是从安装还是使用上面来讲，都比较简单，最重要的是学习起来相当便捷，比较容易入手；再次，MySQL数据库对电脑要求不高，不管是什么样的电脑都可以安装MySQL数据库，并且并不会对电脑性能造成过多的影响。所以，就平常普普通通的电脑就可以作为开发用的电脑，不需要进行额外的电脑升级。虽然自从MySQL数据库被Oracle数据库收购后，有了一些闭源的风险，但是使用者还是很多，MySQL数据库目前的开发人员已经超过五百人了，对数据库开发者来讲已经是一个很大的开发团队了。MySQL在使用上面来讲，普通的增删改查操作已经可以满足大部分业务需求，像一些数据导出导入，以及一些函数，都可以满足一些不同的需求，最重要的是MySQL数据库可以创建索引，可以大大的提高数据的查询效率，当然，物极必反，如果因为索引好用而滥用，索引弄得比数据库表还要多，这样会造成MySQL数据库更新表数据时候的运行效率。总而言之，MySQL数据库在本次设计的使用上，是完全符合使用要求的。
2.5 Spring Boot框架
Spring是一个很好的框架，但是发展到现在，在使用上面已经诟病不断，需要配置的越来越多，配置大于开发，让程序员用更多的精力去配置Spring，有点本末倒置了。Spring Boot框架是为了解决Spring框架的缺点而生，Spring框架好用是好用，但是配置起来相当的繁琐，Spring Boot则让简化了很多配置过程，让开发变得更有趣也更有效率，并且学过Spring框架的开发人员很容易理解Spring Boot框架，没有用过框架的人员学习Spring Boot框架的速度也很快的，Spring Boot得到了Java开发者的一致好评。
2.6 Vue框架
Vue框架的开发者是一个中国人，区别于其他框架的最核心的概念就是渐进式框架，Vue的出现，让网页前端的开发变成了一种纯前端职业，不需要在考虑后台数据类型以及业务逻辑，只需要进行数据绑定即可，大大的减少了前端开发工程师的学习难度。Vue是当前世界上最火的一种前段框架，学习成本比较低，只需要熟悉最基本的网页知识就可以理解相关知识，并且有很好的免费教程进行学习，有各个国家语言的教程，尤其是因为是中国人开发的框架，让中国的高级程序开发人员做了汉语教程。Vue框架发展之初就是高于IE8版本的，所以说只要是当前的主流浏览器都支持Vue框架，如果是很旧的那种电脑是不支持的，必须安装支持HTML5的浏览器才可以访问用Vue发布的站点。
2.8 Navicat简介
Navicat是一款管理数据库的软件。众所周知，所有的数据库只是以特定的存放格式进行存放的，访问也需要特定的接口以及语句进行访问。如果访问数据库都用各种命令，不仅仅是开发效率上会大大的降低，并且看起来也不舒服，对于某些数据或者数据库来讲这样并不友好，如何对数据库进行友好的访问到现在为止，不同的数据库厂商都推出了适合自己数据库的管理工具，但是有一点就是，数据库厂商推出之后，只要能用就行，并没有符合人体工程学，所有的数据库厂商推出的数据库管理工具都是免费的，所以并没有对于数据库管理工具进行过多的优化，用起来相当的不友好，并且各个数据库工具是不能通用的，这一点数据库厂商肯定不会去做匹配其他数据库的管理工具，所以Navicat就应运而生，可以采用Navicat管理各种各样的数据库，可以同时访问各种数据库并且通过不同的连接进行访问，还可以访问不同电脑的数据库，页面操作简单，美观大方，用起来很好用，并且占用电脑资源很小，很适合作为替代其他数据库厂商推出的数据库管理工具使用。
3 系统分析
通过对系统的功能进行具体分析，可以参考已经发表过的具有参考价值的文章作为对比，这样能把功能分析的很透彻，并且也会因为功能的分析而对性能也有大致的了解，并且可以预测性能，实现性能分析的结果。
3.1 可行性分析
系统的设计必须符合正常逻辑，所以设计之处，也需要从其他方面来论证其可行性。
3.1.1 经济可行性
开发库存管理系统，存在经济上面的支持，必须经济上的支持才可以有序进行，比如是否需要额外购买开发工具，购买开发电脑，或者从开发技术上是否是免费开源，达到的效果上面是否支出与收入不匹配，这些都需要进行分析。由于开发本系统，开发技术开源且稳定，电脑用正在使用的电脑就能满足，不需要太多的经济支出就可以达到目的，经济可行性通过。
3.1.2 技术可行性
库存管理系统软件主要用到的一些工具，而这些工具正好在学校就使用过，并且网上有很多免费的并且符合的开发工具，技术方面也学过，并且有图书馆的资源和网络资源可以充分利用。所以在技术角度上面来分析是可以的。
3.1.3 操作可行性
操作方面分为开发过程，实现过程，项目具体操作流程。这些因为都学过，并且有其他的项目流程作为参考。总体实现一般就是用户的登录相关，权限分配，基础数据的变更体现。让不同的角色有不同的操作界面，符合正确角色定位，使用者在操作上面并不会感觉到很突兀，影响操作流程。所以操作方面是可以的。
通过以上不同角度的分析，最后论证分析了可行性是没有问题的，完全可以进行后续步骤。
3.2 系统流程分析
操作逻辑是一个可以用画图工具展示的，因为数据在录入过程中的不可见，只能看到返回结果，所以把流程画成图可以更好的理解其中的顺序。
在系统的各项操作中，其他的录入环节，会对操作者具体操作的每条信息都会提出验证要求，比如不能为空，只能是汉字，以及其他的要求等，这些都在前端需要编写清楚，达到友好提示的目的，有效的帮助操作人员理解操作。具体数据的流程如下面的图所示。当操作员输入信息后，点击提交后台就会接收操作员提交的信息，并且提前编写好的逻辑会继续验证，如果数据合格就存入到数据库里并且返回成功提示，这样一个录入环节就达到了设计要求。
图3.1 添加信息流程图
有时候录入的一些数据可能需要修改，修改就是纠正之前的操作，所以修改数据必须是先把想要修改的数据从数据库里获取出来，然后在这个之上进行修改，修改数据也有相应的操作流程。
图3.2 修改信息流程图
数据的查询是在任何程序上都是一个常规的操作，面对的数据量不一样，想要获取想要的数据时间也不一样，都是尽快的获取自己想要的结果，所以数据查询就需要有个查询条件作为查询关键词，这样可以更好的获取符合关键词的数据。
图3.3 查询信息流程图
3.3 系统性能分析
关于库存管理系统从性能需求方面来分析，主要从五个角度分析。五个角度分别从设计的实用性，设计的操作性，设计的安全性，设计的适应性和维护性这五个角度来进行分析。
首先分析第一点，设计的实用性。本设计的目的就是让管理员可以综合的处理各种基础信息，并且有相应的权限来进行操作，达到数据同步，集中管理的目的，并且可以让用户处理用户相关信息，符合设计的既定目标，达到使用效果。
其次分析第二点，设计的操作性。开发出来的系统必须有操作性，如果操作起来丢三落四，出现各种不符合流程的操作，那么就是不符合设计规则的，设计的操作性必须符合人体工程学使用原则，从上到下，从左到右，让操作起来更加的有逻辑性，不需要不符合逻辑的页面数据体验和操作流程，让设计的操作性体现出来，看到操作界面就会有相应的下一步理解。
再次是安全性，虽然从任何角度来讲，安全性应该放到第一位，但是有些时候安全性是在数据量大并且数据重要的前提下才会对数据的安全性来进行设计，正常的软件使用过程只要数据设计合理，并且目标单一，让黑客不屑于或者付出不成正比的情况下，安全性自然可以稍微降低一点，毕竟面对的使用群体决定了安全性的强度。本设计主要是从毕业设计的角度出发，增加一点数据校验的安全性就行，没必要设置硬件防火墙之类的资源，所以安全性上面也是符合的。
再次是适应性。适应性主要是面对各种平台的操作系统，目前本设计的开发可以使用本人电脑进行开发，服务器可以架设到任何地方，并且有对应的服务器软件版本。而用户方面只需要能上网，有最新版本的浏览器进行支持即可，所以适应性是相当不错的。
最后是分析维护性。这一点只需要维护服务端代码即可，每次服务端代码维护都可以先把服务器停止，然后在开发电脑上进行测试，最后测试无误再在服务器上进行部署，维护性并不会增加多少成本。
3.4 系统功能分析
当设计人员通过参考各种文献以及其他类似项目的调研后，就会对项目具体的功能进行分析，这样有的放矢可以更快的设计程序的功能。
库存管理系统的操作者有管理员，分析的管理员功能将使用用例图进行展示。图3.4展示了管理员用例图。管理员查看商品库存统计报表，对商品，商品预定信息，供应商信息，商品采购入库信息，客户信息，公告信息，员工信息等进行管理。
图3.4 管理员用例图
库存管理系统的操作者有员工，分析的员工的功能将使用用例图进行展示。图3.5展示了员工用例图。员工查询商品，添加商品预定信息，添加商品采购入库信息，添加客户信息，查看公告等。
图3.5 员工用例图
4 系统设计
在系统设计环境，业务的处理逻辑和数据的设计逻辑虽然是重中之重，但是这些都是用户看不见摸不着的，用户也只是能看到部署好的项目运行起来的结果，所以用户对界面布局以及界面功能比较看重。所以说，如今只要是开发网站不仅仅是需要懂一点页面设计就行，也需要懂得UI设计的人群。传统的网页设计其实就是换几个颜色，放几张图片，然后来充实操作页面，让操作页面不至于太单调，但是互联网发展至今，开发也越来越精细化，用户越来越挑剔，还用凑合方式来进行程序开发，已经是属于落后的状态了。
4.1 布局设计原则
布局不是传统的把页面分分类，输入和显示页面，调整调整间距这些笼统的说法了，布局设计也是有一定的原则的。
首先，布局一定要清晰合理。布局的清晰不是说图片清晰或者文字清晰，而是说用户在使用过程中，看到导航的布局，就能明白所有功能模块都可以在导航里寻找，打开一个页面，就能知道重要与不重要的资料，必须与不必须的填写，甚至是输入的格式是什么规格，都可以让用户使用的时候一目了然。因为界面是有限的，所以说布局是相当重要的一点设计原则。
其次，布局的体现要符合大众审美，比如说导航，尽量都是网页的上方或者左侧。如果把导航放到网页下方或者右方，这些代码都是可以实现，但是不符合正常人的思维定向。现代人的读写习惯都是从上而下，从左到右的阅读方式，人们身体和心灵已经习惯了这种方式，如果布局到其他方向首先用户会感到新颖，但是却不会买账，因为操作几遍后就会不习惯。
最后，布局也要考虑这个软件是用来做什么的，常用这个软件的人员的年龄划分，性别划分，以及职业划分。划分了使用人群，就可以对背景进行调色填充，如果是长时间用电脑的人群尽量设计的有护眼功能，不至于看一会眼睛就受不了，尽量要区分长时间使用和短时间使用的背景，这一点很重要。
综上所述，系统设计需要考虑方方面面，布局设计也是需要精细化考虑，系统设计需要考虑太多，但是实现却不能弄得操作上太复杂，系统设计尽量的要满足用户需要，提高用户满意度。
4.2 功能结构设计
在基于系统功能分析的基础之上，开始对系统的详细功能进行设计，最终将使用结构图的形式对设计的结果进行展示。
管理员具备的详细功能将参照最终的设计结果，即图4.1所示的管理员功能结构图。其中管理员查看商品库存统计报表，对商品，商品预定信息，供应商信息，商品采购入库信息，客户信息，公告信息，员工信息等进行管理。
图4.1 管理员功能结构图
员工具备的详细功能将参照最终的设计结果，即图4.2所示的员工功能结构图。其中员工查询商品，添加商品预定信息，添加商品采购入库信息，添加客户信息，查看公告等。
图4.2 员工功能结构图
4.3 数据库设计
数据库的选用方面肯定要选一个市场反应比较好，性价比比较高的数据库，不能凭空想象数据库，要结合程序设计的需求来选择对应的数据库。目前来讲，市面上常用的关系型数据库足够达到需求。
4.3.1 数据库E-R图设计
想好更好的设计出数据库使用效果，那么就要对数据的存放格式以及存放关系作出调查和梳理，所以通过分析E-R图之间的数据实体关系是最好不过的。而设计数据库E-R图是有下面几点好处：
第一点：数据的冗余是一件很恐怖的事情，所以要对有些数据进行冗余筛选；
第二点：防止内存溢出，数据量太大，需要提前做好预测并且设定好规则；
第三点：数据库一定要完整，非完整数据也只是数据垃圾而已，没有任何作用；
第四点：提高数据检索性能；
这节主要是描述对系统的E-R模型的设计，数据存储格式的判断，实现的方法，用户的需要，这些都要统一，不能想当然。并且各个模型中间的关系尤其要突出。
（1）把出入库信息具备的属性通过属性图进行展示，绘制的属性图见图4.4。
图4.4 出入库信息实体属性图
（2）把商品具备的属性通过属性图进行展示，绘制的属性图见图4.5。
图4.5 商品实体属性图
（3）把员工具备的属性通过属性图进行展示，绘制的属性图见图4.6。
图4.6 员工实体属性图
（4）把管理员具备的属性通过属性图进行展示，绘制的属性图见图4.7。
图4.7 管理员实体属性图
（5）上述实体间关系见图4.8。
图4.8 实体间关系E-R图
4.3.2 数据库表结构设计
数据库设计必须符合规范，那就是三大范式，这样能确保数据的合理：
第一范式：保证表之间的字段关系不存在混淆的描述，必须描述准确，并且单一，不能分解；
第二范式：在上述的满足条件上，主键的设计必须要在固定的列上，不能忽前忽后；
第三范式：继续满足上个条件，保证每个字段都可以根据主键获取到，并且在一个数据表里体现。
所以说，三个范式是一脉相承的，不是说零碎的，从第一个范式上就会发现，第一个永远是基础，后面的设定就是后者的实现必须在前面范式的基础之上的要求，这些设计可以最大化的减少数据冗余，提高数据库运行效率。
表4.1 员工信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| username | 账号 | varchar(200) | 是 |
| password | 密码 | varchar(200) | 是 |
| yonghu_name | 员工姓名 | varchar(200) | 是 |
| yonghu_photo | 头像 | varchar(255) | 是 |
| sex_types | 性别 | int(11) | 是 |
| yonghu_phone | 联系方式 | varchar(200) | 是 |
| yonghu_email | 邮箱 | varchar(200) | 是 |
| yonghu_delete | 假删 | int(11) | 是 |
| insert_time | 添加时间 | timestamp | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.2 供应商信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| gongyinghsang_name | 供应商名称 | varchar(200) | 是 |
| gongyinghsang_types | 供应商类型 | int(11) | 是 |
| gongyinghsang_xinyong_types | 供应商信用等级名称 | int(11) | 是 |
| insert_time | 添加时间 | timestamp | 是 |
| gongyinghsang_content | 供应商详情 | text | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.3 商品信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| goods_name | 商品名字 | varchar(200) | 是 |
| goods_types | 商品类型 | int(11) | 是 |
| goods_kucun_number | 商品库存 | int(11) | 是 |
| gongyinghsang_id | 供应商 | int(11) | 是 |
| cangku_types | 存储仓库 | int(11) | 是 |
| danwei | 单位 | varchar(200) | 是 |
| goods_new_money | 单价 | decimal(10,2) | 是 |
| goods_content | 商品详情 | text | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.4 出入库信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| goods_churu_inout_uuid_number | 出入库流水号 | varchar(200) | 是 |
| goods_churu_inout_name | 出入库名称 | varchar(200) | 是 |
| goods_churu_inout_types | 出入库类型 | int(11) | 是 |
| goods_churu_inout_content | 备注 | text | 是 |
| insert_time | 添加时间 | timestamp | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.5 出入库详情信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| goods_churu_inout_id | 出入库 | int(11) | 是 |
| goods_id | 商品 | int(11) | 是 |
| goods_churu_inout_list_number | 操作数量 | int(11) | 是 |
| insert_time | 操作时间 | timestamp | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.6 商品预定信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| goods_id | 商品 | int(11) | 是 |
| kehu_id | 客户 | int(11) | 是 |
| yonghu_id | 员工 | int(11) | 是 |
| goods_order_danhao_number | 单号 | varchar(200) | 是 |
| goods_order_number | 预定数量 | int(11) | 是 |
| goods_order_time | 预定时间 | timestamp | 是 |
| goods_order_types | 预定状态 | int(11) | 是 |
| goods_order_content | 备注 | text | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.7 客户信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| kehu_name | 客户姓名 | varchar(200) | 是 |
| kehu_phone | 客户联系方式 | varchar(200) | 是 |
| sex_types | 性别 | int(11) | 是 |
| kehu_order_content | 客户详情 | text | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.8 公告信息
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | int(11) | 否 |
| news_name | 公告标题 | varchar(200) | 是 |
| news_types | 公告类型 | int(11) | 是 |
| news_photo | 公告图片 | varchar(200) | 是 |
| insert_time | 添加时间 | timestamp | 是 |
| news_content | 公告详情 | text | 是 |
| create_time | 创建时间 | timestamp | 是 |
表4.9 管理员信息表
| 字段 | 注释 | 类型 | 空 |
|---|---|---|---|
| id (主键) | 主键 | bigint(20) | 否 |
| username | 用户名 | varchar(100) | 否 |
| password | 密码 | varchar(100) | 否 |
| role | 角色 | varchar(100) | 是 |
| addtime | 新增时间 | timestamp | 否 |
5 系统实现
下面主要是对系统实现的功能进行描述，一般在系统实现阶段只算是一个粗略的功能实现，可能符合开发人员的设计预期，但是对于具体使用者来讲还是需要其他人进行发现的，所以这个环节是很有必要进行描述的。
5.1 管理员功能实现
5.1.1 供应商管理
实现供应商管理功能，其界面运行的效果图见图5.1。供应商信息有供应商类型，供应商信用等级名称，供应商名称等信息，管理员需要新增供应商，发现登记错误数据的供应商信息可以使用修改功能及时更改，需要删除的供应商信息可以使用删除功能删除。
图5.1 供应商管理界面
5.1.2 商品管理
实现商品管理功能，其界面运行的效果图见图5.2。商品信息有商品类型，存储仓库，单位，单价，供应商名称等信息，管理员新增商品信息，使用修改功能对有错误数据的商品信息进行更改，需要删除的商品信息可以使用删除功能删除。
图5.2 商品管理界面
5.1.3 商品统计报表
实现商品统计报表功能，其界面运行的效果图见图5.3。管理员通过柱形图可以查看各个商品的库存数据，管理员可以切换柱形图统计报表为折线图，可以下载商品库存的统计报表图片。
图5.3 商品统计报表界面
5.1.4 商品预定管理
实现商品预定管理功能，其界面运行的效果图见图5.4。商品预定信息有预定数量，客户姓名，员工姓名，预定的商品，预定时间等信息。商品预定信息可以让管理员新增，需要删除的商品预定信息可以使用删除功能删除。
图5.4 商品预定管理界面
5.1.5 采购入库管理
实现采购入库管理功能，其界面运行的效果图见图5.5。采购入库信息包括采购入库名称，采购入库流水号等信息，采购入库信息也允许管理员新增，需要删除的采购入库信息也能够使用删除功能删除。管理员查询采购入库信息需要提供的查询条件是采购入库名称。
图5.5 采购入库管理界面
5.1.6 公告信息管理
实现公告信息管理功能，其界面运行的效果图见图5.6。公告信息有公告类型，公告图片等信息，公告信息允许管理员新增，发现有错误数据的公告信息可以使用修改功能更正，需要删除的公告也能使用删除功能删除。
图5.6 公告信息管理界面
5.1.7 客户管理
实现客户管理功能，其界面运行的效果图见图5.7。客户信息有客户姓名，客户联系方式，客户性别等信息，管理员也能新增客户信息，客户信息存在数据登记错误的情况，管理员可以使用修改功能更改，需要删除的客户信息可以使用删除功能删除。对于客户信息的查询，需要管理员提供客户姓名，提供客户联系方式等。
图5.7 客户管理界面
5.2 员工功能实现
5.2.1 商品管理
实现商品管理功能，其界面运行的效果图见图5.8。员工查看商品存储仓库，查看商品库存，查看商品单价等信息，员工查询商品有很多种方式，可以根据商品名字，商品类型，存储仓库，单价，供应商名称等信息来查询商品。
图5.8 商品管理界面
5.2.2 商品预定管理
实现商品预定管理功能，其界面运行的效果图见图5.9。员工新增商品预定信息，员工只能查看自己登记的商品预定信息的详情信息，同时，员工也只能查询自己登记的商品预定信息，查询商品预定信息也有很多种方式，可以根据预定数量，商品名字，客户姓名，客户联系方式，单号等信息查询。
图5.9 商品预定管理界面
5.2.3 采购入库管理
实现采购入库管理功能，其界面运行的效果图见图5.10。员工可以新增采购入库信息，主要是登记采购入库名称，选择采购入库类型，主要有采购入库，出库两种采购入库类型可供选择，最后提交新增的采购入库信息。已经提交的采购入库信息，员工也能随时查看其详细信息。
图5.10 采购入库管理界面
5.2.4 采购入库
实现采购入库功能，其界面运行的效果图见图5.11。员工对商品采购入库时，需要选择采购入库的商品，然后对该商品的入库数量进行编辑，包括增加商品采购入库的数量，减少商品采购入库的数量，查看商品库存，最后提交商品采购入库信息。
图5.11 采购入库界面
5.2.5 采购入库详情管理
实现采购入库详情管理功能，其界面运行的效果图见图5.12。员工主要是查看采购入库的商品的操作数量信息，操作时间信息，采购入库名称以及采购入库类型等信息。查询采购入库详情需要员工提供商品名字，单价，采购入库名称才能查询。
图5.12 采购入库详情管理界面
5.2.6 客户管理
实现客户管理功能，其界面运行的效果图见图5.13。员工新增客户信息，查看各个客户的联系方式信息，查询客户需要员工提供客户的联系方式，提供客户姓名等信息才能查询。
图5.13 客户管理界面
系统测
GoodsController.java
package com.controller;import java.io.File;
import java.math.BigDecimal;
import java.net.URL;
import java.text.SimpleDateFormat;
import com.alibaba.fastjson.JSONObject;
import java.util.*;
import org.springframework.beans.BeanUtils;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import com.service.TokenService;
import com.utils.*;
import java.lang.reflect.InvocationTargetException;import com.service.DictionaryService;
import org.apache.commons.lang3.StringUtils;
import com.annotation.IgnoreAuth;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.*;
import com.entity.view.*;
import com.service.*;
import com.utils.PageUtils;
import com.utils.R;
import com.alibaba.fastjson.*;/*** 商品* 后端接口* @author* @email
*/
@RestController
@Controller
@RequestMapping("/goods")
public class GoodsController {private static final Logger logger = LoggerFactory.getLogger(GoodsController.class);@Autowiredprivate GoodsService goodsService;@Autowiredprivate TokenService tokenService;@Autowiredprivate DictionaryService dictionaryService;//级联表service@Autowiredprivate GongyinghsangService gongyinghsangService;@Autowiredprivate YonghuService yonghuService;/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永不会进入");else if("员工".equals(role))params.put("yonghuId",request.getSession().getAttribute("userId"));if(params.get("orderBy")==null || params.get("orderBy")==""){params.put("orderBy","id");}PageUtils page = goodsService.queryPage(params);//字典表数据转换List<GoodsView> list =(List<GoodsView>)page.getList();for(GoodsView c:list){//修改对应字典表字段dictionaryService.dictionaryConvert(c, request);}return R.ok().put("data", page);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id, HttpServletRequest request){logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);GoodsEntity goods = goodsService.selectById(id);if(goods !=null){//entity转viewGoodsView view = new GoodsView();BeanUtils.copyProperties( goods , view );//把实体数据重构到view中//级联表GongyinghsangEntity gongyinghsang = gongyinghsangService.selectById(goods.getGongyinghsangId());if(gongyinghsang != null){BeanUtils.copyProperties( gongyinghsang , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并排除id和创建时间字段view.setGongyinghsangId(gongyinghsang.getId());}//修改对应字典表字段dictionaryService.dictionaryConvert(view, request);return R.ok().put("data", view);}else {return R.error(511,"查不到数据");}}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody GoodsEntity goods, HttpServletRequest request){logger.debug("save方法:,,Controller:{},,goods:{}",this.getClass().getName(),goods.toString());String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永远不会进入");Wrapper<GoodsEntity> queryWrapper = new EntityWrapper<GoodsEntity>().eq("goods_name", goods.getGoodsName()).eq("goods_types", goods.getGoodsTypes()).eq("goods_kucun_number", goods.getGoodsKucunNumber()).eq("gongyinghsang_id", goods.getGongyinghsangId()).eq("cangku_types", goods.getCangkuTypes()).eq("danwei", goods.getDanwei());logger.info("sql语句:"+queryWrapper.getSqlSegment());GoodsEntity goodsEntity = goodsService.selectOne(queryWrapper);if(goodsEntity==null){goods.setCreateTime(new Date());goodsService.insert(goods);return R.ok();}else {return R.error(511,"表中有相同数据");}}/*** 后端修改*/@RequestMapping("/update")public R update(@RequestBody GoodsEntity goods, HttpServletRequest request){logger.debug("update方法:,,Controller:{},,goods:{}",this.getClass().getName(),goods.toString());String role = String.valueOf(request.getSession().getAttribute("role"));
// if(false)
// return R.error(511,"永远不会进入");//根据字段查询是否有相同数据Wrapper<GoodsEntity> queryWrapper = new EntityWrapper<GoodsEntity>().notIn("id",goods.getId()).andNew().eq("goods_name", goods.getGoodsName()).eq("goods_types", goods.getGoodsTypes()).eq("goods_kucun_number", goods.getGoodsKucunNumber()).eq("gongyinghsang_id", goods.getGongyinghsangId()).eq("cangku_types", goods.getCangkuTypes()).eq("danwei", goods.getDanwei());logger.info("sql语句:"+queryWrapper.getSqlSegment());GoodsEntity goodsEntity = goodsService.selectOne(queryWrapper);if(goodsEntity==null){goodsService.updateById(goods);//根据id更新return R.ok();}else {return R.error(511,"表中有相同数据");}}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Integer[] ids){logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());goodsService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/*** 批量上传*/@RequestMapping("/batchInsert")public R save( String fileName, HttpServletRequest request){logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);Integer yonghuId = Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")));SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");try {List<GoodsEntity> goodsList = new ArrayList<>();//上传的东西Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段Date date = new Date();int lastIndexOf = fileName.lastIndexOf(".");if(lastIndexOf == -1){return R.error(511,"该文件没有后缀");}else{String suffix = fileName.substring(lastIndexOf);if(!".xls".equals(suffix)){return R.error(511,"只支持后缀为xls的excel文件");}else{URL resource = this.getClass().getClassLoader().getResource("static/upload/" + fileName);//获取文件路径File file = new File(resource.getFile());if(!file.exists()){return R.error(511,"找不到上传文件，请联系管理员");}else{List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件dataList.remove(0);//删除第一行，因为第一行是提示for(List<String> data:dataList){//循环GoodsEntity goodsEntity = new GoodsEntity();
// goodsEntity.setGoodsName(data.get(0)); //商品名字 要改的
// goodsEntity.setGoodsTypes(Integer.valueOf(data.get(0))); //商品类型 要改的
// goodsEntity.setGoodsKucunNumber(Integer.valueOf(data.get(0))); //商品库存 要改的
// goodsEntity.setGongyinghsangId(Integer.valueOf(data.get(0))); //供应商 要改的
// goodsEntity.setCangkuTypes(Integer.valueOf(data.get(0))); //存储仓库 要改的
// goodsEntity.setDanwei(data.get(0)); //单位 要改的
// goodsEntity.setGoodsNewMoney(data.get(0)); //单价 要改的
// goodsEntity.setGoodsContent("");//详情和图片
// goodsEntity.setCreateTime(date);//时间goodsList.add(goodsEntity);//把要查询是否重复的字段放入map中}//查询是否重复goodsService.insertBatch(goodsList);return R.ok();}}}}catch (Exception e){e.printStackTrace();return R.error(511,"批量插入数据异常，请联系管理员");}}}CommonUtil.java
package com.utils;import java.util.Random;public class CommonUtil {/*** 获取随机字符串** @param num* @return*/public static String getRandomString(Integer num) {String base = "abcdefghijklmnopqrstuvwxyz0123456789";Random random = new Random();StringBuffer sb = new StringBuffer();for (int i = 0; i < num; i++) {int number = random.nextInt(base.length());sb.append(base.charAt(number));}return sb.toString();}}StringUtil.java
package com.utils;public class StringUtil {public static boolean isEmpty(String s){if(s==null || s.equals("") || s.equals("null")){return true;}return false;}public static boolean isNotEmpty(String s){return !StringUtil.isEmpty(s);}
}api.js
const api = {// 积分订单orderpage: 'orders/page',orderdelete: 'orders/delete',orderinfo: 'orders/info/',ordersave: 'orders/save',orderupdate: 'orders/update',// 配置configpage: 'config/page',configdelete: 'config/delete',configinfo: 'config/info/',configsave: 'config/save',configupdate: 'config/update'}export default api
