Skip to content

Zhang-Yida/admin-skeleton

Repository files navigation

admin-skeleton

1. Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

2. 功能简介及规划

基础功能

  • 工程基础布局
  • Vue-router 路由集成
  • Vuex 全局状态管理
  • Axios 集成
  • iconfont 第三方图标库集成
  • i18n 多语言维护
  • 前端数据字典翻译
  • 前端资源权限控制
  • 前端样式主题维护
前端字体选型
https://segmentfault.com/a/1190000006110417

组件集成

  • Element 组件库集成
  • Element Table 及 Form 组件二次封装
  • 可编辑表格,可粘贴表格,及内容校验

第三方组件组件

  • 富文本编辑器
  • Markdown 编辑器
  • AG-Grid 组件集成及最佳实践
  • Codemirror 编辑器

高级功能

  • 表单设计器
  • 工作流引擎(需要后端开发人员配合)
  • 首页 dashboard 可视化,及可定制,需提供可用户拖拽的可视化报表生成

Mock.JS 请求拦截

  • 以 mock.js 为模拟数据,提供前端请求数据
http://mockjs.com/

其它

  • 前端代码编写规范
  • Git 团队协作规范
  • 前端工程配套文档维护
  • 前端兼容性
  • 服务器自动部署脚本
  • Vscode 插件选择及配置

3. 学习路径及进阶

伴随着前端工程的开发,其中部分知识点的深究文档也会陆续写出,来完善个人的前端盲点,这是个持续性的维护,也希望自己能够坚持下来

axios 源码解析及应用

lodash 常用方法源码解读及应用

总结并集成常用的 js 方法

async/await 异步方法使用

https://www.jianshu.com/p/ffa5cbe9ab29

About

Admin Template Skeleton Based on Vue and Element-UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages