本文转载于:猿2048网站➺https://www.mk2048.com/blog/blog.php?id=hikh0kjakj
Solution of management system front-end based on vue.js and ElementUI
介绍
D2Admin 是一个开源的管理系统前端集成方案
D2Admin 是完全开源免费的管理系统集成方案，由 FairyEver 在工作之余完全由兴趣驱动完成，如果你也一样喜欢前端开发，欢迎加入我们的讨论/学习群，群内可以提问答疑，分享学习资料或者随便扯淡
QQ群
群号 806395827 欢迎大家
微信群
作者微信 liyang1711467488
微信群需要先加群主才可以拉进群
功能
- 首屏加载等待动画 避免首次加载白屏尴尬
- 简约主题
- 每个插件和组件都配有介绍文档
- 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
- 登陆和注销
- 根据路由自动生成菜单
- 可折叠侧边栏
- 方便的菜单设置
- 多国语言支持
- 富文本编辑器
- Markdown 编辑器
- 全屏功能
- Fontawesome 图标库
- 图标选择器（组件）
- 自动引入下载的 SVG 图标
- 前端假数据支持（ mock ）
- 集成蚂蚁金服出品的 G2 图表
- 图表自适应可拖拽大小的卡片容器（示例）
- 简化剪贴板操作
- 简化Cookie操作
- 时间日期计算工具
- 导入 Excel （ xlsx 格式 + csv 格式 ）
- 数据导出 Excel （ xlsx 格式 + csv 格式 ）
- 数据导出文本
- 数字动画
- 可拖拽调整大小的切分布局
- 可拖拽调整大小和位置的网格布局
- 提供三种方便的页面容器组件（正常卡片，隐形容器，填满页面）
- 代码高亮显示
- 加载并解析（或者直接指定资源） markdown 文件
- GitHub 样式的 markdown 显示组件
- markdown 内代码高亮
- 为 markdown 扩展了百度云链接解析和优化显示
- 右键菜单组件
- 自定义滚动条和滚动控制
- 内置4种主题
- 公用样式抽离，方便的主题定制
- 支持百万级数据量的表格组件
- 打包后随意目录部署（已经做好兼容设置）
TODO
D2Admin 仍然处于开发中，这里有一些计划：
- 分离出简化版本
- 推出基于 ice 平台的版本
- 增加右上角通知中心
- 增加一些实例页面以提供业务页面布局建议
- 更换图表库
- 多 tab 页结构
- 面包屑导航
- 树型表格组件
1.1.0 完成抽离项目里的文档，集中存放在文档站点1.1.0 完成对主界面进行一次完善，调整整体布局和颜色1.1.0 完成切换主题功能
欢迎你为 D2Admin 的开发作出贡献（代码编写/文档翻译）。
目录结构
├─ build
├─ config
├─ docs // 文档
├─ src
│ ├─ assets // 资源
│ │ ├─ icons
│ │ ├─ image
│ │ ├─ library
│ │ └─ style
│ ├─ components // 组件
│ │ ├─ charts
│ │ ├─ core
│ │ └─ demo
│ ├─ i18n // 多国语
│ ├─ menu // 菜单
│ ├─ mock // 模拟数据
│ ├─ pages // 页面
│ ├─ plugin // 插件
│ ├─ router // 路由
│ ├─ store // vuex
│ ├─ utils
│ ├─ App.vue
│ └─ main.js
├─ static // 静态资源
├─ .babelrc
├─ .editorconfig
├─ .eslintignore
├─ .eslintrc.js
├─ .gitattributes
├─ .gitignore
├─ .postcssrc.js
├─ LICENSE
├─ README.md
├─ deploy.sh
├─ design.sketch // 设计文件
├─ index.html
└─ package.json
更多专业前端知识，请上 【猿2048】www.mk2048.com