More Premium Hugo Themes Premium Vue Themes

BoBo Vue Admin

vue-cli (4.x) + ts + CrudTable + FormDesigner (开箱即用,企业级开发种子框架,附带表单表格生成器,一键Crud)

BoBo Vue Admin

vue-cli (4.x) + ts + CrudTable + FormDesigner (开箱即用,企业级开发种子框架,附带表单表格生成器,一键Crud)

Author Avatar Theme by boboooooo
Github Stars Github Stars: 35
Last Commit Last Commit: Sep 2, 2023 -
First Commit Created: Jan 15, 2024 -
BoBo Vue Admin screenshot

Overview:

BoBo’s Vue Admin is a Vue.js project built on Vue CLI 4.x, with core functionalities such as user, department, and role management, dictionary management, permission module, and online chat. It also includes various components like file upload, text, button, table, cascading select, rich text editor, tree select, and table designer. The project provides an easy way to generate forms dynamically based on a form designer JSON and allows for backend configuration. It also includes built-in decorators for tasks like debounce, throttle, and confirmation prompts. The project follows the eslint airbnb rule and has a predefined directory structure. Contributors to the project are acknowledged and the Git commit conventions are based on the vue specification.

Features:

  • Core Functionalities: User, department, and role management; dictionary management; permission module; online chat (Tyloo-Chat).
  • Element-Pro-Crud: One-click Crud plugin.
  • Form Designer (TableDesigner): A form designer based on vue-form-making for generating dynamic forms.
  • Additional Components: File upload (FileUpload), text (h3), button (el-button), table (CrudTable), cascading select (el-cascader), rich text editor (Tinymce), tree select (tree-select), table designer (FormDesigner) based on form designer JSON for generating dynamic tables.

Installation:

To start using BoBo’s Vue Admin, follow these steps:

  1. Install the required packages using npm:
    npm install
    
  2. Compile and start the development environment:
    npm run serve
    
  3. If running only the frontend project, update the backend API address to localhost.
  4. The project follows the eslint airbnb rule. Refer to the .eslintrc.js file for the rules.
  5. The project has built-in decorators for certain scenarios like debounce and confirmation prompts, among others. More decorators are being improved.
  6. Refer to the directory structure of the project for organizing the files and folders.
  7. When pulling the code, follow the mentioned guidelines.
  8. Git commit conventions follow the vue specification. Use the appropriate tags like feat, fix, style, perf, refactor, revert, test, docs, chore, and ci.

Summary:

BoBo’s Vue Admin is a Vue.js project that provides various core functionalities and components for easy administration. It includes features like user, department, and role management, dictionary management, and permission modules. The project also offers a form designer and additional components like file upload, text, button, table, cascading select, rich text editor, tree select, and table designer. Installation instructions, directory structure, and Git commit conventions are also provided.