foreword
Introduction
SmartAdmin is a set of Internet enterprise-level general-purpose middle and back-end solutions developed by the Henan·Luoyang 1024 Innovation Lab team! Using the most cutting-edge front-end and back-end technology stacks SpringBoot and Vue, the front-end and back-end are separated. We open source a set of beautiful codes and a set of neat code specifications, so that everyone can feel a clear stream of written code in this impetuous code world. ! At the same time, it allows developers to save a lot of time, reduce overtime, work happily, and love life. SmartAdmin lets you go from real to unforgettable, it's definitely what you want the most!
Technology System
- Front end: Vue + Vue-Router + Vuex + ViewUI + vue-enum
- Backend: SpringBoot2 + Mybatis-plus + jwt + druid + mysql
- front-end code specification smart-front-standard -guide
- Smart-backend-standard-guide based on the back-end specification based on the Ali specification
demo map
Front-end features
- High-quality code, code structure, and code comments
- Beautiful UI, menu bar, tabs, employees, departments, roles, menu management, etc. for better experience and interaction
- Optimize the keepalive-based tab page, so that the tab page is cached when it should be cached, such as switching left and right, etc., and not cached when it should not be cached, such as new creation, form submission end, etc.
- Front-end constant maintenance: vue-enum, refuses to appear magic numbers, the code is unmaintainable
- New front-end-based permission design (forget the traditional permission design, it is no longer suitable for this front-end era)
- Number of people online based on websocket
- Supports primary, secondary, and tertiary menus, fourth-level menus and search functions
- Additional Features: Mail, Rich Text, Messaging, System Configuration, and More
- Can't finish writing, too many good details need your discovery...
Backend Features
- High-quality Java code, package structure, and code comments
- The industry's original request return code maintenance is very worth seeing
- Permission design based on an annotation and controller abandons more complex shiro, and a set of data permission support
- Four-tier architecture (controller, service, manager, dao)
- Employee, department, role, menu management with strong code readability and high scalability
- Memory-level permission cache based on LRU strategy
- Compatible with swagger document annotations of front-end vue-enum
- Heartbeat service, let you discover which machines are running again and which people are secretly running your job
- Custom quartz job addition and modification, convenient for testers to test
- smart-reload, reserve hooks for the system, dynamically load, execute some code without restarting the program, you know
- The above are just some examples, more surprises and details are waiting for your discovery!
Front-end code specification
- How to name files, folders, directory structures, components, variables, etc.
- How to standardize html, css, less, etc.
- How to divide the Vue project directory structure
- How to divide router and store for better scalability
- Which vue component specifications to choose
- And more, countless norms that make you feel practical and at the same time pleasing
Backend code specification
- What is the four-layer architecture (controller, service, manager, dao) and why there are four layers
- How to write the code of each layer so that the team can cooperate tacitly and be highly consistent
- vo, bo, dto, entity, how to distinguish and use various javabeans
- Spring's @Transactional, are you using it right?
- The number of method parameters, comments, and todo should also have specifications. Have you followed them?
- The above examples are just a drop in the ocean, more details are waiting for your discovery!
summary
Finally, I would like to thank Luzhu for contributing such an excellent middle- and back-end project with a front-end and back-end separation architecture. Follow the program Yuan Xiaowan to get the source code.
