Official account: Java Xiaokaxiu, website: Javaxks.com

Author: zhangdaiscott, link: github.com/zhangdaisco…

Project Introduction:

JeecgBoot is a low code development platform based on code generators! X, SpringCloud, Ant Design&Vue, Mybatis-plus, Shiro, JWT, support microservices. Powerful code generator makes the front and back end code one key generation, low code development! JeecgBoot leads a new low-code development pattern (OnlineCoding-> Code generators -> Manual MERGE) that helps eliminate 70% of the duplication in Java projects and allows development to focus more on the business. It can quickly improve efficiency and save r&d costs, while losing flexibility!

JeecgBoot provides a series of low code modules to achieve Online development of real zero code: Online form development, Online reports, report configuration ability, Online chart design, large screen design, mobile configuration ability, form designer, Online design process, process automation configuration, plug-in ability (pluggable) and so on!

JEECG’s mission is: simple functions are implemented by OnlineCoding configuration, zero code development; Complex functions are generated by code generators and manual Merge is used to realize low code development, which ensures both intelligence and flexibility. Realize low code development and support flexible coding at the same time, solve the current low code products generally not flexible drawbacks!

JEECG business process: the workflow is used to realize and extend the task interface for the development and writing of business logic. Forms provide a variety of solutions: form designer, online configuration form, coding form. At the same time, the separation of process and form design (loose coupling) is realized, and the flexible configuration of task nodes is supported, which not only ensures the confidentiality of the company’s process, but also reduces the workload of developers.

For the project

Jeecg-boot low code development platform, can be applied to any J2EE project development, especially suitable for SAAS projects, enterprise information management system (MIS), internal office system (OA), enterprise resource planning system (ERP), customer relationship management system (CRM), etc., its semi-intelligent manual Merge development mode, It can significantly improve the development efficiency by more than 70% and greatly reduce the development cost.

Technical architecture:

The development environment

  • Language: Java 8
  • IDE(JAVA) : IDEA/Eclipse install Lombok plug-in
  • IDE(front-end) : WebStorm or IDEA
  • Dependency management: Maven
  • Database: MySQL5.7+ & Oracle 11g & Sqlserver2017
  • Cache: Redis

The back-end

  • Base framework: Spring Boot 2.3.5.release
  • Microservice framework: Spring Cloud Alibaba 2.2.3.RELEASE
  • Persistence layer framework: Mybatis- Plus 3.4.1
  • Security framework: Apache Shiro 1.7.0, Jwt 3.11.0
  • Microservices technology stack: Spring Cloud Alibaba, Nacos, Gateway, Sentinel, Skywarking
  • Druid 1.1.22
  • Cache framework: Redis
  • Log printing: logback
  • Others: Fastjson, POI, Swagger-UI, Quartz, Lombok (Simplified code), etc.

The front end

  • Vue 2.6.10
  • Axios
  • ant-design-vue
  • webpack,
  • Vue-cropper – Head clipping component
  • @ ANTV/G2-Alipay ANTV data visualization chart
  • Viser-vue-antv/G2 package implementation
  • Eslint, @ vue/cli 3.2.1
  • Vue – print – nb – print

Function module

