Jeecg-Boot 技术文档_2.0

本文由用户“终究会淡6868”分享发布更新时间：2021-04-28 11:30:01 举报文档

以下为《Jeecg-Boot 技术文档_2.0》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

Jeecg-Boot 技术文档 V2.0

项目介绍

2.4+ 新版本文档请移步到： http://doc.001pp.com

(重要的事情说三遍，注意注意注意啦！！！)

* ---

图片地址：https://static.oschina.net/uploads/img/201905/***_XDhg.png

/Jeecg-Boot 是一款基于SpringBoot+代码生成器的快速开发平台！采用前后端分离架构：SpringBoot，Mybatis，Shiro，JWT，Vue&Ant Design。强大的代码生成器让前端和后台代码一键生成，不需要写任何代码，保持jeecg一贯的强大，绝对是全栈开发福音！！

JeecgBoot在提高UI能力的同时，降低了前后分离的开发成本，JeecgBoot还独创在线开发模式（No代码概念），一系列在线智能开发：在线配置表单、在线配置报表、在线图表设计、在线设计流程等等。

JEECG宗旨是: 简单功能由Online Coding配置实现（在线配置表单、在线配置报表、在线图表设计、在线设计流程、在线设计表单），复杂功能由代码生成器生成进行手工Merge，既保证了智能又兼顾了灵活;

业务流程采用工作流来实现、扩展出任务接口，供开发编写业务逻辑，表单提供多种解决方案：表单设计器、online配置表单、编码表单。同时实现了流程与表单的分离设计（松耦合）、并支持任务节点灵活配置，既保***流程的保密性，又减少了开发人员的工作量。

? 官方网站： http://doc.001pp.com

? 源码下载： https://github.com/zhangdaiscott/jeecg-boot

? QQ交流群：②***5、①***7、③***4

? 在线演示： http://boot.jeecg.com

? 版本日志： http://doc.001pp.com/doc/log

