GitHub开源项目 - Jeecg-Boot开始开发平台介绍

最新推荐文章于 2024-10-11 08:05:07 发布
最新推荐文章于 2024-10-11 08:05:07 发布
阅读量5.9k 收藏 20
点赞数 2
文章标签： GitHub
原文链接：http://doc.jeecg.com/1273752
版权

GitHub开源项目 - Jeecg-Boot开始开发平台介绍

 

Jeecg-Boot 是一款基于SpringBoot+代码生成器的快速开发平台！采用前后端分离架构：SpringBoot，Mybatis，Shiro，JWT，Vue&Ant Design。强大的代码生成器让前端和后台代码一键生成，不需要写任何代码，保持jeecg一贯的强大，绝对是全栈开发福音！！
JeecgBoot在提高UI能力的同时，降低了前后分离的开发成本，JeecgBoot还独创在线开发模式（No代码概念），一系列在线智能开发：在线配置表单、在线配置报表、在线图表设计、在线设计流程等等。

JEECG宗旨是: 简单功能由Online Coding配置实现（在线配置表单、在线配置报表、在线图表设计、在线设计流程、在线设计表单），复杂功能由代码生成器生成进行手工Merge，既保证了智能又兼顾了灵活;
业务流程采用工作流来实现、扩展出任务接口，供开发编写业务逻辑，表单提供多种解决方案： 表单设计器、online配置表单、编码表单。同时实现了流程与表单的分离设计（松耦合）、并支持任务节点灵活配置，既保证了公司流程的保密性，又减少了开发人员的工作量。

技术交流QQ群：①284271917、②769925425
在线演示： http://boot.jeecg.com
源码下载：https://github.com/zhangdaiscott/jeecg-boot
入门教程：http://doc.jeecg.com/1273753
常见问题： 常见问题大全
视频教程： https://space.bilibili.com/454617261/channel/detail?cid=84186
反馈问题： https://github.com/zhangdaiscott/jeecg-boot/issues
版本日志： http://www.jeecg.com/#/doc/changelog

技术架构：

后端技术： SpringBoot_2.1.3.RELEASE + Mybatis-plus_3.1.2 + Shiro_1.4.0 + Jwt_3.7.0  
          + Swagger-ui + Redis 
前端技术： Ant-design-vue + Vue + Webpack
其他技术： Druid（数据库连接池）、Logback（日志工具） 、poi（Excel工具）、
          Quartz（定时任务）、lombok（简化代码）
项目构建： Maven、Jdk8

前端开发必读文档：

前端UI组件： Ant Design of Vue
https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn
报表UI组件：viser-vue
https://viserjs.github.io/demo.html#/viser/bar/basic-bar
VUE基础知识：
https://cn.vuejs.org/v2/guide

 

Jeecg-Boot入门教程

我们精心制作本教程，方便开源用户和新入职成员快速掌握Jeecg-Boot开发。根据我们的实际经验，通过此教程学习，刚入行的毕业生也可以顺利的进行开发，所以请耐心完成本套教程的学习（有一定工作经验的，可以忽略自己熟悉的章节）。

  1. 开发环境搭建 http://doc.jeecg.com/1273969

    开发工具 ： https://pan.baidu.com/s/1kFIJcn5GSlSJWAQKeCowrg 提取码：ilmc

  2. 项目如何启动 http://doc.jeecg.com/1273967

  3. JeecgBoot学习视频 https://space.bilibili.com/454617261/channel/detail?cid=84186

  4. 代码生成器使用 http://doc.jeecg.com/1273926

  5. 常见问题贴：http://t.cn/EITSuH8

  6. 必看学习资料
    ES6 | http://es6.ruanyifeng.com
    Vue | https://cn.vuejs.org/v2/guide
    Ant Design of Vue | https://vue.ant.design/docs/vue/introduce-cn
    Jeecg-Boot文档 | http://doc.jeecg.com

  7. 基础知识学习（Vue全家桶、Springboot） 参考下面《基础知识学习视频》

  8. 如果你发现bug，请点击这里反馈 https://github.com/zhangdaiscott/jeecg-boot/issues

《基础知识学习视频》

两套Springboot视频(建议第一套)
  链接：https://pan.baidu.com/s/1KlfH96wGNRN8waPIurQ6yg 提取码：tu6m 
  链接：https://pan.baidu.com/s/11Z0iLW9o-W4-4tYHXlDO9A 提取码：7kz2 

