介绍

大约 2 分钟

介绍

ASPDEVopen in new window 是一个快速构建企业级应用的前端解决方案,它基于 vueopen in new windowelement-uiopen in new window实现。它使用了最新的前端技术栈,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品。

首页


功能

- 登录 / 注销

- 权限验证
  - 菜单权限
  - 权限配置
  - 三员管理
  - 按钮权限(待实现)

- 多环境发布
  - dev sit stage prod

- 全局功能
  - 多种动态换肤
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地/后端 mock 数据
  - Screenfull全屏
  - 自适应收缩侧边栏
  - 国际化多语言(待实现)

- 编辑器
  - 富文本
  - 代码编辑器

- 图表
  - Echarts

- Excel
  - 导出excel
  - 导入excel
  - 导出zip

- 表格
  - 动态表格
  - 拖拽表格
  - 内联编辑

- 错误页面
  - 401
  - 404

- 組件
  - 数据字典
  - 部门选择
  - 用户选择
  - 角色选择
  - 图片上传
  - 文件上传
  - 拖拽上传
  - 省市县级联
  - 滑块验证
  - 拖拽Dialog
  - 分栏布局
  - CountTo

- 系统管理
  - 字典管理
  - 参数设置
  - 通知公告
  - 统一权限
- 系统监控
  - 服务监控
  - 数据监控
  - 定时任务(待实现)
- 开发工具
  - 内置图标
  - 通用组件
  - 代码生成
  - 表单构建
  - 模板生成
  - 主题切换
  - 系统接口
  - 开发文档
- Dashboard

前序准备

你需要在本地安装 nodeopen in new windowgitopen in new window

前端技术栈基于:

提前了解和学习这些知识会对使用本项目有很大的帮助。

本开发平台不支持低版本浏览器(如 ie),但提供了基于 electronnwjs 的低版本操作系统解决方案。

目录结构

开发平台已经为你生成了一个完整的开发框架,提供了涵盖中后台开发的各类功能和坑位,下面是整个前端工程的目录结构。

├── build                      # 构建相关
├── mock                       # 项目mock 模拟数据
├── drafter                    # 模板生成器
├── scripts                    # 工作流脚本
├── public                     # 静态资源
│   │── favicon.ico            # favicon图标
│   └── index.html             # html模板
├── src                        # 源代码
│   ├── api                    # 所有请求
│   ├── assets                 # 主题 字体等静态资源
│   ├── components             # 全局公用组件
│   ├── directive              # 全局指令
│   ├── filters                # 全局 filter
│   ├── layout                 # 全局 layout
│   ├── router                 # 路由
│   ├── store                  # 全局 store管理
│   ├── utils                  # 全局公用方法
│   ├── views                  # views 所有页面
│   ├── App.vue                # 入口页面
│   ├── main.js                # 入口文件 加载组件 初始化等
│   └── permission.js          # 权限管理
├── .env.xxx                   # 环境变量配置
├── .eslintrc.js               # eslint 配置项
├── babel.config.js            # babel 配置
├── vue.config.js              # vue-cli 配置
└── package.json               # package.json
上次编辑于: