测评君

V1

2022/09/21阅读:14主题:绿意

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

大家好啊,我是测评君,欢迎来到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、宝塔面板

后端搭建教程

  1. 下载代码,使用IDEA打开jeecadmin目录,编辑器会自动的下载引入一些必要的包,如果失败,可以换个网络多尝试几次。
  2. 本地开启mysql5.7数据库与redis,新建一个数据库,导入jeecgboot-mysql-5.7.sql文件后,再导入Vue3升级脚本_mysql.sql文件
  3. 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
  1. 修改好后先点右侧maven的图标,在Lifecycle生命周期模块里点击install,然后再点击run,JeecgSystemApplication模块即可在本地运行进行开发。
  2. 开发好后可以部署到宝塔面板,点击编辑器maven图标,将Profiles模块从dev改成prod,在Lifecycle里点击install执行完成后,再执行package打包成jar文件。
  3. 打开宝塔,在wwwroot目录下新建一个文件夹,修改目录权限为root,把jar文件上传到上面,再回到网站,点击Java项目,项目类型选择Spring_boot,项目jar路径选择刚才上传的jar文件,端口要填写对应本地的8080端口,项目用户选择root,绑定域名后点击提交。
  4. 还要回到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;
        }
        ...其他代码...
     ................
     }
  1. 访问http://域名/jeecg-boot页面,正常显示接口文档的话说明后端已经部署成功了。

vue3前端搭建教程

  1. 下载好代码后,使用vscode打开jeecweb目录,按照以下流程开发
# 安装yarn
npm install -g yarn

# 下载依赖
yarn install

# 启动(本地开发需要用到)
yarn run serve

# 编译打包项目
yarn run build
  1. 修改.env.development与.env.production里的配置信息(可以参考视频教程修改)

  2. 开发好后可以部署到自己宝塔面板中,执行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;
    }
    ...其他代码...
     ................
}
  1. 打开域名,验证码能正常刷新即部署成功,默认后台账号密码:admin 123456

系统介绍

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

系统实测截图

获取方式一

发送关键数字:**49**
发送关键数字:**49**

获取方式二

扫一扫小程序码
扫一扫小程序码

找不到你想要的?

扫一扫说出你最想需要的资源
扫一扫说出你最想需要的资源

分类:

后端

标签:

Java

作者介绍

测评君
V1

web测评,做一枚开源有态度的程序猿。