SpringBoot+Vue实现前后端分离的仓库管理系统_基于springboot+vue的仓库管理系统

文末获取源码

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、Vue 、css3

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：jdk1.8

Maven: apache-maven 3.8.1-bin

目录

一、前言介绍 

二、相关技术

2.1 开发技术

2.2 B/S结构

三、系统结构设计

3.1 数据库设计原则

四、系统详细设计

4.1 管理员功能模块

4.2 仓管用户功能模块

4.3 采购用户功能模块

四、代码实现

五、论文参考

六、项目总结 

---

一、前言介绍 

本仓库管理系统采用的数据库是Mysql，使用java技术开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 

目前许多人仍将传统的纸质工具作为信息管理的主要工具，而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上，较为传统的office软件等仍是人们使用的主要工具，而相对全面且专业的仓库管理系统的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式，实现系统首页、系统用户（管理员、采购用户、仓管用户、供应商）、模块管理（商品类别、采购管理、入库审核、仓储管理、销售出库）等信息管理功能，从而达到对仓库管理系统信息的高效管理。 

二、相关技术

2.1 开发技术

本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型。后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。 

2.2 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。 

三、系统结构设计

整个系统是由多个功能模块组合而成的，要将所有的功能模块都一一列举出来，然后进行逐个的功能设计，使得每一个模块都有相对应的功能设计，然后进行系统整体的设计。

本仓库管理系统结构图如图所示。

 

3.1 数据库设计原则

学习编程，我们都知道数据库设计是基于需要设计的系统功能，我们需要建立一个数据库关系模型，用于存储数据信息，这样当我们在程序中时，就没有必要为程序页面添加数据，从而提高系统的效率。数据库存储了很多信息，可以说是信息管理系统的核心和基础，数据库还提供了添加、删除、修改和检查，使系统能够快速找到自己想要的信息，而不是在程序代码中找到。数据库中信息表的每个部分根据一定的关系精确地组合，排列和组合成数据表。

通过仓库管理系统的功能进行规划分成几个实体信息，实体信息将通过ER图进行说明，本系统的主要实体图如下：

四、系统详细设计

4.1 管理员功能模块

管理员登录仓库管理系统，在登录页面输入用户名、密码、权限验证码等进行登录，如图所示。 

管理员进入系统后台可以查看功能：首页个人资料、公共管理（轮播图、公告信息）、用户管理（管理员、参赛员、评审员）、信息管理（新闻资讯）、作品展示、评分作品、评分记录、作品分类等功能，还可进行相应的操作，如图所示。 

用户管理，在用户管理页面可以查看用户信息：昵称、用户名、姓名、创建时间等内容，还可在该页面对用户进行查询、重置、添加和删除等操作，如图所示。 

商品类型，在商品类型页面中可以对商品类型进行查询、重置、添加和删除等操作，如图所示。 

采购管理，在采购管理页面中可以查看商品图、采购单号、商品名称、商品类型、品牌、商品规格、供应商编号、供应商姓名等信息进行查看，并可进行修改或删除、详情、入库审核等操作，如图所示。 

仓储管理，在仓储管理页面中可以查询商品图、采购单号、商品名称、商品类型、品牌、商品规格、供应商编号、供应商姓名等信息，还可进行查询、重置、添加和删除等操作，如图所示。 

4.2 仓管用户功能模块

仓管用户进入系统首页可以查询功能：首页、采购管理、入库审核、仓储管理、销售出库等功能，还可查看仓储管理统计图、销售出库统计图，如图所示。 

仓储管理，在仓储管理页面中可以填写、提交商品图、采购单号、商品名称、商品类型、品牌、商品规格、供应商编号、供应商名称、仓管人员、库存数量、销售价、存储位置等内容，还可对仓储信息进行增删改查，如图所示。 

入库审核，在入库审核页面可以查看商品图、采购单号、商品名称、商品类型、品牌、商品规格、供应商编号、供应商名称、仓管人员、库存数量、销售价、审核状态等信息，并可进行审核、查询、重置、添加和删除等操作，如图所示。 

4.3 采购用户功能模块

仓储管理，采购员可以在仓储管理页面中查看商品库存数量，并进行采购操作，如图所示。 

采购管理，采购员可以在采购管理页面中提交采购数量、采购日期等内容，并可对采购信息进行增删改查等操作，如图所示。 

四、代码实现

@PostMapping("/add")
    @Transactional
    public Map<String, Object> add(HttpServletRequest request) throws IOException {
        service.insert(service.readBody(request.getReader()));
        return success(1);
    }
 
    @Transactional
    public Map<String, Object> addMap(Map<String,Object> map){
        service.insert(map);
        return success(1);
}
 
    public Map<String,Object> readBody(BufferedReader reader){
        BufferedReader br = null;
        StringBuilder sb = new StringBuilder("");
        try{
            br = reader;
            String str;
            while ((str = br.readLine()) != null){
                sb.append(str);
            }
            br.close();
            String json = sb.toString();
            return JSONObject.parseObject(json, Map.class);
        }catch (IOException e){
            e.printStackTrace();
        }finally{
            if (null != br){
                try{
                    br.close();
                }catch (IOException e){
                    e.printStackTrace();
                }
            }
        }
        return null;
}
 
    public void insert(Map<String,Object> body){
        StringBuffer sql = new StringBuffer("INSERT INTO ");
        sql.append("`").append(table).append("`").append(" (");
        for (Map.Entry<String,Object> entry:body.entrySet()){
            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
        }
        sql.deleteCharAt(sql.length()-1);
        sql.append(") VALUES (");
        for (Map.Entry<String,Object> entry:body.entrySet()){
            Object value = entry.getValue();
            if (value instanceof String){
                sql.append("'").append(entry.getValue()).append("'").append(",");
            }else {
                sql.append(entry.getValue()).append(",");
            }
        }
        sql.deleteCharAt(sql.length() - 1);
        sql.append(")");
        log.info("[{}] - 插入操作：{}",table,sql);
        Query query = runCountSql(sql.toString());
        query.executeUpdate();
    }

五、论文参考

六、项目总结 

此时项目已经完成，即使实施的时间不是很长，但是这个过程中需要准备很长的一段时间去对系统设计开发所实际到的技术进行学习。在学习的过程中，我逐渐认识得到了我自身存在的一些不足。对于一些控制是必要的应用技能，能够理解，整个过程中仅仅是一个掌握了常用的性能和控制方法，我觉得挺容易的。从该系统中，系统的分析和设计的调查数据，并且已经经历了几个月，并努力几个月，该系统已经完成。很显然，该系统仍有很多不成熟，在系统设计过程中有许多技术缺陷存在。在设计的过程中也涉及到了很多自己无法解决的问题，主要通过找专业的网站和论坛来解决这些问题，对于圆满完成我的毕业设计，他们也贡献了很大一部分力量。系统的开发环境和配置都是可以自行安装的，系统使用Java开发工具，使用比较成熟的Mysql数据库进行对系统前台及后台的数据交互，根据技术语言对数据库，结合需求进行修改维护，可以使得系统运行更具有稳定性和安全性，从而完成实现系统的开发。

回顾毕业设计的整个过程，既付出汗水也收获了很多。虽然经历了各种各样的困难，自己的不断研究探索，系统的实现仍有不足之处。

在以后的学习及工作中，我仍然继续学习计算机方面的技术，让我在后期的平台开发中可以更好更快的实现需求功能。我相信我可以让更多的好工作，做出更大的贡献。