.NET 7+Vue 3 開源倉庫管理系統 ModernWMS

小码编匠發表於2024-10-17

Vue

前言

本系統的設計目標是幫助中小企業乃至大型企業實現倉庫操作的自動化與數字化，從而提升工作效率，降低成本，並最終實現業務增長。專案採用 Vue 3 + TS + .NET 7 等前沿框架進行開發，為企業提供一套現代化的倉庫管理解決方案。

專案介紹

ModernWMS 是一款開源的簡易完整倉庫管理系統，源於我們多年 ERP 專案實施經驗的積累。

我們將原有的商業系統中的 WMS 功能獨立出來，免費對外開放，在幫助廣大中小企業提升倉庫管理效率。該系統支援跨平臺執行，實現一處編碼即可多處使用，極大地降低了維護成本和技術門檻。

當然，以下是簡潔最佳化後的版本：

專案特點

程式碼開源：遵循 Apache 2.0 協議，完全開源的倉庫管理系統。
開箱即用：具備完整的開發部署流程，安裝後立即可用。
流程精簡：保留核心功能——收貨、發貨、庫存管理及倉內作業，易於上手，減少學習成本。
降本增效：幾乎零成本投入，提升工作效率，增強企業競爭力。
社群活躍：採用前沿技術框架，擁有活躍的技術社群和專業團隊維護。

專案環境

Linux 作業系統

Ubuntu 18.04 (LTS), 20.04 (LTS), 22.04 (LTS)
CentOS Stream 8, 9
RHEL 8 (8.7), 9 (9.1)
Debian 10, 11
openSUSE 15

Windows 作業系統

Windows 10 版本 1607 及以上
Windows Server 2012 及以上

專案部署

Linux

1、下載原始碼

cd /tmp/
wget https://gitee.com/modernwms/ModernWMS/repository/archive/master.zip

2、安裝 .NET SDK 和 Node.js

wget https://packages.microsoft.com/config/ubuntu/20.04/packages-microsoft-prod.deb -O packages-microsoft-prod.deb
sudo dpkg -i packages-microsoft-prod.deb
sudo apt-get update && sudo apt-get install -y dotnet-sdk-7.0
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt install -y nodejs
sudo apt-get install gcc g++ make
sudo npm install -g yarn

3、編譯前端和後端

sudo apt install unzip
cd /tmp/ && unzip master.zip && cd ./ModernWMS-master
mkdir -p frontend backend
cd frontend
sed -i 's#http://127.0.0.1#http://前部署伺服器的IP地址#g' ./.env.production
yarn && yarn build
cp -rf dist/* ../frontend/
cd ../backend/
sudo dotnet publish
cp -rf ModernWMS/bin/Debug/net7.0/publish/* ../backend/
cp -rf ModernWMS/wms.db ../backend/

4、安裝並啟動 Nginx

cd /tmp/
wget http://nginx.org/download/nginx-1.18.0.tar.gz
tar -zxvf nginx-1.18.0.tar.gz && cd nginx-1.18.0
./configure --prefix=/etc/nginx --with-http_secure_link_module --with-http_stub_status_module --with-http_realip_module --without-http_rewrite_module --without-http_gzip_module
make && make install
cp -rf /ModernWMS/frontend/* /etc/nginx/html/
nohup /etc/nginx/sbin/nginx -g 'daemon off;'
cd /ModernWMS/backend/
dotnet ModernWMS.dll --urls http://0.0.0.0:20011

Windows

1、下載原始碼

cd C:\
wget -Uri https://gitee.com/modernwms/ModernWMS/repository/archive/master.zip -OutFile master.zip
Expand-Archive -Path C:\master.zip -DestinationPath C:\

2、安裝 .NET SDK 和 Node.js

wget -Uri https://download.visualstudio.microsoft.com/download/pr/35660869-0942-4c5d-8692-6e0d4040137a/4921a36b578d8358dac4c27598519832/dotnet-sdk-7.0.101-win-x64.exe -OutFile dotnet-sdk-7.0.101-win-x64.exe
.\dotnet-sdk-7.0.101-win-x64.exe /install /quiet /norestart
wget -Uri https://nodejs.org/dist/v16.13.1/node-v16.13.1-x64.msi -OutFile node-v16.13.1-x64.msi
msiexec /i .\node-v16.13.1-x64.msi /passive /norestart
npm install -g yarn

3、編譯前端和後端

md C:\ModernWMS\frontend
md C:\ModernWMS\backend
cd C:\ModernWMS-master\backend
dotnet publish
Copy-Item -Path "C:\ModernWMS-master\backend\ModernWMS\bin\Debug\net7.0\publish\*" -Destination "C:\ModernWMS\backend\" -Recurse
Copy-Item -Path "C:\ModernWMS-master\backend\ModernWMS\wms.db" -Destination "C:\ModernWMS\backend\"
cd C:\ModernWMS-master\frontend
yarn
yarn build
Copy-Item -Path "C:\ModernWMS-master\frontend\dist\*" -Destination "C:\ModernWMS\frontend\" -Recurse

4、安裝並啟動 Nginx

cd C:\
wget -Uri http://nginx.org/download/nginx-1.16.1.zip -OutFile nginx-1.16.1.zip
Expand-Archive -Path C:\nginx-1.16.1.zip -DestinationPath C:\
Copy-Item -Path "C:\ModernWMS\frontend\*" -Destination "C:\nginx-1.16.1\html\" -Recurse
cd C:\nginx-1.16.1\
Start-Process .\nginx.exe
cd C:\ModernWMS\backend
dotnet ModernWMS.dll --urls http://0.0.0.0:20011