vue admin box

vue-admin-box

英語 | 簡體中文

概括

• 更新版本
• After more than three months of iteration, version 1.0 was officially released on August 10, 2021, with four basic templates attached for everyone to use
• This open source project is developed by individuals and does not restrict any commercial use or personal research. Please click star to encourage me before using it
• All illegal and pornographic activities involved in this open source project have nothing to do with this source code. Please do not show yourself
• QQ communication group：912804007，Problems are raised in the group and can be solved in time

預覽

if you are not in China, maybe you should download the project to show the demo or use a vpn to visit the online demo.

• demo China
• demo World
• github位址
• gitee address
• It is recommended to use yarn or cnpm for installation in China. NPM installation is prone to problems

基本模板

There are four basic templates, which are suitable for zero development and use, and can be found in github、gitee View directly in the warehouse，The template is shown below:

1. template-ts-i18n template，container ts and internationalization github gitee demo
2. template-ts template，container ts，internationalization is not container github gitee demo
3. template-js-i18n template，container js and internationalization github gitee demo
4. template-js template，container js，internationalization is not container github gitee demo

介紹

vue-admin-box is a free and open source background management system template。The latest vue-next, vite, element-plus used in this project. The purpose is to solve the complex configuration of background system in general business。

Characteristic function

• Routing configuration, state management mechanism (State supports local storage by default), encapsulated and perfect Axios and API management mechanism suitable for middle and background development
• It is very convenient to expand the theme configuration function, and supports three typical middle and background styles by default
• 路由配置、狀態管理機制（State預設支援本機儲存）、封裝完善的axios以及適合中後台開發的API管理機制
• 增刪改查三種典型業務表，詳見「頁面欄位」中的「CRUD表」、「類別表」、「樹狀表」
• 無路由跳轉的刷新功能，支援快取頁面刷新。 At present, most frameworks do not support cache page refresh
• 方便、可擴展的國際化解決方案，提供兩套非國際化基礎模板和兩套國際化基礎模板（TS版/JS版）
• Handwritten versions of various custom instructions
• 經過多個中後台業務驗證的表格常用元件和彈窗常用元件，詳見“頁面欄目”中的“增刪改查表”、“類別表”、“樹形表”

主要技術

• MVVM framework：vue v3
• Engineering Management：vite v2
• UI framework：element-plus
• Router manage：vue-router v4
• State Manage ：vuex v4
• Data request：axios
• Utility library：@vueuse/core

如何使用

1. get the source code project

    git clone https://github.com/cmdparkour/vue-admin-box.git
   

2. install dependence, you can use cnpm or yarn in China

    npm install
   

3. run in the development

    npm run dev 或 npm run start
   

4. build in production

    npm run build
   

Partner project

• Thinker-Admin-Box - springboot with vue-admin-box, use java code to generate vue page
• H5-dooring - a low code project about the mobile website
• ant-simple-pro - a middle website based on Vue3.0, react and angular
• vue-vben-admin - a modern vue admin. It is based on Vue3, vite and TypeScript.真快！

預覽