BoBo Vue Admin
vue-cli (4.x) + ts + CrudTable + FormDesigner (开箱即用,企业级开发种子框架,附带表单表格生成器,一键Crud)
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.
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.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Dashboard
A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.