D2Admin - 优雅的管理系统PC端集成方案 - 好文

D2Admin 是一个注重外观表现的管理系统 PC端集成方案，现在正在紧张开发维护。

前言

距离 D2Admin 正式和大家见面(开源)，已经过去一个多月了。

现在想想这一个月真是很忙碌，几乎所有的业余时间都用在了开源项目上，公司没事的时候在写，晚上回家每天都要写到一点左右，回家火车上都在忙着改代码…

上图：好友不幸骨折，守着他编码…（希望他早点康复）

有天我和朋友说，感觉真是开源个项目，把自己整个人都开源了，一个人又要设计又要写代码又要写文档还要回答问题，除了上班吃睡就都是它了！

但是就我个人而言，我感觉倒也是一种不错的体验。

通过这个开源产品，认识了很多朋友，有了自己的小交流群，平日没事了大家一起讨论讨论问题也挺不错。当然也新认识了一些大佬（膜拜），通过交流也有不小的收获。

介绍

废话不多说了，一介码农也没有什么文采，今天也是趁着发版的机会小发表一些想法，下面就介绍一下这一个月来究竟升级了什么吧，先放几张截图吧：

预览

经典主题:

集成组件和插件:

图标选择器:

版本检查:

灰度模式:

数据持久化:

图表:

主题:

响应大家需求，这次最大的升级：多标签页:

上面是我随便截了几张图片如果你感兴趣的话可以去体验地址一趟 -> 体验地址
<https://fairyever.gitee.io/d2-admin-preview/#/index> <-。

项目现在集成了不少的库和插件，第一次加载确实有些慢，以后有空了优化一下。

另外大家实际使用的时候建议使用简化版模板 <https://github.com/d2-projects/d2-admin-start-kit>。

完整功能列表

* 首屏加载等待动画避免首次加载白屏尴尬
* 简约主题
* 每个插件和组件都配有介绍文档
* 图片资源 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 +
* 持久化存储 1.1.4 +
更新列表

这个列表在这里也可以查看 -> 中文文档 | 更新日志
<https://fairyever.gitee.io/d2-admin-doc/zh/guide/change-log.html#v1-1-0>

1.1.4

* [ 修改 ] 全局状态管理设计优化
* [ 修改 ] 主题调优
* [ 新增 ] playground 模块，方便测试和展示一些功能实现方式/调用方法
* [ 新增 ] 灰度模式
* [ 新增 ] 多页模式
* [ 新增 ] 多页模式缓存
* [ 新增 ] 多页模式快速关闭（关闭左侧右侧全部其它）
* [ 修改 ] 侧边栏滚动优化
* [ 新增 ] d2-container 填充模式自定义滚动条
* [ 新增 ] d2-container 组件卡片和隐形模式自定义滚动条
* [ 新增 ] 现在页面标题可以根据路由做出对应变化了
* [ 新增 ] 版本检查机制
* [ 新增 ] d2-container 隐形模式支持 header 插槽
* [ 新增 ] 版本检查可以设置为不显示提示框
* [ 新增 ] 集成 json 查看组件
* [ 新增 ] 添加了所有图表种类的演示页面
* [ 修改 ] 修改布局方式，解决了在 Firefox 上 better-scroll 初始化拿不到正确高度的 bug
* [ 新增 ] 右上角显示用户名，用户名持久存储
1.1.3

* [ 修复 ] 侧边栏在折叠时不显示的 bug
* [ 新增 ] v-charts 插件
* [ 新增 ] 一些演示图表（后续打算把 v-charts 文档上有示例性的演示都展示一下）
* [ 修改 ] D2Admin 经典主题颜色调整
* [ 新增 ] violet 主题
* [ 新增 ] 菜单图标
* [ 修改 ] 新制作了 Fork me 图片
1.1.2

* [ 修改 ] 删除了 G2 相关的依赖
1.1.1

* [ 修改 ] 删除了 G2 相关的代码（移除图表库）
* [ 优化 ] 侧边栏取值逻辑
1.1.0

* [ 修改 ] 顶栏和侧边栏菜单新的结构生成方式，新的方案使用数据 + 递归组件实现无限制多级菜单
* [ 修改 ] 路由注册回归最简单的写法
* [ 修复 ] 首次加载 loading 样式类名和程序内类名冲突，新的加载类名使用 d2-app-loading 前缀
* [ 修改 ] 所有类似 dd- 的样式前缀(包括自动注册图标的id前缀)统一改为 d2-
* [ 修复 ] 修复 d2-highlight 组件和 d2-markdown 组件的样式冲突
* [ 修改 ] 内置组件名称统一改为 d2- 前缀，统一使用横线连接 (kebab-case) 风格
* [ 修改 ] 顶栏 logo 阴影删除
* [ 新增 ] 主题系统
* [ 新增 ] 三个主题，分别为 d2admin 经典，简约线条，流星
* [ 修改 ] d2-markdown 组件 md 参数改名为 source
* [ 修改 ] 删除了 d2-markdown 组件中图片的白色背景
* [ 修改 ] 删除 timeago 插件，更换为更强大的 dayjs
* [ 新增 ] Tomorrow Night Blue 主题
* [ 修改 ] src/assets/style/public-class.scss 写法优化
* [ 新增 ] vue-bigdata-table <https://github.com/lison16/vue-bigdata-table>组件
* [ 修复 ] 侧边栏内容超过一屏后显示错误
* [ 新增 ] 自定义滚动条演示页面
* [ 新增 ] 流星主题新增背景图片上层的半透明遮罩
* [ 修复 ] 主题设置失效bug
* [ 修复 ] router守卫验证登陆部分代码修改
* [ 修复 ] d2-container 组件改为同步注册（之前的异步注册会有 mounted 生命周期问题，即 slot 内的页面在 mounted
生命周期内拿不到 dom）
* [ 修复 ] d2-container 组件重构 flex 布局
* [ 新增 ] 404 page
* [ 新增 ] 顶栏联系方式
* [ 新增 ] 右键菜单组件
* [ 新增 ] 菜单配置支持空菜单（项目开发的时候有可能需要先把菜单做好查看效果）
* [ 优化 ] 页面左侧菜单滚动条优化
* [ 修复 ] CSS 边距工具类都加上了 !important 来保证在覆盖样式时生效
* [ 修复 ] IE11 兼容性修复
写这篇文章的时候心情竟然出奇地平静，终于发新版了，总算松了一口气…

下阶段的计划：

* ice 版本
* bug 修复
项目地址

地址描述
团队主页 <https://github.com/d2-projects> D2Admin 所属的团队主页
中文文档 <http://d2admin.fairyever.com/zh/> 中文文档
预览地址 <https://fairyever.gitee.io/d2-admin-preview/#/index> 预览地址
github <https://github.com/d2-projects/d2-admin> Github 仓库
码云 <https://gitee.com/fairyever/d2-admin> 码云镜像仓库
简化版 github <https://github.com/d2-projects/d2-admin-start-kit> 简化版 Github 仓库
简化版码云 <https://gitee.com/fairyever/d2-admin-start-kit> 简化版码云镜像仓库
在最后，如果你看完了，并且觉得不错，希望可以到项目主页 <https://github.com/d2-projects/d2-admin> 上点一个
star 作为你对这个项目的认可与支持，谢谢。

热门工具换一换