当前位置：网站首页 > IT知识 > 正文

java项目本地部署JeecgBoot低代码开发平台Vue3版系统源码

liuian 2024-12-03 16:31 48 浏览

大家好啊，我是测评君，欢迎来到web测评。

前言

这几天整理了小程序里心愿圈里朋友们发的几个源码需求：人员管理系统、人事管理系统（模块齐全）、工资管理系统。

网上是找到类似的系统源码并且测试了，但很遗憾，这类系统要么都是伪开源，要么功能缺失得太严重跑不起来。

在寻找无果的情况下，刷到了JeecgBoot这套系统，觉得挺符合这些朋友的项目需求，所以今天给大家分享这套系统的搭建部署流程。

只需要把系统部署起来，然后在这基础上根据自己的项目需求在后台进行可视化配置与开发，不需要我们编写一行代码即可完成大部分功能。

可以参考前几期我录制的Finers进销存系统，那套系统就是利用JeecgBoot直接在后台把功能配置出来的，没有编写过一行额外的代码。

技术架构

后端技术：SpringBoot2.6.6 + SpringcloudAlibaba2021.1 + MybatisPlus 3.5.1 + Shiro 1.8.0 + Jwt3.11.0 + Swagger + Redis
前端技术： Vue3.0 + Vite + Ant-Design-Vue + TypeScript
其他技术： Druid（数据库连接池）、Logback（日志工具）、poi（Excel工具）、Quartz（定时任务）、lombok（简化代码）
项目构建： Maven、Jdk8、宝塔面板

后端搭建教程

下载代码，使用IDEA打开jeecadmin目录，编辑器会自动的下载引入一些必要的包，如果失败，可以换个网络多尝试几次。
本地开启mysql5.7数据库与redis，新建一个数据库，导入jeecgboot-mysql-5.7.sql文件后，再导入Vue3升级脚本_mysql.sql文件
IDEA打开以下文件，修改数据库、redis、文件上传路径等配置信息（可以参考视频教程修改）：

# 对应本地开发环境
/jeecadmin/jeecg-module-system/jeecg-system-start/src/main/resources/application-dev.yml
# 对应线上环境
/jeecadmin/jeecg-module-system/jeecg-system-start/src/main/resources/application-prod.yml

修改好后先点右侧maven的图标，在Lifecycle生命周期模块里点击install，然后再点击run，JeecgSystemApplication模块即可在本地运行进行开发。

开发好后可以部署到宝塔面板，点击编辑器maven图标，将Profiles模块从dev改成prod，在Lifecycle里点击install执行完成后，再执行package打包成jar文件。
打开宝塔，在wwwroot目录下新建一个文件夹，修改目录权限为root，把jar文件上传到上面，再回到网站，点击Java项目，项目类型选择Spring_boot，项目jar路径选择刚才上传的jar文件，端口要填写对应本地的8080端口，项目用户选择root，绑定域名后点击提交。
还要回到java项目管理，点击配置文件修改一下nginx配置，如下：

upstream jeecgapi.com {
      server 127.0.0.1:8080;
     }  
server{
     ...其他代码...
     ................
   location / {
      root   html;
      index  index.html index.htm;
   		proxy_pass  http://jeecgapi.com;  
   		#ip remote_addr
   		proxy_set_header X-Forwarded-Scheme  $scheme;
  	  proxy_redirect    off;     
   		proxy_set_header  Host             $host;
   		proxy_set_header  X-Real-IP        $remote_addr;
   		proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
        }
     ...其他代码...
     ................
     }

访问http://域名/jeecg-boot页面，正常显示接口文档的话说明后端已经部署成功了。

vue3前端搭建教程

下载好代码后，使用vscode打开jeecweb目录，按照以下流程开发

# 安装yarn
npm install -g yarn

# 下载依赖
yarn install

# 启动（本地开发需要用到）
yarn run serve

# 编译打包项目
yarn run build

修改.env.development与.env.production里的配置信息（可以参考视频教程修改）
开发好后可以部署到自己宝塔面板中，执行yarn run build打包出一个dist目录，压缩里面的文件，在宝塔新建一个站点，PHP版本选择纯静态，添加成功后把dist目录下的压缩包上传到网站根目录中解压缩。点击站点里的配置文件，添加以下规则：

upstream jeecgadmin.com {
  server 127.0.0.1:80;
 }
server
{
   ...其他代码...
     ................ 
    location / {
         # 用于配合 browserHistory使用
   			try_files $uri $uri/ /index.html;
    }
    location  /jeecg-boot {
  			proxy_pass         http://127.0.0.1:8080/jeecg-boot;
  			proxy_redirect off;
  			#真实IP
  			proxy_set_header  Host             $host;
  			proxy_set_header  X-Real-IP        $remote_addr;
  			set $my_proxy_add_x_forwarded_for $proxy_add_x_forwarded_for;
  			if ($proxy_add_x_forwarded_for ~* "127.0.0.1"){
     			set $my_proxy_add_x_forwarded_for $remote_addr;
  	}
  			proxy_set_header   X-Forwarded-For $my_proxy_add_x_forwarded_for;
    }
    ...其他代码...
     ................
}

打开域名，验证码能正常刷新即部署成功，默认后台账号密码：admin 123456

系统介绍

JeecgBoot是基于代码生成器的低代码开发平台，零代码开发！采用前后端分离架构：SpringBoot2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。
帮助解决Java项目70%的重复工作，让程序员更多关注业务逻辑。能快速提高开发效率，帮助公司节省成本，同时又不失灵活性！
JeecgBoot还拥有在线开发模式（No代码概念）：在线表单配置（表单设计器）、移动配置能力、工作流配置（在线设计流程）、报表配置能力、在线图表配置、插件能力（可插拔）等等。
业务流程采用工作流来实现、扩展出任务接口，供开发编写业务逻辑，表单提供多种解决方案：表单设计器、online配置表单、编码表单。
同时实现了流程与表单的分离设计（松耦合）、并支持任务节点灵活配置，既保证了公司流程的保密性，又减少了开发人员的工作量。