介绍
大约 2 分钟
介绍
ASPDEV 是一个快速构建企业级应用的前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品。
功能
- 登录 / 注销
- 权限验证
- 菜单权限
- 权限配置
- 三员管理
- 按钮权限(待实现)
- 多环境发布
- dev sit stage prod
- 全局功能
- 多种动态换肤
- 动态侧边栏(支持多级路由嵌套)
- 动态面包屑
- 快捷导航(标签页)
- Svg Sprite 图标
- 本地/后端 mock 数据
- Screenfull全屏
- 自适应收缩侧边栏
- 国际化多语言(待实现)
- 编辑器
- 富文本
- 代码编辑器
- 图表
- Echarts
- Excel
- 导出excel
- 导入excel
- 导出zip
- 表格
- 动态表格
- 拖拽表格
- 内联编辑
- 错误页面
- 401
- 404
- 組件
- 数据字典
- 部门选择
- 用户选择
- 角色选择
- 图片上传
- 文件上传
- 拖拽上传
- 省市县级联
- 滑块验证
- 拖拽Dialog
- 分栏布局
- CountTo
- 系统管理
- 字典管理
- 参数设置
- 通知公告
- 统一权限
- 系统监控
- 服务监控
- 数据监控
- 定时任务(待实现)
- 开发工具
- 内置图标
- 通用组件
- 代码生成
- 表单构建
- 模板生成
- 主题切换
- 系统接口
- 开发文档
- Dashboard
前序准备
前端技术栈基于:
提前了解和学习这些知识会对使用本项目有很大的帮助。
本开发平台不支持低版本浏览器(如 ie),但提供了基于 electron
及 nwjs
的低版本操作系统解决方案。
目录结构
开发平台已经为你生成了一个完整的开发框架,提供了涵盖中后台开发的各类功能和坑位,下面是整个前端工程的目录结构。
├── 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