FairyEver

17 天前

写在 D2Admin 开源一个月之后(1.1.4版本发布小记)

Vue

本文作者:IMWeb FairyEver 原文出处:IMWeb社区 未经同意,禁止转载

github-banner

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

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

Snip20180703_4

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

Snip20180703_5-squashed

上图:好友不幸骨折,守着他编码...(希望他早点康复)

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

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

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

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

经典主题: Snip20180703_6-squashed

集成组件和插件: Snip20180703_7-squashed

图标选择器: Snip20180703_8-squashed

版本检查: Snip20180703_10-squashed

灰度模式: Snip20180703_11-squashed Snip20180704_9 Snip20180705_1

数据持久化: Snip20180703_12-squashed

图表: Snip20180703_13-squashed

主题: Snip20180703_14-squashed

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

上面是我随便截了几张图片 如果你感兴趣的话可以去体验地址一趟 -> 体验地址 <-。

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

另外大家实际使用的时候建议使用 简化版模板

完整功能列表

  • 首屏加载等待动画 避免首次加载白屏尴尬
  • 简约主题
  • 每个插件和组件都配有介绍文档
  • 图片资源 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 +

下面是由新到旧的更新列表

这个列表在这里也可以查看 -> 中文文档 | 更新日志

v1.1.4

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

v1.1.3

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

v1.1.2

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

v1.1.1

  • [ 修改 ] 删除了 G2 相关的代码(移除图表库)
  • [ 优化 ] 侧边栏取值逻辑

v1.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组件
  • [ 修复 ] 侧边栏内容超过一屏后显示错误
  • [ 新增 ] 自定义滚动条演示页面
  • [ 新增 ] 流星主题新增背景图片上层的半透明遮罩
  • [ 修复 ] 主题设置失效bug
  • [ 修复 ] router守卫验证登陆部分代码修改
  • [ 修复 ] d2-container 组件改为同步注册(之前的异步注册会有 mounted 生命周期问题,即 slot 内的页面在 mounted 生命周期内拿不到 dom)
  • [ 修复 ] d2-container 组件重构 flex 布局
  • [ 新增 ] 404 page
  • [ 新增 ] 顶栏联系方式
  • [ 新增 ] 右键菜单组件
  • [ 新增 ] 菜单配置支持空菜单(项目开发的时候有可能需要先把菜单做好查看效果)
  • [ 优化 ] 页面左侧菜单滚动条优化
  • [ 修复 ] CSS 边距工具类都加上了 !important 来保证在覆盖样式时生效
  • [ 修复 ] IE11 兼容性修复

写这篇文章的时候心情竟然出奇地平静,终于发新版了,总算松了一口气...

下阶段的计划:

  • ice 版本
  • bug 修复

最后总结一下项目各种地址

0条评论

    您需要 注册 一个IMWeb账号或者 才能进行评论。