dokit

dokit

Just do kit!

Project introduction

Based on Spring Boot 2.1.9, JPA, Spring Security, Redis, Vue's back -end separation background management system, authority control is RBAC, the project supports data dictionary and data permissions, supports one -click front and rear code (supports online (supports online Preview and packaging) support the front -end menu dynamic routing to deploy server applications and databases. In the system, active user status monitoring, monitor the current system CPU, memory, disk, stack and other related information, based on Element UI online form designs and generate Vue code.

• The front and back -end unity abnormal interception treatment, unified output abnormalities, avoid tedious judgment
• High -efficiency development, you can use the code generator to generate an front and back -end code with one click
• Support data dictionary, which can easily manage some states
• Support interface restrictions, avoid malicious requests leading to excessive pressure on the service layer
• Support the function permissions and data permissions of the interface level, which can customize operations
• Custom authority annotation and anonymous interface solution can quickly intercept and release a certain interface
• For some commonly used front -end components package: table data request, data dictionary, etc.
• Front -end form, back -end code, support configuration one -click generation

Project address

github	Coded cloud
https://github.com/perye/dokit	https://gitee.com/hongguodong/dokit

System function

• User Management: Provide user -related configuration. After adding users, the default password is 123456
• Character management: Allocate permissions and menu, you can set the data permissions of the character's data permissions according to the department
• Menu management: menu dynamic routing, back -end configuration, supporting multi -level menu
• Department Management: Configuration system organizational architecture, tree form display
• Job Management: Configure positions in each department
• Dictionary management: It can maintain some fixed data, such as: status, gender, etc.
• Operation log: record the log of user operation
• Abnormal logs: Record an abnormal log, facilitate the positioning of the developers, the highlights of the anomaly front desk are highlighted
• System cache: Use JEDIS to visualize the cache operation and provide basic operations on Redis, which can be expanded by itself according to needs
• SQL monitoring: use Druid monitoring database access performance, default user name Admin, password 123456
• Timing task: Integrate Quartz for timing tasks, join the task log, the task operation is clear at a glance
• Code generating: High flexibility generates an front and back -end code with one click, reduces about 80 % of the task of about 80 %, and can preview the generating results
• Email tool: Mail in HTML format with rich text
• System interface: Automatically generate related API interface documents according to business code.
• Service monitoring: Monitor the current system CPU, memory, disk, stack and other related information.
• Graph bed management: use SM.MS graph bed for public pictures upload and use
• Qi Niu Cloud Storage: The data that can be synchronized with Qi Niu Cloud Storage to the system, no need to log in to Qiuyun to directly operate the cloud data
• Online users: In the current system, active user status monitoring. View real -time online users, you can manage online users, kick off line and other operations
• Server: Can be connected to the cloud server for management
• Database management: connect data to facilitate update database script
• Application management: Upload jar package to the server for management
• Deployment management: one -click deployment, according to the configuration server and application, directly configure online without a command line
• Form Construction: Based on Element UI Online Form Design and Generating Vue Code

Back -end technology

technology	illustrate
SpringBoot	Container+MVC framework
SpringSecurity	Certification and authorization framework
Spring-Data-JPA	ORM framework
Spring Cache	Spring cache
Swagger-ui	Document production tool
log4jdbc	Monitor SQL log
Redis	Distributed cache
Druid	Database connection pool
OSS	Object storage
Jwt	Jwt login support
Lombok	Simplified object packaging tools
quartz	Job scheduling framework
freemarker	Template engine
sigar	System information
websocket	TCP communication
SSH2	Server connection
jsch	Sftp file transmission
MapStruct	Attribute mapping tool
mysql	Related database

Front -end technology