两套vue视频，前后端分离

  1.Vue基础知识视频
  链接：https://pan.baidu.com/s/1r69bFZ0_N2-g4XNxEqDtfg 提取码：gt81 

  2.Vue高级视频教程
  链接：https://pan.baidu.com/s/1uJY0oIIa4wD65L2hH_L93g   提取码：desn
  链接：https://pan.baidu.com/s/1IjzUkEeVpjqf2KKY2Xj6rA   提取码：829j

 

Maven私服设置

JEECG存在自定义JAR包，放在自己的Maven私服上面，所以有的时候会遇到下载失败。
一般遇到下载失败的情况，是因为用户设置了本地镜像，导致无法从JEECG私服下载资源，参考下面的方式进行镜像排除配置即可。

找到 maven老家 conf/settings.xml，
在标签内增加下面方式的阿里云maven镜像（删除自己的镜像配置）， 最终结果见下面：

<mirrors>
       <mirror>
            <id>nexus-aliyun</id>
            <mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
            <name>Nexus aliyun</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public</url>
        </mirror> 
 </mirrors>

然后执行maven命令，依赖就会顺利下载；此配置重点在这句话<mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
如果不加这句话，默认所有的依赖都会去阿里云仓库下载，加上后jeecg的依赖包就可以从jeecg私服下载了。

 

如何启动项目

目录索引：

  • 后端项目启动

    1. 初始化数据库
    2. 修改项目配置文件（数据库配置、redis配置）
    3. 启动redis服务
    4. 启动项目

  • 前台项目启动

    1. 安装依赖包
    2. 配置后台接口服务地址
    3. 启动项目

一、后端项目启动

jeecg-boot 从v2.0版本，重构成maven多模块项目，启动项目：jeecg-boot-module-system

项目结构说明：
├─jeecg-boot-parent（父POM： 项目依赖、modules组织）
│  ├─jeecg-boot-base-common（共通Common模块： 底层工具类、注解、接口）
│  ├─jeecg-boot-module-system （系统管理模块： 系统管理、权限等功能） -- 默认作为启动项目
│  ├─jeecg-boot-module-{?} （自己扩展新模块项目，启动的时候，在system里面引用即可）

（1）执行数据库初始化sql
sql文件地址：jeecg-boot/db/jeecg-boot-mysql.sql

（2）开发模式配置（/src/main/resources/application-dev.yml）
项目名称、端口号配置（请默认即可不需要修改）

server:
    port: 8080
    servlet:
       context-path: /jeecg-boot

端口号是8080，项目名称是jeecg-boot
本地后台接口地址：http://localhost:8080/jeecg-boot
注意： 不能直接访问后台，会提示TOEKN无效错误。

数据库配置 ：

spring:
  datasource:
    dynamic: 
      datasource: 
          #主数据源
          master: 
            url: jdbc:mysql://127.0.0.1:3306/jeecg-boot?characterEncoding=UTF-8&useUnicode=true&useSSL=false
            username: root
            password: root
            driver-class-name: com.mysql.jdbc.Driver

redis配置：（配置redis的host和port）

  #redis 配置
  redis:
     database: 0
     host: 127.0.0.1
     lettuce:
       pool:
         max-active: 8   #最大连接数据库连接数,设 0 为没有限制
         max-idle: 8     #最大等待连接中的数量,设 0 为没有限制
         max-wait: -1ms  #最大建立连接等待时间。如果超过此时间将接到异常。设为-1表示无限制。
         min-idle: 0     #最小等待连接中的数量,设 0 为没有限制
       shutdown-timeout: 100ms
     password: ''
     port: 6379

（3）启动redis服务

（4）以上配置完成后，即可启动后台项目

本地启动：
找到类/src/main/java/org/jeecg/JeecgApplication.java，右键执行

 

二、前台项目启动

（1）使用命令yarn install 下载项目依赖

（2）配置后台接口地址


[1]. public/index.html （开发环境、正式发布）

window._CONFIG['domianURL'] = 'http://localhost:8080/jeecg-boot';
window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';

[2]. vue.config.js（仅开发环境配置）
输入图片说明

 

（3）启动项目
注意：（如果启动报错的话，请升级node版本，把依赖node_modules删了，重新yarn install）
调出Show npm Scripts 功能
找到项目目录下文件package.json文件，鼠标右键选择Show npm Scripts

点击命令：serve 即可启动项目 或者 在命令行界面输入 yarn run serve 启动项目即可

看到如下日志 则启动成功

通过 http://localhost:3000 访问项目即可进入系统，默认账号密码： admin/123456

 

注意：启动后端项目后，再启动前端项目，访问前端项目可能出现 405 504 502 等问题 ，具体提示信息是nginx上静态文件不接受POST请求，此时修改nginx的配置文件

nginx.conf

