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:
- Install the required packages using npm:
npm install - Compile and start the development environment:
npm run serve - If running only the frontend project, update the backend API address to localhost.
- The project follows the eslint airbnb rule. Refer to the .eslintrc.js file for the rules.
- The project has built-in decorators for certain scenarios like debounce and confirmation prompts, among others. More decorators are being improved.
- Refer to the directory structure of the project for organizing the files and folders.
- When pulling the code, follow the mentioned guidelines.
- 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.