vue admin box

vue-管理框

英语 | 简体中文

概括

• 更新版本
• 经过三个多月的迭代，1.0版本于2021年8月10日正式发布，附四个基础模板供大家使用
• 本开源项目由个人开发，不限制任何商业用途或个人研究。使用前请点击star鼓励我
• 本开源项目涉及的一切非法色情活动均与本源代码无关。请不要暴露自己
• QQ交流群：912804007，有问题在群里提出可以及时解决

预览

如果您不在中国，也许您应该下载该项目来展示演示或使用VPN来访问在线演示。

• 演示中国
• 演示世界
• github地址
• gitee地址
• 国内推荐使用yarn或者cnpm安装。 NPM安装容易出问题

基本模板

基本模板有四种，适合零开发使用，可以在github、gitee仓库中直接查看，模板如下图：

1. template-ts-i18n模板，容器ts和国际化github gitee demo
2. template-ts模板，容器ts，国际化不是容器 github gitee demo
3. template-js-i18n 模板，容器js和国际化 github gitee demo
4. template-js 模板，容器js，国际化不是容器 github gitee demo

介绍

vue-admin-box是一个免费开源的后台管理系统模板。本项目使用了最新的vue-next、vite、element-plus。目的是解决一般业务中后台系统配置复杂的问题。

特征功能

• 路由配置、状态管理机制（State默认支持本地存储）、封装完善的axios以及适合中后台开发的API管理机制
• 扩展主题配置功能非常方便，默认支持三种典型的中背景样式
• 路由配置、状态管理机制（State默认支持本地存储）、封装完善的axios以及适合中后台开发的API管理机制
• 增删改查三种典型业务表，详见“页面栏目”中的“CRUD表”、“类别表”、“树形表”
• 无路由跳转的刷新功能，支持缓存页面刷新。目前大部分框架不支持缓存页面刷新
• 方便、可扩展的国际化解决方案，提供两套非国际化基础模板和两套国际化基础模板（TS版/JS版）
• 各种定制说明的手写版本
• 经过多个中后台业务验证的表格常用组件和弹窗常用组件，详见“页面栏目”中的“增删改查表”、“类别表”、“树形表”

主要技术

• MVVM框架：vue v3
• 工程管理：vite v2
• UI框架：element-plus
• 路由器管理：vue-router v4
• 状态管理：vuex v4
• 数据请求：axios
• 实用库：@vueuse/core

如何使用

1. 获取源代码项目

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

2. 安装依赖，国内可以使用cnpm或者yarn

    npm install
   

3. 在开发中运行

    npm run dev 或 npm run start
   

4. 生产中构建

    npm run build
   

合作伙伴项目

• Thinker-Admin-Box - springboot 配合 vue-admin-box，使用java代码生成vue页面
• H5-dooring - 一个关于移动网站的低代码项目
• ant-simple-pro - 基于 Vue3.0、react 和 Angular 的中间网站
• vue-vben-admin - 现代 vue 管理员。它基于 Vue3、vite 和 TypeScript。真快！

预览