- 新手帮助： [快速入门](http://doc.001pp.com/doc/quickstart)

[常见问题 ](http://doc.001pp.com/doc/qa)

[视频教程](https://doc.001pp.com/video/BV1Y541147m1)

[寻求帮助](https://github.com/zhangdaiscott/jeecg-boot/issues)

技术架构：

后端技术： 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://doc.001pp.com/docs/vue/introduce

报表UI组件：viser-vue

https://viserjs.gitee.io/demo.html#/viser/bar/basic-bar

VUE基础知识：

https://cn.vuejs.org/v2/guide

系统截图

大屏模板

图片地址：https://static.oschina.net/uploads/img/201912/***_Ag1C.jpg

图片地址：https://static.oschina.net/uploads/img/201912/***_k9Kc.jpg

PC端

图片地址：https://static.oschina.net/uploads/img/201904/***_AmlV.png

图片地址：https://oscimg.oschina.net/oscnet/ba***7596ba56f495d4b22ee3280ca.jpg

图片地址：https://static.oschina.net/uploads/img/201904/***_cHwb.png

图片地址：https://static.oschina.net/uploads/img/201904/***_KmXS.png

图片地址：https://static.oschina.net/uploads/img/201904/***_Nibs.png

图片地址：https://static.oschina.net/uploads/img/201904/***_bxQ4.png

在线接口文档

图片地址：https://static.oschina.net/uploads/img/201908/***_M2Xq.png

图片地址：https://static.oschina.net/uploads/img/201904/***_hN3X.png

报表

图片地址：https://static.oschina.net/uploads/img/201904/***_pkFr.png

图片地址：https://static.oschina.net/uploads/img/201904/***_Lo23.png

图片地址：https://static.oschina.net/uploads/img/201904/***_QK7B.png

图片地址：https://static.oschina.net/uploads/img/201904/***_GBm5.png

图片地址：https://static.oschina.net/uploads/img/201904/***_6RAM.png

流程

图片地址：https://static.oschina.net/uploads/img/201904/***_8fwk.png

图片地址：https://static.oschina.net/uploads/img/201904/***_9Ftz.png

图片地址：https://static.oschina.net/uploads/img/201904/***_u59G.png

图片地址：https://static.oschina.net/uploads/img/201907/***_yyQ7.png

手机端

图片地址：https://oscimg.oschina.net/oscnet/da543c5d0d57baab0cecaa4670c8b68c521.jpg

图片地址：https://oscimg.oschina.net/oscnet/fda4bd82cab9d682de1c1fbf2060bf14fa6.jpg

PAD端

图片地址：https://oscimg.oschina.net/oscnet/e90fef970a8c33790ab03ffd6c4c7cec225.jpg

图片地址：https://oscimg.oschina.net/oscnet/d***a9e856a0aa82b45efc49849a0c.jpg

图片地址：https://oscimg.oschina.net/oscnet/***d9a12647ef6f82cf9cfb80a5ac02.jpg

图片地址：https://oscimg.oschina.net/oscnet/59c23b230f52384e588ee16309b44fa20de.jpg

Online初体验

一分钟快速学习 (https://segmentfault.com/a/1***8442)

欢迎吐槽，欢迎star~

![GitHub stars(https://img.shields.io/github/stars/zhangdaiscott/jeecg-boot.svg?style=social&label=Stars)](https://github.com/zhangdaiscott/jeecg-boot)

![GitHub forks(https://img.shields.io/github/forks/zhangdaiscott/jeecg-boot.svg?style=social&label=Fork)](https://github.com/zhangdaiscott/jeecg-boot)

新手入门教程

2.4+ 新版本文档请移步到： http://doc.001pp.com

(重要的事情说三遍，注意注意注意啦！！！)

* ---

Jeecg-Boot入门教程必看（新手学习）

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

1. 开发环境搭建 http://doc.001pp.com/***

2. 项目如何启动 http://doc.001pp.com/***

3. JeecgBoot学习视频 http://doc.001pp.com/doc/video

4. 代码生成器使用 http://doc.001pp.com/***

5. 常见问题贴：http://jeecg.com/doc/qa

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.001pp.com

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

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

《基础知识学习视频》

两套Springboot视频(建议第一套) 链接：https://pan.baidu.com/s/1Yv1ttP1_b6ORrTGLPQ1n1g 提取码：gcjo 链接：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/1wL09TPdDlFtKrLTeKSv_Yw 提取码：lw5z 链接：https://pan.baidu.com/s/1-Kdlthotm27dJUijwm4sSQ 提取码：03sv

开发环境准备

技术点

需要掌握的基础知识

序号

知识点

资料

Npm 命令

http://doc.001pp.com/nodejs/nodejs-npm.html

Node.js 入门

http://doc.001pp.com/nodejs/nodejs-tutorial.html

Vue

https://cn.vuejs.org/

ES6

https://blog.csdn.net/itzhongzi/article/details/***

Vue全家桶

Webpack 、axios、Vue router、Vuex、Vue Loader、Vue cli

Springboot

Mybatis-plus

https://mp.baomidou.com

Shiro

Yarn

建议，比npm更快

开发工具安装

目录索引：

? 后端开发工具

? 前端开发工具

? Nodejs镜像

? WebStorm入门配置

JeecgBoot采用前后端分离的架构，官方推荐开发工具前端开发： Webstrom 或者 IDEA 后端开发： Eclipse安装lombok插件或者 IDEA

/链接：https://pan.baidu.com/s/16z9qNtyk24bsrZxRFBHP2w 提取码：pagv

? node-v12.13.1-x64.msi

? yarn-1.21.1.msi

? ideaIU-2019.2.3.exe

? jdk-8u191-windows-x64.exe

? apache-maven-3.5.4.zip

? redis64-3.0.501

? mysql-5.7.26-winx64.zip

前端开发工具

序号

工具

描述

参考

Nodejs/Npm安装

JavaScript运行环境，此处使用到它的包管理器npm

https://my.oschina.net/jeecg/blog/***

Yarn安装

下载包某某

https://my.oschina.net/jeecg/blog/***

WebStorm安装与使用

WEB前端开发工具

https://blog.csdn.net/u***1/article/details/***

后端开发工具

序号

工具

参考

eclipse安装lombok插件

https://blog.csdn.net/qq_***/article/details/***

Eclipse自定义皮肤主题

https://blog.csdn.net/StillOnMyWay/article/details/***

Eclipse常用快捷键

https://blog.csdn.net/zhangdaiscott/article/details/***

配置Nodejs镜像

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globalyarn config set registry https://registry.npm.taobao.org --globalyarn config set disturl https://npm.taobao.org/dist --global

WebStorm-2018.1.3 开发工具入门配置

序号

标题

链接

WebStorm安装与使用

https://blog.csdn.net/u***1/article/details/***

webstorm 2018 激活破解

https://blog.csdn.net/dujing_***/article/details/***

修改webstorm主题

https://blog.csdn.net/master_yao/article/details/***

Webstorm切换快捷键风格（Webstorm快捷键与eclipse对比介绍）

https://blog.csdn.net/gsying1474/article/details/***

WebStorm SVN用法

https://blog.csdn.net/hysh_keystone/article/details/***

‘svn’不是内部或外部命令问题解决

https://blog.csdn.net/mitea90/article/details/***

设置webstorm的vue新建文件模板(后面篇章)

https://blog.csdn.net/diligentkong/article/details/***

WebStorm卡顿拉取svn慢解决

https://blog.csdn.net/WYA1993/article/details/***

前端Webstorm开发界面：

图片地址：https://static.oschina.net/uploads/img/201901/***_8U71.png

后端Eclipse开发界面：

图片地址：https://static.oschina.net/uploads/img/201901/***_Oeie.png

开发环境搭建

目录索引：

? 前端开发环境搭建

1. 安装开发工具

2. 导入项目

? 后端开发环境搭建

1. 安装开发工具

2. 导入项目

第一部分：前端开发环境搭建

一、安装开发工具

安装nodejs、webstrom、yarn,安装方法参照【开发环境准备】-【开发工具】(http://jeecg-boot.mydoc.io/?t=345669)

二、导入项目

1、使用webstrom导入项目

（1）前端工程ant-desig 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 um/201909/02/183437hygcc4biymccxdao.png

还需要组件内部配合修改下，修改成下图这样

图片地址：http://doc.001pp.com/data/attachment/forum/201909/02/183440sfnuf2owfn3n1uvf.png

在 src/components/WidgetFormItem.vue 和 src/components/GenerateFormItem.vue 组件里也要修改一下传值

图片地址：http://doc.001pp.com/data/attachment/forum/201909/02/183441f7l2lq64heeva077.png

图片地址：http://doc.001pp.com/data/attachment/forum/201909/02/183444azy4b7y7gsye5yyy.png

点击预览就可以看到效果了

图片地址：http://doc.001pp.com/data/attachment/forum/201909/02/183443siobhvmh6mh6zyik.png

[文章尾部最后500字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《Jeecg-Boot 技术文档_2.0》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

Jeecg-Boot 技术文档_2.0

图片预览

热门关注

相关下载