WMS

WMS (система управления складом)

1. Обзор функций

Основными функциями системы управления складом являются:

Функции системы включают в себя: регистрацию поступления и выезда продукции, подтверждение информации о ввозе и выезде, а также удаление складской информации.

Функции системного администратора: добавление персонала, удаление персонала, запрос информации в базе данных и управление пользователями.

Функции пользователя включают в себя: запрос информации в базе данных, запрос информации из базы данных, запрос информации, поступающей в базу данных, и изменение пароля пользователя.

Согласно классификации управленческого персонала, сотрудники с разными полномочиями выполняют разные управленческие функции.

Управление разрешениями

Разрешения/Функция	Управление администратором	Управление пользователями	управление складом	Управление классификацией предметов	Управление предметами	управление записями
суперадминистратор	√	√	√	√	√	√
Обычный администратор	×	√	√	√	√	√
персонал	×	×	×	×	√ (применяются ограничения)	√ (применяются ограничения)

В функции управления элементами сотрудники могут только запрашивать; в управлении записями сотрудники могут запрашивать только свои собственные входящие и исходящие записи.

Архитектура системы

2. Стек технологий

• SpringBoot : бэкэнд-фреймворк
• MyBatisPlus : структура уровня персистентности
• Vue2 : используя Vue в качестве внешней среды, этот проект разделяет интерфейсную и серверную части.
• MD5 : пароль пользователя зашифрован с использованием MD5.
• Docker : развертывание проектов с использованием контейнеров Docker.
• Git : использование Github для контроля версий.

3. Развертывание

3.1 Интегрированное развертывание внешнего и внутреннего интерфейса.

• Измените Vue.prototype.$httpUrl (глобальный перехватчик axios не используется)

В main.js в файле проекта vue (места, заданные разными проектами, могут не совпадать)

Vue.prototype.$httpUrl = 'http://{服务器ip}:{springboot端口号}';
eg:
Vue.prototype.$httpUrl = 'http://67.99.26.82:8081';

• Измените axios.defaults.baseURL (используйте глобальный перехватчик axios)

axios.defaults.baseURL="http://{服务器ip}:{端口号}"

• упаковка проекта vue

В каталоге проекта vue

npm run build

• Переместить файлы дистрибутива

Переместите упакованный файл dist в resources/static

• Активируйте производственную среду и настройте каталог статических ресурсов.

Как показано на рисунке, активируйте производственную среду и настройте каталог статических ресурсов.

Затем вам необходимо настроить среду генерации, например mysql, пароль redis и т. д.

• Упаковка с использованием инструментов Maven

• Запустите пакет jar на стороне сервера.

Запустить пакет jar во внешнем интерфейсе

java -jar xxx.jar

Запустить пакет jar в фоновом режиме

nohup java -jar xxx.jar > msg.log 2>&1 &

3.2 Раздельное развертывание фронтенда и бэкенда с помощью Docker.

• Настройте каталог nginx, здесь он настраивается в /root/nginx2.

[root@iZbp144worluc8frpn60arZ nginx2] # pwd
/root/nginx2
[root@iZbp144worluc8frpn60arZ ~ ] # cd nginx2
[root@iZbp144worluc8frpn60arZ nginx2] # ll
total 8
drwxr-xr-x 6 root root 4096 Jun 27 19:52 html
-rw-r--r-- 1 root root  550 Jun 26 16:02 nginx.conf

nginx.conf

 # user  root;
worker_processes  1 ;
events {
  worker_connections  1024 ;
}
http {
  include       mime.types ;
  default_type  application/octet-stream ;
  sendfile        on ;
  keepalive_timeout  65 ;
  server {
      listen       80 ;
      server_name  localhost ;
      location / {
          root   /usr/share/nginx/html ;
          try_files $uri $uri / /index.html last ; # 别忘了这个哈
          index  index.html index.htm ;
      }
      error_page   500 502 503 504  /50x.html ;
      location = /50x.html {
          root   html ;
      }
  }
}

html (разархивируйте упакованный файл dist здесь)

[root@iZbp144worluc8frpn60arZ nginx2] # cd html
[root@iZbp144worluc8frpn60arZ html] # ll
total 32
drwxr-xr-x 2 root root 4096 Jun 27 19:52 css
-rw-r--r-- 1 root root 4286 Jun 27 19:52 favicon.ico
drwxr-xr-x 2 root root 4096 Jun 27 19:52 fonts
drwxr-xr-x 2 root root 4096 Jun 27 19:52 img
-rw-r--r-- 1 root root  670 Jun 27 19:52 index.html
drwxr-xr-x 2 root root 4096 Jun 27 19:52 js
-rw-r--r-- 1 root root 1524 Jun 27 19:52 logo.svg

• Использование docker-compose для оркестрации сервисов

Докерфайл

 FROM openjdk:8
EXPOSE 8082
ADD wms-0.0.1-SNAPSHOT.jar app.jar
RUN bash -c 'touch /app.jar'
ENTRYPOINT [ "java" , "-jar" , "/app.jar" , "--spring.profiles.active=prod" ]

docker-compose.yml

 version : " 3 "
services :
  nginx : # 服务名称，用户自定义
    image : nginx:latest  # 镜像版本
    ports :
      - 80:80  # 暴露端口
    volumes : # 挂载
      - /root/nginx2/html:/usr/share/nginx/html
      - /root/nginx2/nginx.conf:/etc/nginx/nginx.conf
    privileged : true # 这个必须要，解决nginx的文件调用的权限问题
  mysql :
    image : mysql:latest
    ports :
      - " 3306:3306 "
    environment : # 指定用户root的密码
      - MYSQL_ROOT_PASSWORD={password}
    privileged : true
  redis :
  	image : redis:latest
  wms :
    image : wms:latest
    build : src # 表示以当前目录下的Dockerfile开始构建镜像
    ports :
      - 8082:8082
    depends_on : # 依赖与mysql其实可以不填，默认已经表示可以
      - mysql
      - redis

Если вы используете облачный сервер, откройте соответствующий порт в группе безопасности (или брандмауэре).

• Организация каталога папок WMS

 [root@iZbp144worluc8frpn60arZ WMS]# ls
docker-compose.yml  Dockerfile  wms-0.0.1-SNAPSHOT.jar

• Запустите команду docker-compose, чтобы организовать службу.

 [root@iZbp144worluc8frpn60arZ WMS]# docker-compose up -d

Если служба запускается нормально, доступ к сайту возможен по IP.

4. Пользовательский интерфейс

4.1. Вход

4.2. Персональный центр.

4.3. Выйти

4.4. Изменить пароль.

4.5. Управление администратором.

4.6. Управление пользователями.

Запросить пользователя

Добавить нового пользователя

Отключить/включить пользователя

Удалить пользователя

4.7. Управление складом.

Запрос склада

Добавить новый склад

Редактировать репозиторий

Удалить склад

4.8. Управление классификацией предметов.

4.9. Управление предметами

Новые предметы

Склад

вне склада

4.10. Управление записями.