server {
		listen       80;
		server_name  你的域名;

		#后台服务配置，配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问		
		location ^~ /jeecg-boot {
			proxy_pass              http://127.0.0.1:8080/jeecg-boot/;
			proxy_set_header        Host 127.0.0.1;
			proxy_set_header        X-Real-IP $remote_addr;
			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
		}
		#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题
		location / {
			root   html;
			index  index.html index.htm;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
		}
	}

 

数据库切换Oracle/SqlServer/Postgresql

Oracle数据

1.添加oracle驱动，修改pom.xml

<!-- oracle驱动 -->
<dependency>
	<groupId>com.oracle</groupId>
	<artifactId>ojdbc6</artifactId>
	<version>11.2.0.3</version>
</dependency>

2.修改数据库连接

修改druid配置
validationQuery: SELECT 1 FROM DUAL

driver-class-name: oracle.jdbc.OracleDriver
url: jdbc:oracle:thin:@192.168.1.200:1521:ORCL
username: jeecgboot
password: jeecgboot

SQL server数据

1.添加SQL server驱动，修改pom.xml

<!--  sqlserver-->
<dependency>
	<groupId>com.microsoft.sqlserver</groupId>
	<artifactId>sqljdbc4</artifactId>
	<version>4.0</version>
	<scope>runtime</scope>
</dependency>

2.修改数据库连接

修改druid配置
validationQuery: SELECT 1
filters: stat,slf4j

driver-class-name: com.microsoft.sqlserver.jdbc.SQLServerDriver
url: jdbc:sqlserver://192.168.1.200:1433;SelectMethod=cursor;DatabaseName=jeecg-boot
username: sa
password: SA

postgresql数据库

1.添加postgresql驱动，修改pom.xml

