首页 > 其他分享 >.NET 7+Vue 3 开源仓库管理系统 ModernWMS

.NET 7+Vue 3 开源仓库管理系统 ModernWMS

时间:2024-10-17 10:43:09浏览次数:1  
标签:Vue http ModernWMS cd nginx master NET backend

前言

本系统的设计目标是帮助中小企业乃至大型企业实现仓库操作的自动化与数字化,从而提升工作效率,降低成本,并最终实现业务增长。项目采用 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

项目访问

1、本地或服务器访问

打开浏览器,输入以下地址之一:

  • http://127.0.0.1:20011

  • http://部署电脑的IP地址:20011

初始账号:admin,密码:1

2、无需部署的免费体验

如果暂时不想进行本地部署,也可以直接在线体验:https://wmsonline.ikeyly.com/#/login

项目效果

1、登录页面

2、首页页面

3、库存管理

4、统计分析

5、基础设置

6、移动端页面

项目手册

为了帮助大家更好地理解和使用 ModernWMS,我们准备了一份详尽的操作手册。

基本操作指南:提供了系统各个模块的基本操作方法,帮助您快速熟悉界面和常用功能。

常见问题解答:汇总了用户在使用过程中可能遇到的问题及其解决方案,帮助您及时排除故障,保证系统的稳定运行。

项目地址

项目愿景

在制造业领域深耕多年,我们深知对于中小型企业的管理需求尤为迫切,但市场上大型系统的高昂价格往往令企业望而却步,这给企业的转型带来了不小的挑战。

因此,我们希望将这套轻量化的仓库管理系统开源,并免费提供给大家使用,以解决80%的管理需求。经过不断的提炼,系统仅包含最基础和最核心的功能,便于快速上手。只要拥有一台电脑,就可以轻松部署并运行自己的仓库管理系统!

最后

如果你觉得这篇文章对你有帮助,不妨点个赞支持一下!你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助,欢迎随时留言。

也可以加入微信公众号[DotNet技术匠] 社区,与其他热爱技术的同行一起交流心得,共同成长!优秀是一种习惯,欢迎大家留言学习!

标签:Vue,http,ModernWMS,cd,nginx,master,NET,backend
From: https://www.cnblogs.com/1312mn/p/18468668

相关文章

  • 移动开发(三):使用.NET MAUI打包第一个安卓APK完整过程
     之前给大家介绍过使用使用.NETMAUI开发第一个安卓APP,今天给大家介绍如何打包成APK,然后安装到安卓手机正常运行。这里还是沿用之前搭建好的应用程序。首先确保项目可以正常运行,具体如下图: 一、修改AndroidManifest.xml配置APP基本信息权限首先设置AndroidManifest.......
  • vue中的js:获取小括号中的字符串并且做替换
    1)js正则表达式替换小括号中的斜杠:conststr="这是一个(带有/斜线)的字符串,(还有另一个/斜线)需要替换";letreplacedStr=str.replace(/\(.*?\)/g,function(match){returnmatch.replace(/\//g,'AAA');//替换括号内的斜线});console.log(replacedStr);......
  • Vue3中 watch、watchEffect 详解
    Vue3中watch、watchEffect详解   1.watch的使用 监听ref定义的响应式数据 <template><div><div>值:{{count}}</div><button@click="add">改变值</button></div></template><script>import{r......
  • vue开发中,在js文件里使用pinia和组件同步
    遇到问题在js文件中封装涉及到使用pinia的方法时,发现和组件内容并不同步,二者是互相独立的。为了方便使用,需要在新建对象的时候,将pinia作为参数传进去只需要传pinia参数就可以store/index.jsimport{defineStore}from"pinia";import{createPinia}from'pinia'export......
  • asp.net core 跨域配置不起作用的原因
    1、中间件配置跨域的顺序不对中间件顺序配置对了基本上就能解决大部分问题中间件顺序配置对了基本上就能解决大部分问题附上官网简单的启用跨域的代码varMyAllowSpecificOrigins="_myAllowSpecificOrigins";varbuilder=WebApplication.CreateBuilder(args);build......
  • 从 net-tools 到 iproute2
    从net-tools到iproute2来源  https://www.jiatcool.com/?p=762 linux操作系统的一个突出优势就是其提供了稳定而强大的网络功能。linux通过内核对网络核心功能的运行进行管理。与此同时,在用户空间,linux也提供了相关工具包对内核层的网络参数进行修改和配置。根据对内......
  • 盘点.NET支持的 处理器架构
    在一个会议上,中国招投标协会的技术负责人居然当着很多领导的面说.NET不能在国产服务器上运行,可以说这个技术负责人非蠢即坏。国产服务器的处理器架构主要包括x86、ARM、LoongArch、risc-v。这些国产服务器处理器架构各有特点,ARM架构在自主可控和生态建设方面具有优势,x86架构则在现......
  • 关于 Ant Design Vue框架中 <a-upload> beforeUpload 上传文件校验之后,返回false 还能上
    现在在(jinsai)外包的时候,使用的是jeecg-boot项目,后端上传使用的是自带的JImageUpload,里面上传是a-upload组件,就是AntDesignVue框架,说实话,挺难用的。在JImageUpload组件中:直接上代码:点击查看代码//上传前beforeUpload:function(file){this.uploadGo......
  • 【Vue】Vue2(11)
    文章目录1vuex1.1概念1.2什么时候使用Vuex1.3工作原理图1.4vuex核心概念和API1.4.1state1.4.2actions1.4.3mutations1.4.4getters2求和案例_纯vue版2.1静态页面2.2Count.vue2.3App.vue2.4main.js3求和案例_vuex3.1Count.vue3.2store文件夹下:index......
  • 基于SpringBoot+Vue+uniapp的互助学习小程序的详细设计和实现(源码+lw+部署文档+讲解
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......