恒合仓库 - 仓库管理系统搭建

短命女 2024-03-02 08:54 65阅读 0赞

## 仓库管理系统搭建 ##

#### 文章目录 ####

*  仓库管理系统搭建
 *  一、项目介绍
 *   *  1.1 项目描述
     *  1.2 技术选型
     *  1.3 模块划分
 *  二、搭建前端环境
 *  三、搭建后端环境
 *   *  3.1 创建springboot项目 - 划分包层次
     *  3.2 导入依赖
     *  3.3 启动类配置
     *  3.4.配置文件配置

## 一、项目介绍 ##

### 1.1 项目描述 ###

项目搭球为满足日益扩大的仓库管理需求，对仓库中商品进销存进行统一管理，而开发了此系统。系统主要包含:

1>用户管理(查询用户、添加用户、修改用户、删除用户、导出数据、批量删除、禁用/启用用户、重置密码、分配角色、更改权限)

2>角色管理(查询角色、添加角色、修改角色、删除角色、导出数据、禁用/启用角色、更改权限)

3>权限管理(查询权限、添加权限、修改权限、删除角色、禁用/启用权限)

4>商品管理(查询商品、添加商品、修改商品、商品审核等)

5>商品分类管理(商品分类的添加、商品分类的查询、商品分类的修改、商品分类的删除等)

6>采购管理(我的采购单、添加采购单、采购单的审核等)

7>入库管理(入库单、保存入库单、确认入库等)

8>出库管理(出库单、保存出库单、审核出库单等)

9>统计管理(各个仓库库存信息、仓库占有比、仓库存储走势、出入库信息统计、采购量占比、实时数据监测)

10>调货管理(调货单查询、确认调货)

11>仓库管理(查询仓库、添加仓库、修改仓库、删除仓库、导出数据)

12>供货商管理(供货商添加、供货商修改、供货商的查询等)

13>品牌管理(品牌添加、品牌修改、品牌的查询等)

14>产地管理(产地添加、产地修改、产地的查询等)

15>站内信管理(我的站内信、未读消息、站内信发送、站内信查询等)

### 1.2 技术选型 ###

SpringBoot + MyBatis + MySql + Redis + Vue3+axios+Element-Plus +Echarts等

### 1.3 模块划分 ###

![image-20230731083452808][]

## 二、搭建前端环境 ##

**1.安装node**

node是一个基于chrome V8引擎的JavaScript运行环境,让JavaScript运行在服务端的开发平台

**npm包管理器的介绍**:

node安装之后一般都会默认安装npm包管理器;

类似于linux的yum包管理器,可以给ue项目下载相关插件、依赖;

**测试安装是否成功**

*  `node -v`:查看node版本
 *  `npm -v`:查看npm包管理器的版本

![image-20230731091429854][]

> 如果在执行npm -v命令时出现如下警告，将node安装目录中的npm.cmd文件中的prefix -g改为
> 
> prefix --location=global。
> 
> ![img][]

**2.给npm包管理器配置镜像加速器**

npm config set registry https://registry.npm.taobao.org

npm config get registry  -- 返回https://registry.npm.taobao.org，说明配置成功。

![image-20230731092818158][]

**3.使用npm包管理器下载安装yarn，同时为其配置加速器**

npm install -g yarn

> 如果node版本太低的会会提示更新，我们更新一下就可以
> 
>     npm install -g npm@9.8.1

yarn包管理器的介绍:

yarn包管理器跟npm包管理器的作用是一样的,区别就是npm包管理器是node自己的,而yarn包管理器属于第三方(facebook的);

**配置镜像加速**

yarn config set registry https://registry.npm.taobao.org 
    yarn config get registry  -- 返回https://registry.npm.taobao.org，说明配置成功。

![image-20230731095328967][]

**4.使用yarn包管理器为前端Vue项日下载安装所需插件**

yarn

![image-20230731095347984][]

**5.启动前端vue项目**

在前端目录下打开doc窗口，执行命令：

yarn

![image-20230731102038984][]

启动前端Vue项目：

yarn dev

![image-20230731102154666][]

**细节**

前端vue项目对后台项目的访问问题：

vue项目目录下的.env文件