├─ System Management │ ├─ User Management │ ├─ Role Management │ ├─ Menu Management │ ├─ Privileges (Support Button Privileges, Data Privileges) │ ├─ Forms Privileges (Control Field Disabled, Hiding) │ ├─ Department Management │ ├─ My Department (Level 2) │ ├─ Dictionary Management │ ├─ Classification dictionary │ ├─ System Management │ ├─ System Management │ ├─ User Management │ ├─ Role Management │ ├─ Menu Management │ ├─ Forms Privileges (Support Button Privileges, Data Privileges) │ ├─ Department Management │ ├─ My Department (Level 2) │ ├─ Dictionary Management │ ├─ Class Dictionary │ ├─ system news │ ├─ All exercises ├─ All Exercises, all Exercises, all exercises, all exercises, all Exercises, all Exercises Definitely back end development Gospel) │ ├─ Code Generator templates (provided4│ ├─ Code Builder Template │ ├─ Query Filter (No coding required) │ ├─ Advanced ├─Excel Import and Export tool Integration (support single table, │ ├─ Platform Mobile Adaptive Support ├─ System Monitor │ ├─Gateway Route Gateway │ ├─ Performance Scan Monitor │ ├─ Monitor Redis │ ├─Tomcat │ ├─ JVM │ ├─ Server Information │ │ ├─ Request Trace │ │ ├─ Disk Monitor │ ├─ Time Task │ ├─ System Log │ ├─ Message Center (Support for SMS, Mail, etc.) │ ├─ Data Log View the data changes) │ ├ ─ system notification │ ├ ─ SQL monitor │ ├ ─ swagger - UI (online interface documentation) │ ─ statements example │ ├ ─ graph │ └ ─ pie chart │ └ ─ histogram │ └ ─ line chart │ └ ─ area chart │ └ ─ entirely │ └ ─ │ instrument diagram ├─ ├─ exercises, ├─ exercises, exercises, exercises, exercises, exercises, exercises, exercises, exercises, exercises, exercises, exercises, exercises, Exercises ├─ ├─ uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press, uninhibit-press ├─ double JEditable │ ├─ double JEditable │ ├─ double JEditable │ ├─ double JEditable │ ├─ double JEditable ├ ─ show │ ├ ─ time │ ├ ─ advanced query │ ├ ─ dictionary │ ├ ─ select department │ ├ ─ select department │ ├ ─ select department │ ├ ─ select department │ ├ ─ Pack curve, bar chart, pie chart, line chart, etc. │ ├─ online code editor │ ├─ all kinds of advanced forms │ ├─ all kinds of list effects │ ├─ all kinds of results │ ├─ all kinds of results │ ├─ all kinds of results │ ├─ all kinds of results ├─ Personal Page ├─ Advanced Features │ ├─ System Code Rules │ ├─ Offer Single sign-on CAS Integration │ ├─ Offer APP Release ├─ Integrated Websocket Message Notification Mechanism ├─Online Online Development (Low code) │ ├─Online Online Forms - Features open │ ├ ─ Online code generator - function has open │ ├ ─ Online Online statements - function has been open │ ├ ─ Online Online chart (not open source) │ ├ ─ Online chart template configuration (not open source) │ ├ ─ Online (not open source) │ layout design ├─ Multi-source Management - Features open ├─ Building Report Design (low code) │ ├─ Print Design │ ├─ Data Report Design │ ├─ Graphic Report Design (support echart) │ ├─ Heavy Screen Design (open source) │ ├─ Process module function │ ├─ Process Design (open source) │ ├─ unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached, unteached... ├ ─ other modules ├ ─ more functions in development.Copy the code

Micro service overall solution

Microservices architecture diagram

Jeecg Boot product feature blueprint

Project download and run

  • Pull the project code
git clone https://github.com/zhangdaiscott/jeecg-boot.git
cd  jeecg-boot/ant-design-jeecg-vue
Copy the code

1. Installation node. Js

2. Switch to the ant-Design-JeECG-vue folder

# install yarn NPM install -g yarn # Download dependency yarn install # Start yarn run serve # build project yarn Run build # Lints and fixes Files YARN run lintCopy the code

Effect of system

Screen template

PC

Online Interface documentation

The report

process

Mobile terminal

The PAD end

Other instructions

  • Project using VUE-CLI3, please update your CLI
  • Disable Eslint (not recommended) Remove the entire eslintConfig node code from package.json
  • To change the Ant Design color scheme, refer to the official Ant Design instructions for overwriting other less variables in the file vue.config.js
CSS: {loaderOptions: {less: {modifyVars: {/* LESS variable override for custom Ant Design theme */ 'primary-color': '#F5222D', 'link-color': '#F5222D', 'border-radius-base': '4px', }, javascriptEnabled: true, } } }Copy the code