外观
项目介绍
项目结构
zhontai.ui.admin.vue3
├─bin (批处理文件)
├─gen (自动生成)
│ ├─templates (模板文件)
│ ├─gen-api (生成接口)
│ └─gen-templates (生成模板)
├─public (存放浏览器标题favicon.ico、静态json数据)
└─src (存放接口、组件、视图、路由、状态管理、样式、工具函数)
│ ├─api (接口)
│ │ ├─admin (admin权限接口)
│ │ ├─admin.extend (admin权限自定义扩展接口)
│ │ ├─login (登录模拟接口)
│ │ └─menu (菜单模拟接口)
│ ├─assets (本地静态资源：图片、svg等)
│ ├─components (存放公用全局组件)
│ │ ├─auth (鉴权)
│ │ ├─cropper (裁剪图片)
│ │ ├─editor (富文本编辑器)
│ │ ├─iconSelector (图标选择器)
│ │ ├─my-captcha (滑块验证码)
│ │ ├─my-cron (Cron表达式)
│ │ ├─my-date-range (日期范围)
│ │ ├─my-dropdown-more (更多操作)
│ │ ├─my-filter (高级查询)
│ │ ├─my-input-code (短信验证码)
│ │ ├─my-layout (满屏拆分布局)
│ │ ├─my-select-icon (图标选择)
│ │ ├─my-select-input (查询选择)
│ │ ├─noticeBar (滚动通知)
│ │ ├─svgIcon (自定义封装 svg 图标)
│ │ └─table (自定义封装 table)
│ ├─directive (自定义指令)
│ ├─globalProperties (全局属性，消息、通知、确认，提交、遮罩)
│ ├─i18n (国际化)
│ │ ├─lang (框架内置国际化)
│ │ └─pages (自定义国际化)
│ │ ├─formI18n (表单)
│ │ └─login (登录页)
│ ├─layout (存放框架布局视图)
│ │ ├─component (布局公用组件)
│ │ ├─footer (页脚)
│ │ ├─lockScreen (锁屏)
│ │ ├─logo (logo)
│ │ ├─main (主布局)
│ │ ├─navBars (顶栏信息)
│ │ │ ├─tagsView (标签页)
│ │ │ └─topBar (面包屑、关闭全屏、菜单搜索、布局配置、用户信息、消息通知)
│ │ ├─navMenu (导航菜单)
│ │ ├─routerView (路由视图出口、外链、iframe内嵌)
│ │ ├─sponsors (赞助商组件)
│ │ └─upgrade (版本升级提示组件)
│ ├─router (存放路由信息)
│ ├─stores (存放组件的状态 pinia)
│ ├─theme (存放框架样式)
│ │ ├─common (基础样式)
│ │ ├─media (媒体查询)
│ │ └─mixins (scss混入)
│ ├─types (ts 类型定义文件)
│ │ ├── axios.d.ts (扩展 axios 数据返回类型，可自行扩展)
│ │ ├── global.d.ts (全局 ts 类型定义申明)
│ │ ├── layout.d.ts (layout 布局 ts 类型定义申明)
│ │ ├── mitt.d.ts (mitt 事件总线 ts 类型定义申明)
│ │ ├── pinia.d.ts (pinia ts 类型定义申明)
│ │ └── views.d.ts (views 视图各界面 ts 类型定义申明)
│ ├─utils (存放工具类函数)
│ └─views (存放页面视图)
│ ├─admin (权限管理)
│ │ ├─api (接口)
│ │ ├─cache (缓存)
│ │ ├─dict (数据字典)
│ │ ├─file (文件管理)
│ │ ├─login (登录)
│ │ ├─logs (日志)
│ │ ├─org (部门)
│ │ ├─permission (权限管理)
│ │ ├─personal (个人中心)
│ │ ├─pkg (套餐管理)
│ │ ├─role (角色管理)
│ │ ├─task (任务管理)
│ │ ├─tenant (租户管理)
│ │ ├─user (用户管理)
│ │ ├─view (视图管理)
│ │ └─workbench (工作台)
│ ├─error (401、404)
│ └─example (存放参考示例页面视图)
│ ├─chart (大数据图表演示)
│ ├─fun (功能演示)
│ │ ├─clipboard (复制剪切)
│ │ ├─countup (数字滚动)
│ │ ├─cropper (图片裁剪)
│ │ ├─echartsMap (地理坐标/地图)
│ │ ├─gridLayout (拖拽布局)
│ │ ├─printJs (页面打印)
│ │ ├─qrcode (二维码生成)
│ │ ├─splitpanes (窗格拆分器)
│ │ ├─tagsView (标签页)
│ │ └─wangEditor (编辑器)
│ ├─home (首页)
│ ├─limits (权限管理演示)
│ │ ├─backEnd (后端控制)
│ │ │ └─page (页面权限)
│ │ └─frontEnd (前端控制)
│ │ ├─btn (按钮权限)
│ │ └─page (页面权限)
│ ├─login (登录界面)
│ ├─make (组件封装)
│ │ ├─noticeBar (滚动通知栏)
│ │ ├─selector (图标选择器)
│ │ ├─svgDemo (svg 演示)
│ │ └─tableDemo (自定义封装 table)
│ ├─menu (菜单嵌套演示)
│ ├─pages (页面演示)
│ │ ├─awesome (awesome 字体图标)
│ │ ├─drag (拖动指令)
│ │ ├─dynamicForm (动态复杂表单)
│ │ ├─element (element 字体图标)
│ │ ├─filtering (过滤筛选组件)
│ │ ├─formAdapt (表单自适应)
│ │ ├─formI18n (表单国际化)
│ │ ├─formRules (多表单验证)
│ │ ├─iocnfont (iconfont 字体图标)
│ │ ├─lazyImg (图片懒加载)
│ │ ├─listAdapt (列表自适应)
│ │ ├─preview (大图预览)
│ │ ├─steps (步骤条)
│ │ ├─tableRules (表单表格验证)
│ │ ├─tree (树形改表格)
│ │ ├─waterfall (瀑布屏)
│ │ ├─waves (波浪指令效果)
│ │ └─workflow (工作流)
│ │ └─component (工作流组件)
│ │ ├─contextmenu (工作流右键菜单)
│ │ ├─drawer (工作流拖拽组件)
│ │ └─tool (操作组件)
│ ├─params (路由参数演示)
│ │ ├─common (普通路由)
│ │ └─dynamic (动态路由)
│ ├─personal (个人中心)
│ ├─system (系统设置)
│ │ ├─dept (部门)
│ │ ├─dic (数据字典)
│ │ ├─menu (菜单)
│ │ ├─role (角色)
│ │ └─user (用户)
│ ├─tools (工具类集合)
│ └─visualizing (数据可视化)
│
├── .env (全局默认配置文件)
├── .env.development (开发环境配置文件)
├── .env.production (生产环境配置文件)
├── .eslintignore (eslint忽略配置)
├── .eslintrc.js (eslint配置)
├── .gitignore (git提交忽略配置)
├── .prettierrc.js (prettier代码格式化配置)
├── index.html (页面访问入口)
├── LICENSE (MIT开源许可证)
├── package-lock.json (锁定npm包安装版本)
├── package.json (npm包版本配置)
├── README.md (项目介绍)
├── tsconfig.json (ts配置)
└── vite.config.ts (vite配置)