# 以下环境变量均为自定义
    
    # 版本号
    VITE_VERSION=v1.1.0
    
    # 打包输出目录
    VITE_OUTPUT_DIR=dist
    
    # 项目访问基础路径
    VITE_BASE_URL=/
    
    # 服务端路径前缀
    VITE_API_BASE_URL=/api
    
    # 本地token存储名称
    VITE_LOCAL_TOKEN=Sure-Token
    
    # 向服务端发送token信息的名称
    VITE_HEADER_TOKEN=Token
    
    # 系统登录路由名称
    VITE_LOGIN_ROUTE_NAME=Login
    
    # 后台地址的上下文路径
    VITE_WAREHOUSE_CONTEXT_PATH=http://localhost:9999/warehouse
    
    #VITE_WAREHOUSE_CONTEXT_PATH=http://8.141.144.116:9999/warehouse

**有一个如下的配置**,前台访问后台的路径

我们可以在.env文件中通过VITE\_WAREHOUSE\_CONTEXT\_PATH变量修改设置前端Vue项目访问后台项目的**访问路径**

如果不做修改设置，就要求我们的后台项目的项目路径必须是warehouse，访问端口必须是9999

# 后台地址的上下文路径
    VITE_WAREHOUSE_CONTEXT_PATH=http://localhost:9999/warehouse

## 三、搭建后端环境 ##

### 3.1 创建springboot项目 - 划分包层次 ###

1.创建springboot项目 - 划分包层次仓库我们选择阿里仓库

![image-20230731104246179][]

**创建包层次**

![image-20230731105452554][]

### 3.2 导入依赖 ###

下面这个配置应该是挺陌生的

