Quick understanding

# 💥 Tips! 💥

# 👨‍💻Target users

• Being and wanting to use element-ui/element-plus development, front-end development experience 1 year +.
• Familiar with Vue.js technology stack and have developed several real projects using it.
• Students who are interested in the principle technology and want to advance and improve.
• Zero base, please move to izory: ZR.Adminopen in new window.

# 📌Features

• Lightweight, easy to understand code, less dependence, easy to use, and only a few configurations are required to run.
• Fully responsive layout (supporting all mainstream devices such as computers, tablets and mobile phones).
• Efficient development: after configuring the table information, you can generate the front and back database code (including controller, model, view, menu, vue, api, etc.) with one key, and plan to generate international translation files.
• Support multiple data sources, automatic table splitting, and simple configuration to achieve switching.
• Support page permissions and extremely fine operation permissions and data permissions to buttons.
• A complete logging system can be realized by simple annotation.
• Internationalization is supported. Currently, simplified Chinese, Japanese and English are built in, which is easy to expand other languages.

# 🐰 Frontend

Vue front- end technology stack: based on vue3. x, vuex, vue-router, vue-cli, axios, element-plus, echats, i18n, vite, webpack internationalization, etc., the front-end is developed with vscode tools.

# 🐰 Backend

• Core framework:. Net7.0+Web API+sqlsugar+swagger+signalR+IpRateLimit+Quartz.net+Redis
• Scheduled tasks: Quartz. Net component, supporting the execution of assembly or http network requests
• Security support: filter (data permission filtering), Sql injection, request forgery
• Log management: NLog, login log, operation log, scheduled task log
• Tool class: verification code, rich public functions
• Interface flow restriction: supports interface flow restriction to avoid excessive pressure on the service layer caused by malicious requests
• Code generation: efficient development, code generator can generate all front-end and back-end codes with one click
• Data dictionary: supports data dictionary, which can facilitate the management of some states
• Sub-base and sub-table: using orm sqlsugar can easily achieve superior performance of sub-database and sub-database
• Multi-tenant: support multi-tenant function
• Cache data: built-in memory cache and Redis

# 🔧 Development tool

• Vscode (plug-in Chinese, Eslint, Prettier, Volar (vue3)) Downloadopen in new window.
• Vscode settings.json configuration.

  {
  //default font
  "editor.fontSize": 18,
  //Close restricted workspace
  "security.workspace.trust.enabled": false,
  // Vscode enables the option of automatically setting tabsize based on file type by default
  "editor.detectIndentation": false,
  // Reset tabsize
  "editor.tabSize": 2,
  // #Automatically format every time you save
  "editor.formatOnSave": true,
  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue",
      ".jsx",
      ".tsx"
    ]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    // #Fix the code in eslint format every time it is saved
    "eslint.autoFixOnSave": true,
  },
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "files.associations": {
    "*.vue": "html",
    "*.js": "javascript",
    "*.xml": "xml"
  },
}

• vs2022(V17.4.0,Net7 SDK). Communityopen in new window

# 🎉 Functions

• User management: The user is the system operator. This function mainly completes the system user configuration.
• Department management: configure the system organization (company, department, group) and display it in tree structure.
• Position management: configure the position of the system user.
• Menu management: configure system menu, operation authority, button authority identification, etc.
• Role management: role menu permission assignment.
• Dictionary management: maintain some fixed data that are often used in the system.
• Operation log: record and query the normal operation of the system; Log and query system exception information.
• Login Log: The system login log record query contains login exceptions.
• System interface: use swagger to generate relevant api interface documents.
• Service monitoring: monitors the current system CPU, memory, disk, stack and other related information.
• Online builder: drag form elements to generate corresponding VUE code.
• Task system: based on Quartz.NET, online (add, modify, delete, and manually execute) task scheduling includes execution result logs.
• Article management: You can write article records.
• Code generation: The front and rear code (. cs,. vue,. js, sql, etc.) can be generated with one click to support downloading, and the front-end display control can be customized and configured to make development faster and more efficient.
• Parameter management: dynamically configure common parameters for the system.
• Send mail: You can send mail to multiple users.
• File management: Uploading file management can be performed. Currently, uploading to local and Alibaba Cloud is supported.
• Notification management: system notification announcement information release and maintenance, and use signalr to realize real-time notification to users.
• Account registration: You can register an account to log in to the system.
• Multilingual management: support static and back-end dynamic configuration internationalization. Currently, only China, Britain and Japan are supported.