|-docs # 本地开发文档说明 | |-auth.md # 权限相关文档 | |-i18n.md # 国际化文档 | |-request.md # 数据请求 | |-router.md # 路由和菜单 | |-....... # 其他文档及组件使用文档 |-public # 静态资源 | |-icons # 图标路径设置路径 | |-template # Excel导入模板 | |-tinymce # tinymce编辑器需要的静态资源 | |-favicon.ico # favicon图标 |-src | |-api # 数据请求接口 | |-assets # 图片、iconfont图标等静态资源 | |-components # 公共组件 | |-config | | |-icons # 弹出框图标组件配置 | | |-common.ts # 项目全局配置 | |-i18n # 国际化语言配置 | | |-lang | | | |-en_US # 英文语言 | | | |-zh_CN # 简体中文语言 | | | |-zh_TW # 繁体中文语言 | | |-index.ts # 项目国际化配置 | | |-use-locale.ts # 依赖组件国际化配置 | |-layout # 框架界面布局 | | |-components | | | |-FullScreen.vue # 顶栏右侧全屏按钮 | | | |-HeaderAvatar.vue # 顶栏右侧用户按钮 | | | |-HeaderNotice.vue # 顶栏消息通知页面 | | | |-LockScreen.vue # 锁屏页面 | | | |-MenuSearch.vue # 菜单搜索弹窗 | | | |-SettingDrawer.vue # 右侧弹出的主题配置页面 | | | |-UpdatePassword.vue # 修改密码弹窗 | | |-HeaderTools.vue # 头部顶栏右侧区域 | | |-index.vue # 框架界面布局页面 | | |-RouterLayout.vue # 选项卡路由切换页面 | |-mock # mockjs模拟数据请求 | | |-common | | | |-comm-mock.ts # 通用API | | | |-dict-mock.ts # 数据字典API | | | |-....... | | |-system # 系统管理API | | | |-config-mock.ts # 系统参数配置模块API | | | |-dept-mock.ts # 部门管理模块API | | | |-....... | | |-index.ts # 数据请求mock文件引用 | | |-mock-util.ts # mock请求相关工具 | |-model # 对象类型定义 | | |-system # 系统管理对象类型 | | |-api-model.ts # 接口请求相关对象类型 | |-router # 路由配置 | | |-dynamics # 动态路由 | | | |-index.ts # 动态路由配置 | | |-static # 静态路由 | | | |-routes # 分模块配置静态路由文件夹 | | | |-index.ts # 静态路由配置 | | |-common.ts # 公共路由配置 | | |-index.ts | |-store # 状态管理 | | |-modules | | | |-static-dict # 静态数据字典设置文件夹 | | | |-dict-store.ts # 数据字典状态管理,静态、动态 | | | |-layout-store.ts # 框架布局状态管理,侧边栏数据、页签数据 | | | |-theme-store.ts # 主题配置状态管理 | | | |-user-store.ts # 用户状态管理,用户信息、菜单、权限 | | |-index.ts | |-styles | | |-default | | | |-define.less # 自定义样式 | | | |-form.less # form表单相关样式 | | | |-style.less # 全局样式 | | | |-table.less # table表格相关样式 | | |-index.less # 样式引入 | | |-variables.less # 变量样式 | |-utils | | |-excel-util.ts # Excel操作方法 | | |-printer-util.ts # 打印操作方法 | | |-comm-util.ts # 常用操作方法 | | |-i18n-util.ts # 国际化操作方法 | | |-request.ts # axios实例 | | |-tabs-util.ts # 页签tab操作方法 | | |-user-util.ts # 登录用户操作方法 | |-views # 页面 | | |-exception # 异常页面 | | |-login # 登录相关页面 | | |-main # 首页控制台页面 | | |-system # 系统管理模块页面 | | |-user # 用户中心相关页面 | | |-....... | |-App.vue # 入口页面 | |-main.ts # 入口js |-.env # 公共环境配置 |-.env.development # 开发环境配置 |-.env.production # 生产环境配置 |-.eslintignore # eslint忽略文件配置 |-.eslintrc.js # eslint配置 |-components.d.ts # TypeScript定义文件 |-index.html # 项目首页 |-package.json # Node项目配置 |-prettier.config.js # prettier配置 |-README.md # 说明文档 |-tsconfig.json # TypeScript 编译配置 |-vite.config.ts # Vite 构建配置 |-yarn.lock
XinSiteAntd3 是一套基于 Vue3 + AntDesignVue3.x 搭建的前后端分离的Vue前端框架, 使用的前端技术栈有:Vue、Vite、Pinia、Typescript、VueRouter、Axios、Less 等, 主题风格多样、组件丰富、代码规范。
该框架是目前的最新技术栈,一般用于政府、企业应用系统的建设,界面简洁美观,可灵活配置主题。 管理模板已经集成了用户登录、系统管理模块功能,并有大量基础示例,自定义组件各种用法示例,各类型表单的代码生成示例。 该框架配有前后端的代码生成,具体如何使用代码生成,请看 代码生成开发文档 。