WMS

WMS (Sistem Manajemen Gudang)

1. Ikhtisar fungsi

Fungsi utama sistem manajemen gudang adalah sebagai berikut:

Fungsi sistem meliputi: registrasi pemasukan dan pengeluaran produk, konfirmasi informasi pemasukan dan pengeluaran, dan penghapusan informasi gudang.

Fungsi administrator sistem: menambah personel, menghapus personel, menanyakan informasi dalam database, dan manajemen pengguna.

Fungsi pengguna meliputi: menanyakan informasi dalam database, menanyakan informasi keluar dari database, menanyakan informasi yang masuk ke database, dan mengubah kata sandi pengguna.

Menurut klasifikasi personel manajemen, personel dengan kewenangan yang berbeda mempunyai fungsi manajemen yang berbeda pula.

Manajemen izin

Izin/Fungsi	Manajemen administrator	Manajemen pengguna	manajemen gudang	Manajemen klasifikasi item	Manajemen barang	manajemen catatan
administrator super	√	√	√	√	√	√
Administrator biasa	×	√	√	√	√	√
staf	×	×	×	×	√ (pembatasan berlaku)	√ (pembatasan berlaku)

Dalam fungsi manajemen item, karyawan hanya dapat melakukan kueri; dalam manajemen rekaman, karyawan hanya dapat menanyakan rekaman masuk dan keluar mereka sendiri.

Arsitektur sistem

2. Tumpukan teknologi

• SpringBoot : kerangka backend
• MyBatisPlus : kerangka lapisan persistensi
• Vue2 : Menggunakan Vue sebagai framework front-end, proyek ini memisahkan front-end dan back-end
• MD5 : Kata sandi pengguna dienkripsi menggunakan MD5
• Docker : Menyebarkan proyek menggunakan kontainer Docker
• Git : Menggunakan Github untuk kontrol versi

3. Penempatan

3.1. Penerapan terintegrasi front-end dan back-end

• Ubah Vue.prototype.$httpUrl (interseptor global axios tidak digunakan)

Di main.js di bawah file proyek vue (lokasi yang ditetapkan oleh proyek berbeda mungkin tidak sama)

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

• Ubah axios.defaults.baseURL (gunakan interseptor global axios)

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

• pengemasan proyek vue

Di bawah direktori proyek vue

npm run build

• Pindahkan file dist

Pindahkan file dist yang dikemas ke resources/static

• Aktifkan lingkungan produksi dan konfigurasikan direktori sumber daya statis

Seperti yang ditunjukkan pada gambar, aktifkan lingkungan produksi dan konfigurasikan direktori sumber daya statis

Maka Anda perlu mengkonfigurasi lingkungan pembuatan, seperti mysql, kata sandi redis, dll.

• Pengemasan menggunakan alat pakar

• Jalankan paket jar di sisi server

Jalankan paket jar di frontend

java -jar xxx.jar

Jalankan paket jar di latar belakang

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

3.2. Pisahkan penerapan front-end dan back-end menggunakan Docker

• Konfigurasikan direktori nginx, ini dikonfigurasi di /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 ;
      }
  }
}

direktori html (unzip file dist yang dikemas di sini)

[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

• Menggunakan docker-compose untuk mengatur layanan

file buruh pelabuhan

 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" ]

buruh pelabuhan-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

Jika Anda menggunakan server cloud, silakan buka port yang sesuai di grup keamanan (atau firewall)

• Atur direktori folder WMS

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

• Jalankan perintah docker-compose untuk mengatur layanan

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

Jika layanan berjalan normal, website dapat diakses melalui IP.

4. Antarmuka UI

4.1.Masuk

4.2.Pusat pribadi

4.3. Keluar

4.4.Ubah kata sandi

4.5.Manajemen administrator

4.6.Manajemen pengguna

Pengguna kueri

Tambahkan pengguna baru

Nonaktifkan/aktifkan pengguna

Hapus pengguna

4.7.Manajemen Gudang

Gudang permintaan

Tambahkan gudang baru

Sunting repositori

Hapus gudang

4.8.Manajemen klasifikasi barang

4.9.Manajemen barang

Barang baru

Gudang

keluar dari gudang

4.10.Manajemen pencatatan