As a developer, we know that tools that streamline the development process and increase productivity are critical.
Recommended a front-end and back-end separation framework (ZRAdmin), which can not only meet the needs of the project development , but also applies some new features , such as RBAC rights management , SqlSugar ORM, and Vue3 dynamic internationalization support , code is simple and easy to use .
Next, let's dive in and learn about the key features and benefits of this program.
Projects
NET5/.NET7/.NET8 based on the implementation of a common rights management platform (using the RBAC model), the back-end using SqlSugar as ORM; front-end development using /. By integrating the latest technology, this framework supports efficient front-end and back-end separation mode, which is truly out-of-the-box.
The project has a small amount of code , simple dependencies , easy to learn and understand . Its powerful features and excellent scalability , coupled with lightweight design concepts , making Web development become more rapid and efficient , can help you say goodbye to overtime , focusing on the development of business logic , easy to cope with 80% of the repetitive work , to open the rhythm of efficient development .
Project Characteristics
-
Lightweight design, clean and simple code, very few dependencies, only a small amount of configuration is required to start running;
-
The fully responsive layout seamlessly adapts to a wide range of mainstream devices including computers, tablets, and cell phones;
-
Efficient development mode, configure the form information can be a key to generate the front and back end of the database-related code (including controllers, models, views, menus, Vue components, API, etc.), and support the automatic generation of internationalized translation files;
-
Support multiple data sources and automatic table division, easy configuration to complete the data source switching;
-
Provide detailed permissions management, covering page level, button level and even specific operation permissions and data permissions;
-
Equipped with a comprehensive logging system, which can be easily realized through simple annotations;
-
Built-in multi-language support, including Simplified Chinese, Traditional Chinese and English, expanding other languages is very convenient;
-
Multiple database libraries are supported and database tables can be easily created and migrated with CodeFirst.
Project technology
1、back-end technology
- Net5.0/.Net7.0/.Net8.0 combined with Web API, SqlSugar, Swagger, SignalR, IpRateLimit, and Redis technologies.
- Timed scheduled tasks: Use the component support to execute assemblies or HTTP requests.
- Security Support: Provides data permission filtering, SQL injection protection and CSRF protection.
- Log Management: Integrate NLog to support logging of login, operation and timed tasks.
- Tools: Contains CAPTCHA generation and other rich public functions.
- Interface flow limiting: supports interface access rate limiting to prevent malicious requests from affecting service stability.
- Code generation: provide one-click generation of front-end and back-end code to improve development efficiency.
- Data Dictionary: Supports data dictionary management for easy maintenance of status information.
- Split library and table: Easily implement split library and table with SqlSugar ORM to optimize performance.
- Multi-tenancy support: Built-in multi-tenancy function to adapt to different business scenarios.
- Cached data: support for in-memory caching and Redis caching scheme.
2、front-end technology
- Vue version of the front-end technology stack based on /, integrated Vuex, Vue-Router, Vue-CLI, Axios, Element-UI, Echarts, i18n, and support for Vite and Webpack internationalized configuration. Front-end development is carried out using Visual Studio Code (VSCode) tools.
Project Features
1、User management: manages the system's operator accounts, including user configuration and permission settings.
2. Departmental management: build and maintain the organizational structure of the system (e.g., company, department, group), presented in a tree structure.
3、Position Management: Define and configure the user's position information.
4、Menu Management: Configure the system menu and its related operation authority and button authority identification.
5、Role management: assign roles and set the role of the menu permissions.
6、Dictionary Management: Maintain the commonly used fixed data in the system, support SQL dictionary, dictionary translation and dictionary style customization.
7, operation log: record and query the normal operation of the system and the log of abnormal information.
8、Login Log：Record and query system login activities, including login failure.
9, the system interface: the use of Swagger automatically generated API documentation.
10, service monitoring: monitoring the system's CPU, memory, disk, stack and other key indicators.
11, online builder: drag and drop form elements to generate the corresponding Vue code.
12, task system: based on the realization of the task scheduling, support for online management tasks (such as adding, modifying, deleting, manual implementation) and view the implementation of the results of the log.
13, article management: support for writing and managing article records.
14, code generation: one-click generation of front-end and back-end code (including .cs, .vue, .js, SQL, UniApp, etc.), built-in three templates (single table, tree table, master-subtitle table), and allows for customization of the front-end display components.
15、Parameter management: dynamic configuration of common system parameters.
16、Email Management：Support to send emails to multiple users, query email status and select email templates.
17, file management: provide file upload management functions, support local storage and Ali cloud storage.
18、Notification Management: Publish system notification announcements and use SignalR to realize real-time notification.
19, account registration: support account registration and login, including scanning code login and cell phone number login (under development).
20, multi-language management: support for static and dynamic back-end configuration internationalization, currently provides Chinese, English and Traditional Chinese support.
21, online users: view the current online users, and can perform operations such as kicking out or sending private messages.
22. DB Audit Log: Record database audit information.
23、Third-party login: Provide the implementation logic of third-party login.
24, import and export: support for Chinese table header import, dictionary data into text export.
25, data big screen: more intuitive display of data.
Project Showcase
1、Online experience
- web experience:/vue3
- Uniapp versioning experience (vue2):/h5
- Uniapp versioning experience (vue3):/uplus
- Account Password:admin/123456 Ordinary user user/123456
2、PC terminal effect
- consoles
- system management
- System Tools
- System monitoring
- Big Data Screen
3、H5/WeChat small program
- menu functions
- Function Demo
4. Mobile
Project Source Code
Download the source code through the project address to study, you can get a deeper understanding of its design principles and implementation details.
Not only does it improve our programming skills, but it also provides us with a reference case.
The project structure is specified below:
- [Your business service layer class library]: provide your own business data Api interface calls;
- [System Service Layer Class Library]: Provides the system Api interface;
- [Warehouse layer class libraries]: to facilitate the provision of operations with the execution of stored procedures; [Entity layer class libraries]: their own business library tables, data transfer objects;
- [webapi interface]: Provide interface service for Vue version or other three-party systems.
- [Timed Task Class Library]: Provide project timed task implementation functions;
- [Code Generation Function]: Contains templates, methods, and downloads for code generation.
- [Frontend UI]: vue2.0 version UI layer (no longer updated recommended to use vue3).
- document: database script (deprecated)
Project Advantage
- Front-end simplification: No need to write login, authorization and authentication modules, just focus on the development of business modules.
- back-end ready: The backend system requires no additional secondary development and is ready to use directly after deployment.
- Front-end and back-end separation: Complete separation of front-end and back-end to support independent domain configuration.
- Unified Exception Handling: Enables centralized management and handling of global exceptions.
- code generation: Provide customized code generation features to enhance development efficiency.
- Lightweight dependencies: The system has minimal dependencies, requires only database support to run, and is easy to get started.
- thorough documentation: Provide comprehensive documentation support to facilitate rapid development and deployment.
Project Address
Github：/izhaorui/
Gitee：/izory/ZrAdminNetCore
Document Address:
If you found this article helpful, why not support it with a like? Your support is what keeps me motivated to continue sharing my knowledge. Feel free to leave a comment if you have any questions or need further help.
You can also join WeChat[DotNet Technician] community to share ideas and grow with other tech-loving peers!Excellence is a habit, so feel free to leave a comment and learn!