<dependency>
            <groupId>org.springframework.boot</groupId>
            
            <artifactId>spring-boot-dependencies</artifactId>
            <version>${spring-boot.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>

但是我们应该见过下面这个配置，将此项目继承spring-boot-starter-parent

<parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>             <version>2.3.12.RELEASE</version>
        <relativePath></relativePath>
    </parent>

我们可以点进去spring-boot-starter-parent，如下所示，发现存在spring-boot-dependencies（spring依赖中心或者版本仲裁中心）

![image-20230731110143552][]

我们可以再点进spring-boot-dependencies看一下，里面有很多springboot用到的版本号

![image-20230731110352172][]

**pom.xml文件**

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>com.pn</groupId>
        <artifactId>warehouse</artifactId>
        <version>0.0.1-SNAPSHOT</version>
    
        
        <properties>
            <java.version>1.8</java.version>
            <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
            <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
            <spring-boot.version>2.3.12.RELEASE</spring-boot.version>
        </properties>
    
    
    
    
    
    
    
    
    
        
        <dependencies>
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>2.1.4</version>
            </dependency>
            
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>8.0.25</version>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-redis-reactive</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>fastjson</artifactId>
                <version>1.2.79</version>
            </dependency>
    
            
            <dependency>
                <groupId>javax.validation</groupId>
                <artifactId>validation-api</artifactId>
                <version>2.0.1.Final</version>
            </dependency>
            <dependency>
                <groupId>org.hibernate.validator</groupId>
                <artifactId>hibernate-validator</artifactId>
                <version>6.2.0.Final</version>
            </dependency>
    
            
            <dependency>
                <groupId>com.github.penggle</groupId>
                <artifactId>kaptcha</artifactId>
                <version>2.3.2</version>
            </dependency>
    
            
            <dependency>
                <groupId>com.belerweb</groupId>
                <artifactId>pinyin4j</artifactId>
                <version>2.5.1</version>
            </dependency>
    
            
            <dependency>
                <groupId>commons-lang</groupId>
                <artifactId>commons-lang</artifactId>
                <version>2.6</version>
            </dependency>
    
            
            <dependency>
                <groupId>com.auth0</groupId>
                <artifactId>java-jwt</artifactId>
                <version>3.18.3</version>
            </dependency>
    
    
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
                <exclusions>
                    <exclusion>
                        <groupId>org.junit.vintage</groupId>
                        <artifactId>junit-vintage-engine</artifactId>
                    </exclusion>
                </exclusions>
            </dependency>
    
        </dependencies>
    
        
        <dependencyManagement>
            <dependencies>
                <dependency>
                    <groupId>org.springframework.boot</groupId>
                    
                    <artifactId>spring-boot-dependencies</artifactId>
                    <version>${spring-boot.version}</version>
                    <type>pom</type>
                    <scope>import</scope>
                </dependency>
            </dependencies>
        </dependencyManagement>
    
        <build>
            <plugins>
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>3.8.1</version>
                    <configuration>
                        <source>1.8</source>
                        <target>1.8</target>
                        <encoding>UTF-8</encoding>
                    </configuration>
                </plugin>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                    <version>${spring-boot.version}</version>
                    <configuration>
                        <mainClass>com.pn.WarehouseApplication</mainClass>
                        <skip>true</skip>
                    </configuration>
                    <executions>
                        <execution>
                            <id>repackage</id>
                            <goals>
                                <goal>repackage</goal>
                            </goals>
                        </execution>
                    </executions>
                </plugin>
            </plugins>
        </build>
    
    </project>

**继承Springboot版本的两种方式**：

**方式一**

在创建的Springboot工程的pom文件中使用<parent>标签继承SpringBoot的父工程同时指定版本 **==** 背后其实也是在指定SpringBoot的父工程继承的SpringBoot版本仲裁中心工程的版本，依次来控制整个SpringBoot所有相关依赖的版本;

> 如果之前我们**用idea自带的Springboot骨架**，是通过继承Springboot的父工程来控制springboot版本的，这样以后继承的父工程pring-boot-starter-parent又把spring-boot-dependencies（版本控制中心）给继承了，这样以后就说明springboot的版本也控制了

**方式二**

在依赖的版本控制标签<dependencyManagement> 中引入SpringBoot版本仲裁中心工程并指定版本 == 也就控制了整个SpringBooot 所有相关依赖的版本

> 但是这里我们并没有通过继承pring-boot-starter-parent来控制版本，而是直接通过引入spring-boot-dependencies来控制版本

**一般是使用阿里的Springboot工程的骨架创建的Boot工程**

### 3.3 启动类配置 ###

//mapper接口扫描器,然后会自动为Mapper接口创建代理对象并加入到IOC容器
    @MapperScan(basePackages = "com.pn.mapper")
    @SpringBootApplication
    public class WarehouseApplication {
        
    
        public static void main(String[] args) {
        
            SpringApplication.run(WarehouseApplication.class, args);
        }
    
    }

### 3.4.配置文件配置 ###

#项目的访问路径
    server:
      servlet:
        context-path: /warehouse
      #项目的访问端口
      port: 9999
    
    
    spring:
      # 数据源配置
      datasource:
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://localhost:3306/db_warehouse?serverTimezone=UTC
        username: root
        password: root
      # #redis的配置
      redis:
        host: 127.0.0.1
        port: 6379
        database: 0
    
    #mybatis的配置
    mybatis:
      #SQL映射文件的位置
      mapper-locations: classpath:mapper/**/*.xml
      configuration:
        #开启驼峰命名法
        map-underscore-to-camel-case: true
        #日志功能
        log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
      # 指定实体类起别名，（实体类所在的包的包路径，那么包中的所有实体类别名就默认是类名首字母小写）
      type-aliases-package: com.pn.entity
    
    #自定义属性
    #自定义属性 - token过期时间: 令牌过期时间(单位秒),实际过期时间是该时间的两倍
    warehouse.expire-time: 3600
    
    #自定义属性 - 图片上传到的位置
    file.upload-path: "classpath:static/img/upload"
    #自定义属性 - 上传的图片保存数据库的访问路径的目录路径
    file.access-path: "/img/upload/"

[image-20230731083452808]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/0d230650634a4d48a3495f310a735301.png
[image-20230731091429854]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/e6350b66335b4e839f5c7abc075ef294.png
[img]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/f11dee42cb3146f69ceeec71a6fa8677.png
[image-20230731092818158]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/6a05d02e2d4649ea93b7f60b880c37a5.png
[image-20230731095328967]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/98d27698f815420e894f6a71eea88576.png
[image-20230731095347984]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/49fab89ab6c44af790649e7bd6be65aa.png
[image-20230731102038984]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/60348f333fe840ea82162818301ffa4b.png
[image-20230731102154666]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/2b63154cef7142d39834799914e05422.png
[image-20230731104246179]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/2d73fd83d83f41b48d20de09234ef30b.png
[image-20230731105452554]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/247d50c918c04fb59d26fc2282bccc56.png
[image-20230731110143552]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/8a48bbede46640c2ac7ede489eb3d8d0.png
[image-20230731110352172]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/02/75f54e4a77b2452d8f43230dbd578c03.png