sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
Files
500d79859f6decef127ee760293632f87ba95f6e
mes-ui-d2/docs/zh/guide
History
liyang 500d79859f no message 
Former-commit-id: 604f187aa9e49e158e6077eafb5033fa0efc85ff [formerly 052c4f7807722c39997d7a9aebdd47db7b01132e] [formerly 604f187aa9e49e158e6077eafb5033fa0efc85ff [formerly 052c4f7807722c39997d7a9aebdd47db7b01132e] [formerly 604f187aa9e49e158e6077eafb5033fa0efc85ff [formerly 052c4f7807722c39997d7a9aebdd47db7b01132e] [formerly 052c4f7807722c39997d7a9aebdd47db7b01132e [formerly 46cc61a4e0649bf5efb50f1eb3ffcc65f7e22f38 [formerly 8966ac477147ca58870e921a701de440e07a1b97]]]]]
Former-commit-id: 749f5ff10c47dc01ba2c24d81bd5d65d4a0a4982
Former-commit-id: b81a863547d7cc796f625029e5bed336d9ed428e
Former-commit-id: e582a63433bbac4772b33b00e5d4bc530d1794ab [formerly 675bb12b11d6298b7ee040aae684a1367d83a790]
Former-commit-id: a4fd3ea9acbd710167c7985b7a6f4edbd6c4a926
Former-commit-id: f4eb14bab7cb2ae0713d3189cda33ac76c6ad7a4
Former-commit-id: 520e80a8ee734c36e126c2d829692869b4d2afd0
Former-commit-id: 58a549566d4751f0f4bb7d99e3f613f5ae8f2993
Former-commit-id: 92e38762dcb7e4ed2da9dd8a4a4e53f6f1adec2e
2018-06-20 16:37:32 +08:00
..
image
no message
2018-06-12 20:39:12 +08:00
change-log.md
no message
2018-06-20 14:00:45 +08:00
pr.md
no message
2018-06-20 14:00:45 +08:00
q-a.md
no message
2018-06-20 14:55:10 +08:00
README.md
no message
2018-06-20 16:37:32 +08:00

README.md

介绍

D2Admin 是一个开源的管理系统前端集成方案

Github仓库 - 预览地址

::: tip 因为现在集成了很多的插件和组件，首次加载会占用很多的时间，虽然已经做了首屏加载动画，但还是建议您在发布之前一定要删除没有用到的代码，比如项目没有用到图表、示例、插件组件。 :::

关于

D2Admin 是完全开源免费的管理系统集成方案，由 FairyEver 在工作之余完全由兴趣驱动完成，如果你也一样喜欢前端开发，欢迎加入我们的讨论，群内可以提问答疑，分享学习资料或者随便扯淡

::: tip Thanks D2Admin 创建于2018年1月14日零点51分，在2018年5月26日正式发布，中间断断续续做了四个多月，发布一个月内收获将近 700star，在此对支持我的朋友表示感谢，D2Admin 将会保持更新 :::

功能

  • 首屏加载等待动画 避免首次加载白屏尴尬
  • 简约主题
  • 每个插件和组件都配有介绍文档
  • 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
  • 登陆和注销
  • 根据路由自动生成菜单
  • 可折叠侧边栏
  • 方便的菜单设置
  • 多国语言支持
  • 富文本编辑器
  • Markdown 编辑器
  • 全屏功能
  • Fontawesome 图标库
  • 图标选择器（组件）
  • 自动引入下载的 SVG 图标
  • 前端假数据支持（ mock ）
  • 集成 G2 图表
  • 图表自适应可拖拽大小的卡片容器（示例）
  • 简化剪贴板操作
  • 简化Cookie操作
  • 时间日期计算工具
  • 导入 Excel （ xlsx 格式 + csv 格式 ）
  • 数据导出 Excel （ xlsx 格式 + csv 格式 ）
  • 数据导出文本
  • 数字动画
  • 可拖拽调整大小的切分布局
  • 可拖拽调整大小和位置的网格布局
  • 提供三种方便的页面容器组件（正常卡片，隐形容器，填满页面）
  • 代码高亮显示
  • 加载并解析（或者直接指定资源） markdown 文件
  • GitHub 样式的 markdown 显示组件
  • markdown 内代码高亮
  • 为 markdown 扩展了百度云链接解析和优化显示
  • 右键菜单组件
  • 自定义滚动条和滚动控制
  • 内置4种主题
  • 公用样式抽离，方便的主题定制
  • 支持百万级数据量的表格组件

TODO

D2Admin 仍然处于开发中，这里有一些计划：

  • 1.1.0 完成 抽离项目里的文档，集中存放在文档站点
  • 1.1.0 完成 对主界面进行一次完善，调整整体布局和颜色
  • 1.1.0 完成 切换主题功能
  • 1.1.0 完成 使用自定义滚动条
  • 分离出简化版本
  • 推出基于 ice 平台的版本
  • 增加右上角通知中心
  • 增加一些实例页面以提供业务页面布局建议
  • 更换图表库
  • 树型表格组件

欢迎你为 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

使用

首先下载模板 d2-admin/releases

::: tip 不要直接克隆本项目，请选择上面已经发行的版本，如果克隆仓库，你将会得到不完全的代码。尤其不要使用 dev 分支 :::

// 安装依赖
npm i

// 运行
npm run dev

// 打包
npm run build

如果上述步骤出现错误，建议您升级 node 版本 >8，如果有其它疑问请参考常见问题