technology	illustrate
Vue	Front -end framework
Vue-router	Routing frame
Vuex	Global Status Management Framework
Element	Front -end UI framework
Axios	Front end HTTP framework
eCharts	ECharts -based chart framework
Js-cookie	cookie management tool
nprogress	Progress bar control
vue-count-to to	Digital scrolling
Vue-Highlightjs	Code grammar highlight
QS	Object serialization
vue-cropper	Image cutting
vue-splitpane	Front -end page segmentation
PATH-TO-RegExp	URL regular expression
wangeditor	Rich text editor
mavon-Editor	Markdown editor
jszip	Decompress
jsencrypt	Parameter front -end encryption
fusejs	Lightweight vague search engine based on JavaScript
file-saver	Client save files
codemirror	Online editing code
clipboard	Click to copy
vue-traselect	Tree selector
vue-jsx	Jsx syntax
screenFulljs	full screen
XLSX	Generate report
SASS	CSS expansion language
svgo	SVG compression

Project structure

后端
.
├── main
│   ├── java
│   │   └── com
│   │       └── perye
│   │           └── dokit
│   │               ├── DokitApplication.java       应用启动类
│   │               ├── annotation                  系统自定义注解
│   │               ├── aop                     
│   │               ├── aspect                      自定义注解的切面
│   │               ├── base                        提供了Entity、DTO基类和mapstruct的通用mapper
│   │               ├── config                      自定义权限实现、redis配置、swagger配置
│   │               ├── controller
│   │               ├── dto
│   │               ├── entity
│   │               ├── exception                   统一异常的处理
│   │               ├── mapper
│   │               ├── redis
│   │               ├── repository
│   │               ├── security
│   │               ├── service
│   │               ├── swagger2
│   │               ├── task
│   │               ├── utils                       系统通用工具类
│   │               ├── vo
│   │               └── websocket
│   └── resources
│       ├── banner.txt
│       ├── config
│       │   ├── application-dev.yml
│       │   ├── application-prod.yml
│       │   └── application.yml
│       ├── generator.properties
│       ├── log4jdbc.log4j2.properties
│       ├── logback.xml
│       ├── sigar-lib               sigar所需文件
│       ├── sql
│       │   └── dokit.sql           sql文件
│       └── template
│           ├── email
│           │   └── email.ftl       发送邮件模版
│           └── generator           自动生成代码模版    
│               ├── admin       
│               │   ├── Controller.ftl
│               │   ├── Dto.ftl
│               │   ├── Entity.ftl
│               │   ├── Mapper.ftl
│               │   ├── QueryCriteria.ftl
│               │   ├── Repository.ftl
│               │   ├── Service.ftl
│               │   └── ServiceImpl.ftl
│               └── front
│                   ├── api.ftl
│                   └── index.ftl
└──

前端
.
├── LICENSE
├── README.md
├── babel.config.js
├── jest.config.js
├── package.json
├── plopfile.js
├── postcss.config.js
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── App.vue
│   ├── api
│   ├── assets
│   ├── components
│   │   ├── Breadcrumb
│   │   ├── Crud
│   │   ├── Dict
│   │   ├── Echarts
│   │   ├── Hamburger
│   │   ├── HeaderSearch
│   │   ├── IconSelect
│   │   ├── Iframe
│   │   ├── JavaEdit
│   │   ├── Pagination
│   │   ├── PanThumb
│   │   ├── Permission
│   │   ├── RightPanel
│   │   ├── Screenfull
│   │   ├── SizeSelect
│   │   ├── SvgIcon
│   │   ├── ThemePicker
│   │   └── YamlEdit
│   ├── layout
│   ├── main.js
│   ├── mixins
│   ├── router
│   ├── settings.js
│   ├── store
│   ├── utils
│   └── views
│       ├── components
│       ├── dashboard
│       ├── features
│       ├── generator
│       ├── home.vue
│       ├── login.vue
│       ├── mnt
│       ├── monitor
│       ├── system
│       └── tools
├── static
├── tree.txt
├── vue.config.js
└── yarn.lock

System preview

front page

User management

Role management

Menu management

Code generation