9d8defcab2
Former-commit-id: 58716dccb61e907a51077f2569d3d8ca6306f450 [formerly 3c074713c0c8373913c91a7a2c01fc011b614ad1] [formerly 58716dccb61e907a51077f2569d3d8ca6306f450 [formerly 3c074713c0c8373913c91a7a2c01fc011b614ad1] [formerly 58716dccb61e907a51077f2569d3d8ca6306f450 [formerly 3c074713c0c8373913c91a7a2c01fc011b614ad1] [formerly 3c074713c0c8373913c91a7a2c01fc011b614ad1 [formerly bf29f19ed73e147c05ec962ef4b129620b616fc1 [formerly 38b09fef23fce7dd76c833c3c3bf243946809fff]]]]] Former-commit-id: 729c69e3e22f6cd8c7c935040c803a858fd2cc96 Former-commit-id: e1694310cc4b408e733d62cdcce04b601d0df7b7 Former-commit-id: 0ff74391636c7481b13e20dc1393a2c58e70234a [formerly a4a16b07fe2efdef57ecbd0b382b43eafd2a75c5] Former-commit-id: d1f764264c5cb5e2b79d184a976182dbec85bd05 Former-commit-id: 93f62ad4792aaffec25ee96ad2b4f75e7b2ce352 Former-commit-id: 8de2c07bfa738da92adc3fced9b456b0518630cf Former-commit-id: 5ef24aedd4468a5c8a768fd80d6cb59582c6b938 Former-commit-id: c560ac33df538b7c02999ee2400004d2306d09bb
155 lines
5.4 KiB
Markdown
Executable File
155 lines
5.4 KiB
Markdown
Executable File
# 介绍
|
||
|
||
D2Admin 是一个开源的管理系统前端集成方案
|
||
|
||
[Github仓库](https://github.com/FairyEver/d2-admin) - [码云仓库](https://gitee.com/fairyever/d2-admin) - [预览地址](https://fairyever.gitee.io/d2-admin-preview)
|
||
|
||
因为现在集成了很多的插件和组件，首次加载会占用很多的时间，虽然已经做了首屏加载动画，但还是建议您在发布之前一定要删除没有用到的代码，比如项目没有用到图表、示例、插件组件。
|
||
|
||
## 功能
|
||
|
||
* 首屏加载等待动画 避免首次加载白屏尴尬
|
||
* 简约主题
|
||
* 每个插件和组件都配有介绍文档
|
||
* 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
|
||
* 登陆和注销
|
||
* 根据路由自动生成菜单
|
||
* 可折叠侧边栏
|
||
* 方便的菜单设置
|
||
* 多国语言支持
|
||
* 富文本编辑器
|
||
* Markdown 编辑器
|
||
* 全屏功能
|
||
* Fontawesome 图标库
|
||
* 图标选择器（组件）
|
||
* 自动引入下载的 SVG 图标
|
||
* 前端假数据支持（ mock ）
|
||
* 集成蚂蚁金服出品的 G2 图表
|
||
* 图表自适应可拖拽大小的卡片容器（示例）
|
||
* 简化剪贴板操作
|
||
* 简化Cookie操作
|
||
* 时间日期计算工具
|
||
* 导入 Excel （ xlsx 格式 + csv 格式 ）
|
||
* 数据导出 Excel （ xlsx 格式 + csv 格式 ）
|
||
* 数据导出文本
|
||
* 数字动画
|
||
* 可拖拽调整大小的切分布局
|
||
* 可拖拽调整大小和位置的网格布局
|
||
* 提供三种方便的页面容器组件（正常卡片，隐形容器，填满页面）
|
||
* 代码高亮显示
|
||
* 加载并解析（或者直接指定资源） markdown 文件
|
||
* GitHub 样式的 markdown 显示组件
|
||
* markdown 内代码高亮
|
||
* 为 markdown 扩展了百度云链接解析和优化显示
|
||
* 右键菜单组件
|
||
* 自定义滚动条和滚动控制
|
||
* 内置5种主题
|
||
* 公用样式抽离，方便的主题定制
|
||
* 支持百万级数据量的表格组件
|
||
* 打包后随意目录部署（已经做好兼容设置）
|
||
* 支持临时菜单配置
|
||
* 提供“试验台”功能 方便展示系统功能调用方法 `1.1.4 +`
|
||
* 多标签页模式 `1.1.4 +`
|
||
* 美化滚动条 `1.1.4 +`
|
||
|
||
## 加入小组
|
||
|
||
D2Admin 是完全开源免费的管理系统集成方案，由 [FairyEver](https://github.com/FairyEver) 在工作之余完全由兴趣驱动完成，如果你也一样喜欢前端开发，欢迎加入我们的讨论/学习群，群内可以`提问答疑`，`分享学习资料`或者随便扯淡
|
||
|
||
| QQ群 806395827 | 微信 liyang1711467488 |
|
||
| --- | --- |
|
||
| <img style="width: 200px;" src="https://raw.githubusercontent.com/FairyEver/d2-admin/dev/github/qq.jpg"/> | <img style="width: 200px;" src="https://raw.githubusercontent.com/FairyEver/d2-admin/dev/github/we.jpg"/> |
|
||
|
||
> 微信群需要先加群主才可以拉进群 PS 微信群交流不太方便，建议QQ群
|
||
|
||
## TODO
|
||
|
||
D2Admin 仍然处于开发中，这里有一些暂时的计划：
|
||
|
||
* 分离出简化版本
|
||
* 推出基于 [ice](https://alibaba.github.io/ice) 平台的版本
|
||
* 增加右上角通知中心
|
||
* 增加一些实例页面以提供业务页面布局建议
|
||
* 面包屑导航
|
||
* 树型表格组件
|
||
* 更多类型的编辑器
|
||
* socket 连接
|
||
* 浏览器版本提示
|
||
* 日志控制台
|
||
* `1.1.4 已完成` 自定义滚动条
|
||
* `1.1.4 已完成` 多 tab 页结构
|
||
* `1.1.3 已完成` 更换图表库
|
||
* `1.1.0 已完成` 抽离项目里的文档，集中存放在文档站点
|
||
* `1.1.0 已完成` 对主界面进行一次完善，调整整体布局和颜色
|
||
* `1.1.0 已完成` 切换主题功能
|
||
|
||
欢迎你为 D2Admin 的开发作出贡献（代码编写/文档翻译）。
|
||
|
||
## 目录结构
|
||
|
||
```
|
||
├─ build
|
||
├─ config
|
||
├─ deploy
|
||
├─ dist
|
||
├─ docs // 文档
|
||
├─ src
|
||
│ ├─ assets // 资源
|
||
│ │ ├─ icons
|
||
│ │ ├─ image
|
||
│ │ ├─ library
|
||
│ │ └─ style
|
||
│ ├─ components // 组件
|
||
│ │ ├─ charts // 图表组件
|
||
│ │ ├─ core // 核心组件
|
||
│ │ └─ demo // 示例组件
|
||
│ ├─ i18n // 多国语
|
||
│ ├─ libs // 通用库
|
||
│ ├─ menu // 菜单
|
||
│ ├─ mock // 模拟数据
|
||
│ ├─ pages // 页面
|
||
│ ├─ plugin // 插件
|
||
│ ├─ router // 路由
|
||
│ ├─ store // vuex
|
||
│ ├─ 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
|
||
```
|
||
|
||
## 获取代码
|
||
|
||
有两种方式可以获得 D2Admin 的代码
|
||
|
||
* 在 [releases](https://github.com/FairyEver/d2-admin/releases) 页面下载最新的发行版。发行版一般是完成了某个大升级或者修复重要 bug 后发布的压缩包，你可以下载下来直接使用
|
||
|
||
* Fork 仓库到你的 github 然后克隆到本地，然后使用 master 分支继续你的开发。这种方式得到的是最新的代码，但是会有未完成的新功能。**不建议使用这种方式**
|
||
|
||
* 由于 github 访问较慢，推荐前往码云仓库下载 [gitee.com/fairyever/d2-admin](https://gitee.com/fairyever/d2-admin)，码云上的仓库**在每次发布版本才会更新**，所以如果你选择此方法，请直接 fork 仓库并克隆到本地
|
||
|
||
> 码云的仓库由 github 同步，但是发行版和标签同步有一些问题，所以推荐直接 fork 仓库
|
||
|
||
## 使用
|
||
|
||
```
|
||
// 安装依赖
|
||
npm i
|
||
|
||
// 运行
|
||
npm run dev
|
||
|
||
// 打包
|
||
npm run build
|
||
``` |