(根据不同版本的数据库引入对应版本的驱动，下载地址：https://jdbc.postgresql.org/download.html)

<!--  postgresql-->
<dependency>
	<groupId>postgresql</groupId>
	<artifactId>postgresql</artifactId>
	<version>42.2.5</version>
</dependency>

2.修改数据库连接

增加spring下的配置
spring:
  #postgresql 报错问题
  jpa:
      properties:
          hibernate:
              temp:
                  use_jdbc_metadata_defaults: false

修改druid配置
validationQuery: SELECT 1


url: jdbc:postgresql://localhost:5432/postgres
username: postgres
password: root
driver-class-name: org.postgresql.Driver

 

快速示例

Hello World示例教程

前后端分离框如何快速进入开发，请参照下面hello world实现demo
###一、后台请求实现

@RestController
@RequestMapping("/test/jeecgDemo")
@Slf4j
public class JeecgDemoController {

	/**
	 * hello world
	 * 
	 * @param id
	 * @return
	 */
	@GetMapping(value = "/hello")
	public Result<String> hello() {
		Result<String> result = new Result<String>();
		result.setResult("Hello World!");
		result.setSuccess(true);
		return result;
	}
}

直接访问请求http://localhost:8080/jeecg-boot/test/jeecgDemo/hello 会提示token无效，
所以需要配置下拦截器ShiroConfig排除。

配置文件： jeecg-boot-module-system/src/main/java/org/jeecg/config/ShiroConfig.java 
加入配置：filterChainDefinitionMap.put("/test/jeecgDemo/hello", "anon");

输入图片说明

再访问请求http://localhost:8080/jeect-boot/test/jeecgDemo/hello，会返回结果如下：

{
	"success": true,
	"message": null,
	"code": null,
	"result": "Hello World!",
	"timestamp": 1548833208562
}

###二、前台vue页面实现
（1）创建vue页面src/views/jeecg/helloworld.vue
调用后台请求，获取返回的Hello World! 输出到页面，页面代码如下：

<template>
  <div>
    {{ msg }}
  </div>
</template>

<script>
  import {getAction} from '@/api/manage'
  export default {
    data () {
      return {
        msg: ""
      }
    },
    methods: {
      hello () {
        var url = "/test/jeecgDemo/hello"
        getAction(url).then((res) => {
          if (res.success) {
            this.msg = res.result;
          }
        })
      }
    },
    created() {
      this.hello();
    }
  }
</script>

####代码说明：
1、data() 方法中定义数据对象msg
2、数据对象msg输出到页面，表达式如下：

{{ msg }}

3、定义一个方法，发起请求获取后台响应 后台实现的是get方法，引入getAction方法 import {getAction} from '@/api/manage' 定义方法调用： ``` hello () { var url = "/test/jeecgDemo/hello" getAction(url).then((res) => { if (res.success) { this.msg = res.result; } }) } ``` 4、Vue生命周期 created 中调用方法 created() { this.hello(); } hello方法中 this.msg = res.result; 把请求返回的Hello World! 赋值给msg数据对象，msg值改变则页面显示也改变。

###三、配置菜单
配置helloword菜单【系统管理】-【菜单管理】
输入图片说明

  • 其中前端组件配置相对src/views/目录下的 目录名+文件名
  • 例如页面src/views/jeecg/helloworld.vue 前端组件配置 jeecg/helloworld

输入图片说明
用户角色授权【系统管理】-【角色管理】-授权
输入图片说明
输入图片说明
点击菜单访问页面展示Hello World!

 

JAR部署方案

正式环境部署

部署方案采用nginx+tomcat部署方案
后端服务通过JAR方式运行
前端项目build后的静态资源，部署到nginx中

一、后台项目jeecg-boot打jar包

目前 jeecg-boot-module-system 作为启动和打包项目。

1、修改数据库连接 application-prod.yml
2、修改缓存redis配置 application-prod.yml
3、修改上传附件配置 application-prod.yml
输入图片说明
4、切换配置为线上配置 application.yml
输入图片说明
5、修改pom.xml加上打包插件（如果已经有了，就不需要加了）

<build>
  <plugins>
  <plugin>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-maven-plugin</artifactId>
  </plugin>
 </plugins>
</build>

然后 maven package 打jar包

二、后台项目jeecg-boot启动

通过命令启动项目

Window启动命令：
java -jar D:\jeecg-boot-module-system-2.0.0.jar

Linux下后台进程启动命令：
nohup java -jar jeecg-boot-module-system-2.0.0.jar >catalina.out 2>&1 &

关掉项目：
ps -ef|grep java
kill 进程号

三、前台项目build

1、修改后台接口服务地址 public/index.html

 window._CONFIG['domianURL'] = 'http://localhost:8080/jeecg-boot';
 window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';
 window._CONFIG['pdfDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/pdf/pdfPreviewIframe';

重要提示：
1. 后台服务接口地址，一定要配置外网的IP或者域名，配置内网域名后台访问不到的。
2. 后台启动默认名字jeecg-boot，不建议修改。如果需要修改，请自行替换此文中所有提到项目名jeecg-boot的地方；
同时修改前端代码 src/utils/request.js，里面的项目名字。

const service = axios.create({
  baseURL: '/jeecg-boot', // api base_url
  timeout: 6000 // 请求超时时间
})

2、build项目
使用build命令打包项目
输入图片说明
build完成后台会生成一个dist的目录该目录下即为build后的文件。

3、nginx部署前端项目
拷贝dist下的代码到nginx安装目录下html目录中，即可

四、nginx配置（conf/nginx.conf）

nginx监听80端口

server {
		listen       80;
		server_name  你的域名;

		#后台服务配置，配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问		
		location ^~ /jeecg-boot {
			proxy_pass              http://127.0.0.1:8080/jeecg-boot/;
			proxy_set_header        Host 127.0.0.1;
			proxy_set_header        X-Real-IP $remote_addr;
			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
		}
		#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题
		location / {
			root   html;
			index  index.html index.htm;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
		}
	}

五、nginx 开启压缩，提高首页访问效率

https://github.com/zhangdaiscott/jeecg-boot/issues/88

配置后启动nginx
通过：http://你的域名 访问项目，出现如下页面，使用账户/密码：admin/123456 登录成功即可

 

WAR部署方案

正式环境部署

部署方案采用nginx+tomcat部署方案
后端服务发布部署到tomcat中
前端项目由于build后都是静态问题，部署到nginx中

一、后台项目jeecg-boot打war包（jeecg-boot-module-system）

（1）后台项目jeecg-boot-module-system打war包之前要进行如下改动

1、pom.xml文件中项目打包格式设置为war
war
具体配置如下：

  <modelVersion>4.0.0</modelVersion>
	<groupId>org.jeecgframework.boot</groupId>
	<artifactId>jeecg-boot-module-system</artifactId>
	<version>2.0.0</version>
	<packaging>war</packaging>

2、pom.xml文件删除插件spring-boot-maven-plugin
下面配置删除

<build>
   <plugins>
	<plugin>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-maven-plugin</artifactId>
	</plugin>
   </plugins>
</build>

3、增加项目web容器部署的支持：
修改类/src/main/java/org/jeecg/JeecgApplication.java
代码如下：

package org.jeecg;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;

import springfox.documentation.swagger2.annotations.EnableSwagger2;

@SpringBootApplication
@EnableSwagger2
public class JeecgApplication extends SpringBootServletInitializer {
	
	@Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(JeecgApplication.class);
    }


    public static void main(String[] args) {
    	System.setProperty("spring.devtools.restart.enabled", "true");
    	SpringApplication.run(JeecgApplication.class, args);
    }
}

4、修改配置文件（数据库和redis配置）

  • 1、修改数据库连接 application-prod.yml
  • 2、修改缓存redis配置 application-prod.yml
  • 3、修改上传附件配置 application-prod.yml
    输入图片说明
  • 4、切换配置为线上配置 application.yml
    输入图片说明

然后 maven package 打war包

二、后台项目jeecg-boot部署tomcat

1、设置tomcat端口号 8080，设置tomcat编码 URIEncoding="UTF-8"
2、部署项目到tomcat安装目录webapps/jeecg-boot工程目录下
部署完后通过http://localhost:8080/jeecg-boot 可以访问项目，提示token错误说明部署成功！！

三、前台项目build

1、修改 public/index.html

 //图片预览请求地址
 window._CONFIG['domianURL'] = 'http://localhost:8080/jeecg-boot';
 window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';

2、后台接口服务项目名默认是jeecg-boot，如果需要个性化可以修改src/utils/request.js 中baseURL参数
（一般情况下默认不需要修改）
具体代码如下：

// 创建 axios 实例
const service = axios.create({
  baseURL: '/jeecg-boot/', // api base_url
  timeout: 6000 // 请求超时时间
})

3、build项目
使用build命令打包项目
输入图片说明
build完成后台会生成一个dist的目录该目录下即为build后的文件。

4、nginx部署前端项目
拷贝dist下的代码到nginx安装目录下html目录中，即可

四、nginx配置（conf/nginx.conf）

nginx监听80端口

server {
		listen       80;
		server_name  你的域名;

		#后台服务配置，配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问		
		location ^~ /jeecg-boot {
			proxy_pass              http://127.0.0.1:8080/jeecg-boot/;
			proxy_set_header        Host 127.0.0.1;
			proxy_set_header        X-Real-IP $remote_addr;
			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
		}
		#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题
		location / {
			root   html;
			index  index.html index.htm;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
		}
	}

配置后启动tomcat，启动nginx
通过http://你的域名/ 访问项目，出现如下页面，使用账户/密码：admin/123456 登录成功即可

 

极简部署方案

基于 spring boot 特性

1、首先修改配置，去掉项目名 jeecg-boot

ant-design-jeecg-vue/src/utils/request.js
ant-design-jeecg-vue/public/index.html

输入图片说明
输入图片说明

2、修改路由History 模式为“hash”

src/router/index.js

输入图片说明

然后 ant-design-jeecg-vue 运行 build

npm run build

3、然后将编译之后dist下的文件复制到 jeecg-boot-module-system 项目的 /src/main/resources/static 目录下。
4、修改springboot项目启动，根路径访问页面为 index.html
jeecg-boot-module-system\src\main\java\org\jeecg\config\WebMvcConfiguration

/**
	 * 访问根路径默认跳转 index.html页面 （简化部署方案： 可以把前端打包直接放到项目的 webapp，上面的配置）
	 */
	@Override
	public void addViewControllers(ViewControllerRegistry registry) {
		registry.addViewController("/").setViewName("index.html");
	}

5、修改springboot项目的启动名字，去掉项目名 jeecg-boot

jeecg-boot-module-system/src/main/resources/application-dev.yml

输入图片说明

6、重新启动项目，访问 http://localhost:8080/ 就可以看到效果

 

代码生成器配置文件

1、代码生成器数据库配置文件

   jeecg-boot-module-system/src/main/resources/jeecg/jeecg_database.properties

输入图片说明

配置注意：

2、代码生成器基础配置 (项目路径、根业务包路径、模板路径)

    jeecg-boot-module-system/src/main/resources/jeecg/jeecg_config.properties

3、Jeecg-boot采用前后端分离架构，vue页面需要手工复制到前端代码里面

*  1. 页面生成路径： src/main/java/{业务包根路径}/{子业务包}/vue/
*  2. 使用方法，手工复制到webstorm项目下面
*  3. 配置访问菜单

4、自定义代码生成器模板

类型模板路径
GUI代码生成jeecg-boot-module-system\src\main\resources\jeecg\code-template
Online代码生成jeecg-boot-module-system\src\main\resources\jeecg\code-template-online

 

如何使用代码生成器？

功能介绍：

jeecg-boot代码生成器非常强大，支持单表、一对多模型生成，生成的代码包括前台和后台，生成后直接使用，无需修改。
功能说明： 一键生成的代码（包括：controller、service、dao、mapper、entity、vue）
模板位置： src/main/resources/jeecg/code-template

  • 单表GUI代码生成工具

找到jeecg-boot-module-system/src/main/java/org/jeecg/JeecgOneGUI.java，右键执行
输入图片说明

  • 一对多代码生成工具

jeecg-boot-module-system/src/main/java/org/jeecg/JeecgOneToMainUtil.java
直接在此代码里面配置参数，右键执行就会生成对应代码

 

代码生成器模板

功能介绍：

目前代码生成器提供了四套模板，单表两套、一对多两套。
代码生成器工具和模板在项目 jeecg-boot-module-system 中。
如何切换模板，修改配置文件src/main/resources/jeecg/jeecg_config.properties 里的参数templatepath，即可切换模板。

模板路径描述
单表业务分层模板src/main/resources/jeecg/code-template/onecontrol上层分子业务包
单表代码分层模板src/main/resources/jeecg/code-template/one2control下层分子业务包
一对多默认风格模板src/main/resources/jeecg/code-template/onetomany一个表单维护
一对多ERP风格模板src/main/resources/jeecg/code-template/onetomany2子表数据分开维护

** 效果图：**

1.单表业务分层模板
输入图片说明

2.单表代码分层模板
输入图片说明

3.一对多默认风格模板
输入图片说明

4.一对多ERP风格模板
输入图片说明

5.单表代码生成器，表单风格提供两种选择

a. 默认弹窗模式表单
b. 抽屉风格表单

输入图片说明
如果需要抽屉风格，把__Style#Drawer后缀删掉，覆盖原生产的页面即可。

 

常用问题汇总

1、Druid监控
访问：http://localhost:8080/jeecg-boot/druid/，
登录名：admin，密码123456

2、在线接口文档swagger
http://localhost:8080/jeecg-boot/swagger-ui.html
http://localhost:8080/jeecg-boot/doc.html
登录名：jeecg，密码jeecg1314

3、项目根路径如何修改
目前项目后台访问默认路径是： http://localhost:8080/jeecg-boot
默认端口： 8080
默认项目名： jeecg-boot
如果需要自定义可以修改配置文件： src/main/resources/application.yml

server:
    port: 8080
    servlet:
       context-path: /jeecg-boot

4、获取登录用户信息

LoginUser sysUser = (LoginUser)SecurityUtils.getSubject().getPrincipal();

5、手工编码校验token有效性

  //校验Token有效性
  String token = request.getParameter("token");
  SysUser sysUser = shiroRealm.checkUserTokenIsEffect(token);

6、想要设定查询模式为模糊查询，怎么作全局修改？

修改后端/jeecg-boot-base-common/src/main/java/org/jeecg/common/system/query/QueryGenerator.java,找到installMplus方法下述代码修改即可

	//根据参数值带什么关键字符串判断走什么类型的查询
	QueryRuleEnum rule = convert2Rule(value);
	value = replaceValue(rule,value);
	
// add -begin 添加判断若为字符串类型则设置为模糊查询
	if("class java.lang.String".equals(type)) {
		// 可以设置左右模糊或全模糊，因人而异
		rule = QueryRuleEnum.LIKE;
	}
// add -end 添加判断若为字符串类型则设置为模糊查询

	addEasyQuery(queryWrapper, name, rule, value);

7、更多常见问题，实时更新

更多常见问题，实时更新，点击我

 

建表规范

  • 主键必须是ID,字符串类型，32位长度，唯一索引;
  • 建表标准字段，必须有：创建人、创建时间、修改人、修改时间等标准字段;
ALTER TABLE `表名`
ADD COLUMN `create_by`  varchar(32) NULL COMMENT '创建人',
ADD COLUMN `create_time`  datetime NULL COMMENT '创建时间' AFTER `create_by`,
ADD COLUMN `update_by`  varchar(32) NULL COMMENT '修改人' AFTER `create_time`,
ADD COLUMN `update_time`  datetime NULL COMMENT '修改时间' AFTER `update_by`,
ADD COLUMN `del_flag`  tinyint(1) NULL COMMENT '删除标识0-正常,1-已删除' AFTER `update_time`;
  • 表字段注释，每个字段必须设置注释说明;
  • 表字段注释，状态类型的字段必须说明取值规则（比如性别sex取值规则）
    比如：'性别 0/男,1/女'
  • 索引，查询频率高的字段加索引（单字段索引 、组合索引）;
  • 类型字段，尽量用字符串varchar类型1-2长度，少用int类型，避免不必要的问题。

 

全局配置文件

前台全局配置文件 配置内容：后台域名、图片服务器域名配置 文件位置：public/index.html 好处： 前端build完也可以直接修改index.html配置内容

<!-- 全局配置 -->
  <script>
    window._CONFIG = {};
    window._CONFIG['domianURL'] = 'http://localhost:8080/jeecg-boot';
    window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';
    window._CONFIG['pdfDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/pdf/pdfPreviewIframe';
    window._CONFIG['casPrefixUrl'] = 'http://cas.example.org:8443/cas';
  </script>

用法：

参数写法描述
后台服务域名window._CONFIG['domianURL']-
图片服务器域名window._CONFIG['imgDomainURL']-
pdf文件预览地址window._CONFIG['pdfDomainURL']-
CAS服务器地址window._CONFIG['casPrefixUrl']

 

源码解读

  1. 登录页面代码位置

    src\components\layouts\UserLayout.vue
src/views/user/Login.vue

  2. 首页logo修改

    src/components/tools/Logo.vue

  3. 图片预览路径

    public/index.html
<!-- 全局配置 -->
<script>
 window._CONFIG = {};
 window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';
</script>
图文访问路径： http://127.0.0.1:8080/jeecg-boot/sys/common/view/user/h.jpg

    4.首页报表

    src/views/dashboard/*
src/views/dashboard/Analysis.vue

  4. 登录退出逻辑

    1.登录页面： src/views/user/Login.vue
2.相关API定义位置： src/api/index.js（很多无用的删掉）
                 src/api/index.js
                 src/api/login.js
                 src/api/manage.js
3.左侧菜单加载页面：src/components/menu
            src/utils/util.js
            src/permission.js
4.隐藏路由配置
 用途： 如果那个组件不想在菜单上配置，但有需要路由跳转，则需要在这个地方配置路由。
 src/config/router.config.js
 对象： constantRouterMap
5. 接口:   /sys/login        登录接口
         /sys/permission/queryByUser  获取用户信息接口（首页菜单）

6.首页风格设置 src/defaultSettings.js

 

常用命令

yarn install | 下载依赖(推荐)

cnpm install | 下载依赖

npm install | 下载依赖(不建议用，容易出各种诡异问题&慢)

rimraf node_modules | 删除依赖(需要npm install rimraf -g)

 

Form 表单开发特殊性

v-decorator 属性 针对特殊控件： select、radio、checkbox

<a-radio-group buttonStyle="solid" v-decorator="[ 'status', {'initialValue':0}]">
    <a-radio-button :value="0">正常</a-radio-button>
    <a-radio-button :value="-1">停止</a-radio-button>
</a-radio-group>

注意： 此处的默认值只能通过{'initialValue':0} 这样的设置，不能通过属性。

表单编辑赋值操作：

this.$nextTick(() => {
    this.form.setFieldsValue(pick(this.model,'description','status'));
});

 

 

星河_赵梓宇
关注
GitHub热门开源项目
生活在别处
02-27 803
文章目录GitHub高级搜索GitHub秘籍GitHub开源项目排行榜热门开源项目学习类、资料类
这款star数21.5k的开源项目(jeecg-boot)是怎么写出196个漏洞的？
xierqijianke的专栏
04-01 1515
一个开源的低代码平台项目咋写出来196个漏洞哦
GitHub开源项目
rxh_rxh的专栏
06-27 2539
如何选择开源项目： http://mp.weixin.qq.com/s?__biz=MzA4NTQwNDcyMA==&amp;mid=2650661616&amp;idx=1&amp;sn=17ac64a4f25736ab673b4ecc847d20e9&amp;scene=21#wechat_redirect   http://mp.weixin.qq.com/s?__biz=MzA4NTQ...
盘点几个低代码开发平台
qq_38156015的博客
10-10 219
5.blog-vue-springboot：一个基于Spring Boot和Vue.js的个人博客系统，提供博客文章管理、评论管理等功能。2.pig：一个基于Spring Boot和Vue.js的企业级快速开发平台，提供代码生成器、表单设计器、数据可视化等功能。3.vhr：一个基于Spring Boot和Vue.js的人力资源管理系统，提供员工信息管理、薪资管理、考勤管理等功能。4.mall：一个基于Spring Boot和Vue.js的电商平台，提供商品展示、购物车、订单管理等功能。
开源项目github
ShareUs的专栏
03-09 615
Android开发之仿微博贴纸效果实现- https://mp.weixin.qq.com/s/loIoTV7nZ9su3n02bfL5aA Android开发之仿微博贴纸效果实现- https://github.com/Lichenwei-Dev/StickerView android 动画特效库， 可以实现各种炫酷动画- https://github.com/gplibs/android-ma...
github搜索开源项目
xh_bazhimao的博客
10-03 111
常用搜索条件： 1.搜索名字 in:name *** 2.搜索描述 in:description *** 3.搜索readme in:readme *** 4.按stars stars:>2000 5.按forks forks:>3000 6.按仓库大小 size:>=5000(5000k) 7.按更新时间按 pushed:>2020-02-01 8.按语言 language:*** 9.按作者名字 user:*** 10.可以组合使用 example： 1.找一个基于sprin
GIthub上的几个开源项目
Fly_鹏程万里
08-31 569
开源几个之前的Github上的项目，对安全研究人员以及渗透测试人员来说应该有所帮助，欢迎Star与提宝贵建议~ Heptagram 项目地址：https://github.com/Al1ex/Heptagram 项目介绍：该项目主要用于收集Github上发布的各类漏洞利用POC&EXP，并对其进行分类处理，后续会持续更新~ Pentest-Tools 项目地址：https://github.com/Al1ex/Pentest-tools 项目介绍：该项目主要用于收集内网渗透中常用的工
JEECG-BOOT环境搭建：2.1.1版
热门推荐
知行合一 止于至善
11-05 1万+
JEECG是一个国内开源的快速开发的J2EE框架，JEECG-BOOT是基于Spring Boot的版本，这篇文章介绍一下搭建的方式（JEECG-BOOT 2.1.1）。
Github 2024-08-12 开源项目日报 Top10
老孙正经胡说
08-12 821
根据Github Trendings的统计，今日(2024-08-12统计)共有10个项目上榜。
Github 2024-10-11 Java开源项目日报 Top9
最新发布
老孙正经胡说
10-11 646
创建周期：1199 天开发语言：Java协议类型：MIT LicenseStar数量：4384 个Fork数量：205 次关注人数：4384 人贡献人数：97 人Open Issues数量：634 个Github地址：https://github.com/microsoft/typespec.git项目首页: https://typespec.io/
Jeecg-Boot 快速开发平台2.2.0（前后端分离版本）20200506发布版本(一)
u013131716的博客
05-06 5798
项目介绍： Java RAD framework for enterprise web applications JeecgBoot 是一款基于代码生成器的J2EE快速开发平台！采用前后端分离架构：SpringBoot2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码! JeecgBoot引领新的开发模式...
github 开源中国项目
04-29
NULL 博文链接：https://yanguz123.iteye.com/blog/2384466
JEECG 社区开源项目下载
08-31
JEECG 社区开源项目下载
jeecg-boot.zip
07-15
在github下载jeecgboot项目后，自己对此进行修改，可通过博客文章加以理解，也可以直接去github下载jeecgboot源码，源码包括前端和后端以及数据库，可直接运行
快速又不失灵活性的JeecgBoot框架
通达的博客
06-18 2655
JeecgBoot 是一款企业级的低代码平台！前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成！JeecgBoot 引领低代码开发模式 (OnlineCoding-> 代码生成 -> 手工 MERGE)， 帮助解决 Java 项目 70% 的重复工作，让开发更多关注业务。既能快速提高效率，节省成本，同时又不失灵活性！
GitHub开源项目推荐
xiangzhihong8的专栏
07-26 3155
GitHub 上有很多有趣、入门级的开源项目。涵盖多种编程语言 Python、Java、Go、C/C++、Swift…，如果你对编程感兴趣，那么可以让你在短时间内感受到开源的魅力。
一些优秀的github开源项目
我叫MT
08-22 2734
前言 本文旨在搜集github上优秀的开源项目 本文搜集的项目都是用于iOS开发 本文会持续更新… 完整客户端 ioctocat github的iOS客户端，目前开源代码是V1版本，V2版本在appstore上可以下载 ChatSecure-iOS 使用XMPP协议的IM开源软件，很强大，在appstore上可以下载
3 个令人惊艳的 GitHub 开源项目，诞生了！
静觅
06-26 453
这是「进击的Coder」的第 845篇技术分享作者：小 G来源：GitHubDaily“ 阅读本文大概需要 5 分钟。 ”端午放假期间，又有不少实用的开源项目在 GitHub 诞生，今天跟大家盘点一下，过去这段时间，我发现的几个优质开源项目。话不多说，下面直接进入正题。开箱即用的地理信息系统「地理信息系统（Geographic Information System，简称 GIS）」是一种用于采集...
Jeecg-Boot技术文档V2.0：快速开发平台详解
JeecgBoot的主要特点： 1. **强大的代码生成器**：一键生成前端和后端代码，减少手动编写的工作量。 2. **在线开发模式**：包括在线配置表单、报表、图表设计等，无需编码即可实现部分功能。 3. **No代码概念**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值