基于 Vue3、Vite、Ant-Design-Vue、TypeScript、Vue Vben Admin，最先进的技术栈，让初学者能够更快的入门并投入到团队开发中去。包括模块如：组织机构、角色用户、菜单授权、数据权限、系统参数等。强大的组件封装，数据驱动视图。为微小中大型项目的开发，提供现成的开箱解决方案及丰富的示例。
在 Vben Admin 基础上做的改进：
- 更精致的界面细节优化改进，非常适合信息化管理后台
- 主题风格改进，不同的布局风格，菜单及权限体验优化
- 顶部菜单、分隔菜单、混合菜单的活动状态激活和加载优化改进
- 树表支持异步的封装，提升展开折叠性能，支持按层次展开折叠树表
- 树结构新增快捷刷新、动态生成树、层次独立和不独立的数据返回兼容
- 增加左树右表功能展示，可折叠左树，树组件增加默认图标
- 表单组件适应各种数据格式来源，特别是多选字符串到数组的互转兼容
- 表单新增各种便捷属性和表单组件，下拉框和树选择支持标签名回显
- 表单组件，改进折叠表单 Action 的算法，智能化布局
- 表格组件，Action 更多，支持横向显示操作，更方便
- 表格组件，子表编辑改进，表格列排序和重置改进优化
- 新增字典组件，支持展示到表格列、表单组件下拉框单选框等
- 字典标签支持 Tag、Badge、自定义 class、style 等，显示风格
- 更方便的支持 Tab 页面的缓存，切换页签的时候不重载页面内容
- Tab 页签界面美化、图标显示、任何标签上右键，可快速刷新等等
- 全局 Axios 改进，兼容各种数据格式，超时消息提醒改进
- 功能权限鉴权改进，并兼容本地路由和后台路由同时使用
- 等等各种细节改进，体验优化，黑暗布局细节优化
- Vue端完全开源，用上你就会爱上，实在太方便了
设计特点
定义众多组件，非常贴心的组件属性及小功能，符合 JeeSite 以往的设计思想，列表和表单以数据驱动视图，极大简化了业务功能开发，注释分解详见本页最下【源码解析】
为什么做数据驱动视图？前端向下兼容一直是最大的问题，有了一套相应的标准，会对框架升级帮助很大。比如你可以非常小的成本，业务代码改动非常小的情况下，去升级前端；数据驱动视图可以为未来自定义拖拽表单做更好的铺垫，数据存储结构更清晰化，更利于维护。
提示：请仔细阅读源码解析，表单视图和列表视图上的注释哦，复杂表单可以多表单联合使用。
截图鉴赏
演示地址
- 地址：http://vue.jeesite.com/
- 账号：system
- 密码：admin
学习准备
- Node.js 16 和 git - 开发环境
- Vite - 熟悉 Vite 特性
- Vue-v3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript基本语法 - ES6+ - 熟悉 ES6 基本语法
- Vue-Router-v4 - 熟悉 vue-router 基本使用
- Vue-Vben-Admin - 熟悉 UI 及表单列表及常用组件使用
- Ant-Design-Vue - 熟悉 UI 基本使用
- Mock.js - mockjs 基本语法
- JeeSite-v5 - 后台服务
安装使用
- 如果没有安装 Node.js（不低于 14，建议 16）
下载安装 Node.js 16：https://nodejs.org
- 如果没有安装 Yarn 执行安装（要求 Yarn v1.x）
npm i -g yarn
- 获取代码
git clone https://gitee.com/thinkgem/jeesite-vue.git
- 安装依赖
cd jeesite-vue
yarn config set registry https://registry.npm.taobao.org
yarn install
- 运行
yarn serve
开发环境会加载文件较多，便于调试，请耐心等待。
编译打包后，会合并这些文件，所以访问性能会大&大提高。
- 打包
yarn build
打包完成后，会在根目录生成 dist 文件夹，发布 nginx。
有一些打包参数，详见 .env.production 里面有注释。
如果您使用的 VSCode 的话，推荐安装以下插件：
- Iconify IntelliSense - Iconify 图标插件
- windicss IntelliSense - windicss 提示插件
- I18n-ally - i18n 插件
- Volar - Vue3 开发必备（Vetur禁用）
- ESLint - 脚本代码检查
- Prettier - 代码格式化
- Stylelint - CSS 格式化
- DotENV - .env 文件高亮
