diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 006effbc..ad790c71 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -75,18 +75,23 @@ module.exports = { { text: '其它', items: [ - { text: '文章归档', link: '' }, - { text: '更新日志', link: '' }, - { text: '参与者名单', link: '' }, + { text: '文章归档', link: '/zh/article/' }, + { text: '更新日志', link: '/zh/change-log/' }, + { text: '参与者名单', link: '/zh/collaborator/' }, + { + text: '交流', + items: [ + { text: '微信公众号', link: '' }, + { text: '交流群', link: '' } + ] + }, { text: '关注我们', items: [ { text: '掘金', link: '' }, { text: 'CSDN', link: '' }, { text: 'segmentfault', link: '' }, - { text: '知乎', link: '' }, - { text: '微信公众号', link: '' }, - { text: '交流群', link: '' } + { text: '知乎', link: '' } ] } ] @@ -96,7 +101,8 @@ module.exports = { sidebar: { '/zh/learn-guide/': sideBarLearnGuide(), '/zh/sys-components/': sideBarSysComponents(), - '/zh/sys-plugins/': sideBarSysPlugins() + '/zh/sys-plugins/': sideBarSysPlugins(), + '/zh/article/': sideBarArticle('版本发布') } } } @@ -145,4 +151,19 @@ function sideBarSysPlugins () { ] } ] +} + +function sideBarArticle (titleUpdate) { + return [ + { + title: titleUpdate, + collapsable: false, + children: [ + 'update/ice-1.1.2', + 'update/1.1.5', + 'update/1.1.4', + 'update/0.0.0' + ] + } + ] } \ No newline at end of file diff --git a/docs/zh/article/README.md b/docs/zh/article/README.md new file mode 100644 index 00000000..37a1c102 --- /dev/null +++ b/docs/zh/article/README.md @@ -0,0 +1,3 @@ +# 文章 + +请在侧边栏目录选择文章阅读 \ No newline at end of file diff --git a/docs/zh/article/update/0.0.0.md b/docs/zh/article/update/0.0.0.md new file mode 100644 index 00000000..40a0747b --- /dev/null +++ b/docs/zh/article/update/0.0.0.md @@ -0,0 +1,123 @@ +# 公布项目 + +![github-banner](http://fairyever.qiniudn.com/github-banner.png) + +# 介绍 + +D2Admin 是一个开源的管理系统前端集成方案 + +[Github仓库](https://github.com/d2-projects/d2-admin) - [预览地址](https://fairyever.gitee.io/d2-admin-preview/#/index) - [中文文档](https://fairyever.gitee.io/d2-admin-doc/zh/) + +D2Admin 是完全开源免费的管理系统集成方案，由 [FairyEver](https://github.com/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](https://alibaba.github.io/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 +``` \ No newline at end of file diff --git a/docs/zh/article/update/1.1.4.md b/docs/zh/article/update/1.1.4.md new file mode 100644 index 00000000..7cd6a38e --- /dev/null +++ b/docs/zh/article/update/1.1.4.md @@ -0,0 +1,219 @@ +# 版本发布 1.1.4 + +![github-banner](http://fairyever.qiniudn.com/github-banner.png) + +D2Admin 是一个 **注重外观表现** 的管理系统 **PC端** 集成方案，现在正在紧张开发维护。 + +## 前言 + +距离 D2Admin 正式和大家见面(开源)，已经过去一个多月了。 + +![Snip20180703_4](http://fairyever.qiniudn.com/Snip20180703_4.png) + +现在想想这一个月真是很忙碌，几乎所有的业余时间都用在了开源项目上，公司没事的时候在写，晚上回家每天都要写到一点左右，回家火车上都在忙着改代码... + +![Snip20180703_5-squashed](http://fairyever.qiniudn.com/Snip20180703_5-squashed.jpg) + +上图：好友不幸骨折，守着他编码...（希望他早点康复） + +有天我和朋友说，感觉真是开源个项目，把自己整个人都开源了，一个人又要设计又要写代码又要写文档还要回答问题，除了上班吃睡就都是它了！ + +但是就我个人而言，我感觉倒也是一种不错的体验。 + +通过这个开源产品，认识了很多朋友，有了自己的小交流群，平日没事了大家一起讨论讨论问题也挺不错。当然也新认识了一些大佬（膜拜），通过交流也有不小的收获。 + +## 介绍 + +废话不多说了，一介码农也没有什么文采，今天也是趁着发版的机会小发表一些想法，下面就介绍一下这一个月来究竟升级了什么吧，先放几张截图吧： + +### 预览 + +经典主题: + +![Snip20180703_6-squashed](http://fairyever.qiniudn.com/Snip20180703_6-squashed.png) + +集成组件和插件: + +![Snip20180703_7-squashed](http://fairyever.qiniudn.com/Snip20180703_7-squashed.png) + +图标选择器: + +![Snip20180703_8-squashed](http://fairyever.qiniudn.com/Snip20180703_8-squashed.png) + +版本检查: + +![Snip20180703_10-squashed](http://fairyever.qiniudn.com/Snip20180703_10-squashed.png) + +灰度模式: + +![Snip20180703_11-squashed](http://fairyever.qiniudn.com/Snip20180703_11-squashed.png) +![Snip20180704_9](http://fairyever.qiniudn.com/Snip20180704_9.png) +![Snip20180705_1](http://fairyever.qiniudn.com/Snip20180705_1.png) + +数据持久化: + +![Snip20180703_12-squashed](http://fairyever.qiniudn.com/Snip20180703_12-squashed.png) + +图表: + +![Snip20180703_13-squashed](http://fairyever.qiniudn.com/Snip20180703_13-squashed.png) + +主题: + +![Snip20180703_14-squashed](http://fairyever.qiniudn.com/Snip20180703_14-squashed.png) + +响应大家需求，这次最大的升级：多标签页: + +![Snip20180703_15](http://fairyever.qiniudn.com/Snip20180703_15.png) + +上面是我随便截了几张图片 如果你感兴趣的话可以去体验地址一趟 -> [体验地址](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) | 完整版 码云镜像仓库 | +| [简化版 预览地址](https://fairyever.gitee.io/d2-admin-start-kit-preview/#/index) | 简化版 预览地址 | +| [简化版 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** 作为你对这个项目的认可与支持，谢谢。 + diff --git a/docs/zh/article/update/1.1.5.md.REMOVED.git-id b/docs/zh/article/update/1.1.5.md.REMOVED.git-id new file mode 100644 index 00000000..2600a1c6 --- /dev/null +++ b/docs/zh/article/update/1.1.5.md.REMOVED.git-id @@ -0,0 +1 @@ +05ccbdf3de53a90253dd94be5732f56d8b7235e9 \ No newline at end of file diff --git a/docs/zh/article/update/ice-1.1.2.md b/docs/zh/article/update/ice-1.1.2.md new file mode 100644 index 00000000..03427e20 --- /dev/null +++ b/docs/zh/article/update/ice-1.1.2.md @@ -0,0 +1,226 @@ +# D2Admin ICE 发布 + +# 可视化搭建前端工程 - 阿里飞冰了解一下 + +飞冰官方网站 [https://alibaba.github.io/ice](https://alibaba.github.io/ice) + +每次新做一个项目，无论大小都要干这些事： + +* 框架选型 +* 初始化脚手架（比如使用 **create-react-app** 或者 **vue-cli**） +* 也可能你选择了开源脚手架，克隆仓库 +* 四处找轮子 +* 安装各种依赖 +* 新建页面，写逻辑 +* 设计菜单 +* 设计路由 +* 新建页面的时候去复制旧的页面修改 +* 把新的页面注册路由，注册菜单 +* 做完了这个页面做下个，新建文件，复制代码，注册路由... + +**烦不烦？要优雅！** + +今天介绍阿里的开源产品：[飞冰](https://alibaba.github.io/ice) + +## 飞冰是什么 + +![](http://fairyever.qiniudn.com/20180803020053.png) + +"海量可复用物料，通过 GUI 工具极速构建中后台应用"。 + +这句 slogan 还是非常准确的： + +飞冰是一套综合解决方案，用来极速构建中后台应用（其实也可以做非中后台应用）。 + +可以做到极速是通过『海量可复用物料』和『GUI 开发工具』实现的。 + +使用飞冰的开发工作流是这样的： + +`下载 GUI 工具并安装` => `可视化的选择我们提供的初始模板创建项目` => `可视化的创建页面并选择我们提供的 100+ 高质量可复用区块` => `生成代码进行二次开发` => `开发完成之后点击打包编译出 HTML、JS、CSS 文件` => `部署使用` + +在整个流程中，你可以完全通过 GUI 工具点击操作，无需安装配置 Node 环境等前端开发工具，也无需配置 webpack 等构建脚本，我们已经按照淘宝前端最佳实践全部内置。此外，绝大部分的业务需求，我们都已经开发出对应的物料，可以通过 GUI 进行可视化的拼装，尽可能避免你去编写额外的业务逻辑。 + +### 物料源 + +下面是一张很长的图片，为了体积考虑这张图比较模糊，但是可以感受一下 ICE 的区块数量： + +> 原始网页链接 [https://alibaba.github.io/ice/block](https://alibaba.github.io/ice/block) + +![](http://fairyever.qiniudn.com/20180803005118.jpg) + +目前为止 ICE 已经支持 react vue Angular 三大主流框架的物料资源 + +![](http://fairyever.qiniudn.com/20180803005219.png) + +打比方我现在项目需要富文本编辑器，可以看到区块里提供了三款编辑器可供选择 + +![](http://fairyever.qiniudn.com/20180803005411.png) + +所有的这些，都是使用 GUI 就可以加入到项目中使用的，下面将会展示如何从安装 iceworks 客户端到在项目中新建页面。 + +## 如何使用 + +### 安装 + +> 为了真实演示，特意删掉了以前安装的 app + +演示系统为 macOS，iceworks 支持 Windows 版本。 + +iceworks 下载地址 [https://alibaba.github.io/ice/iceworks](https://alibaba.github.io/ice/iceworks) + +![](http://fairyever.qiniudn.com/20180803005813.png) + +稍微等待了一会儿，下载完成。安装后得到了这样一个 App： + +![](http://fairyever.qiniudn.com/20180803010417.png) + +### 上手 + +安装后打开看到一个很简单的界面： + +![](http://fairyever.qiniudn.com/20180803010628.png) + +切换到模板标签可以看到飞冰目前提供的脚手架列表： + +![](http://fairyever.qiniudn.com/20180803010704.png) + +区块标签可以看到区块列表 + +![](http://fairyever.qiniudn.com/20180803011044.gif) + +插件 + +![](http://fairyever.qiniudn.com/20180803011128.png) + +设置 + +![](http://fairyever.qiniudn.com/20180803011150.png) + +这就是表面上所有的功能，下面我们来建一个项目体验一下 + +### 新建 vue 项目 + +飞冰是从 react 开始做的，现在 vue 和 Angular 物料源还比较少，我们切换到 vue 选项卡里... + +![](http://fairyever.qiniudn.com/20180803011329.png) + +**是不是混进了什么奇怪的东西！** + +![](http://fairyever.qiniudn.com/20180803011519.png) + +没错，D2Admin 出了 ICE 版！ + +在我和阿里的开发者**一个月**的对接之后，D2Admin ICE 诞生了，作为飞冰平台上第一个**非官方 vue 脚手架**，D2Admin ICE 承担的希望还是很大的！下面使用这个脚手架做演示，展示如何**不写代码**建页面，**不写代码**出图表！ + +选择 D2Admin ICE 作为起始模板后会让我们填写项目保存地址： + +![](http://fairyever.qiniudn.com/20180803011843.png) + +填写完成后开始下载模板，下载后会提示我是否要立刻安装依赖： + +![](http://fairyever.qiniudn.com/20180803012018.gif) + +为了避免动态图过大我没有录安装过程： + +![](http://fairyever.qiniudn.com/20180803012215.png) + +在写上面的时候已经提示我依赖安装完成了（很人性化有没有）： + +![](http://fairyever.qiniudn.com/20180803012311.png) + +![](http://fairyever.qiniudn.com/20180803012346.png) + +ennn...没毛病。 + +### 启动项目 + +点击 `启动调试服务` 会在本地打开调试服务，vue 项目默认执行的是 `npm start`： + +![](http://fairyever.qiniudn.com/20180803012548.gif) + +打开显示的链接，可以看到项目已经稳稳地跑起来了： + +![](http://fairyever.qiniudn.com/20180803012748.png) + +D2Admin ICE 实质上是 [d2-admin-start-kit](https://github.com/d2-projects/d2-admin-start-kit) 的特别版本，为适应 ICE 的逻辑修改了一部分代码，可以看到模板十分干净，没有了任何完整版的示例 demo： + +![](http://fairyever.qiniudn.com/20180803012914.png) + +关闭 ICE 内集成的终端后可以看到项目面板，可以显示出现在有哪些页面，安装了哪些依赖等： + +![](http://fairyever.qiniudn.com/20180803013159.png) + +### 新建页面 + +点击 `新建页面` 会打开新建页面界面： + +![](http://fairyever.qiniudn.com/20180803013712.png) + +随便选择一个区块新建一个页面（中间的等待时间是 iceworks 在从 npm 下载区块代码） + +![](http://fairyever.qiniudn.com/20180803013831.gif) + +选择区块： + +![](http://fairyever.qiniudn.com/20180803014037.png) + +效果： + +![](http://fairyever.qiniudn.com/20180803014058.png) + +下面尝试一下选择多个区块： + +![](http://fairyever.qiniudn.com/20180803014157.png) + +![](http://fairyever.qiniudn.com/20180803014244.png) + +自动生成了菜单： + +![](http://fairyever.qiniudn.com/20180803014402.png) + +页面效果： + +![](http://fairyever.qiniudn.com/20180803014605.gif) + +检查一下自动生成的代码目录： + +![](http://fairyever.qiniudn.com/20180803014743.png) + +自动生成的页面组件： + +![](http://fairyever.qiniudn.com/20180803015016.png) + +自动生成的样式文件： + +![](http://fairyever.qiniudn.com/20180803015047.png) + +该有的都有了，不该有的也有了，连生命周期钩子都帮你写了一遍！ + +## 结语 + +演示一遍下来后，我生成了两个页面，没有写一行代码，剩下的操作就是修修改改，把多个页面都需要的组件提取一下，做做修改工作。 + +D2Admin 团队也会在以后的时间里尽力和 ICE 团队合作开发 vue 公用区块，加速 ICE 的 vue 生态建设，也希望众多的 vuer 都可以参与进来，平台有了，社区繁荣起来才是对大家都有利的事情。 + +D2Admin ICE 将会保持和 D2Admin Start Kit 一致更新，如果你看到完整版的 D2Admin 实在喜欢，从完整版做减法也未尝不可 :） + +## D2 Projects + +| 地址 | 描述 | +| --- | --- | +| [团队主页](https://github.com/d2-projects) | D2Admin 所属的团队主页 | +| [中文文档](http://d2admin.fairyever.com/zh/) | 中文文档 | +| [D2Admin 完整版 预览地址](https://fairyever.gitee.io/d2-admin-preview/#/index) | 完整版 预览地址 | +| [D2Admin 完整版 github](https://github.com/d2-projects/d2-admin) | 完整版 Github 仓库 | +| [D2Admin 完整版 码云](https://gitee.com/fairyever/d2-admin) | 完整版 码云镜像仓库 | +| [D2Admin 简化版 预览地址](https://fairyever.gitee.io/d2-admin-start-kit-preview/#/index) | 简化版 预览地址 | +| [D2Admin 简化版 github](https://github.com/d2-projects/d2-admin-start-kit) | 简化版 Github 仓库 | +| [D2Admin 简化版 码云](https://gitee.com/fairyever/d2-admin-start-kit) | 简化版 码云镜像仓库 | + +开源项目组官方公众号 + + + +[本文在项目文档中收录位置](http://d2admin.fairyever.com/zh/article/update/ice-1.1.2.html) + +在最后，如果你看完了，并且觉得还不错，希望可以到 [项目主页](https://github.com/d2-projects/d2-admin) 上点一个 **star** 作为你对这个项目的认可与支持，谢谢。 \ No newline at end of file diff --git a/docs/zh/change-log/README.md b/docs/zh/change-log/README.md new file mode 100644 index 00000000..ef14fad1 --- /dev/null +++ b/docs/zh/change-log/README.md @@ -0,0 +1,133 @@ +--- +sidebar: auto +--- + +# 更新日志 + +## v1.1.8 + +* [ 新增 ] 增加了错误收集和日志收集功能 +* [ 新增 ] 增加了一个表格示例页面 +* [ 修改 ] bug 修复 + +## v1.1.7 + +* [ 修改 ] 多标签页右键菜单 bug 修复 + +## v1.1.6 + +* [ 新增 ] 新增加了多页控制组件 tab 按钮上的右键操作菜单，现在你可以在 D2Admin 中像使用浏览器一样操作多标签页 + +## v1.1.5 + +* [ 修改 ] vue-cli3 项目重构，目录调整 +* [ 修改 ] 全局状态管理设计优化 +* [ 修改 ] 多标签页操作全部转移至 vuex +* [ 修改 ] 修复了多标签页无法清除缓存的 bug +* [ 修改 ] bug fixed [#38](https://github.com/d2-projects/d2-admin/issues/38) +* [ 修改 ] bug fixed [#41](https://github.com/d2-projects/d2-admin/issues/41) +* [ 修改 ] 侧边栏和顶栏菜单数据控制转移到 vuex 集中管理 +* [ 修改 ] 页面最小宽度设置 +* [ 新增 ] d2-highlight 组件新增 format-html 参数 +* [ 新增 ] 自动获取用户浏览器 UA +* [ 新增 ] playground 新增浏览器信息查看界面 +* [ 修改 ] 登陆注销逻辑移至 vuex +* [ 新增 ] 登陆页面新增快速选择用户示例 +* [ 新增 ] 侧边栏切换控制辑移至 vuex +* [ 新增 ] 判断手机浏览自动跳转至提示页面 +* [ 修改 ] 侧边栏弹出菜单尺寸缩小以容纳更多菜单 +* [ 修改 ] d2-container 组件重构，每种模式现都支持 scroll 属性以及 header footer 插槽 +* [ 修改 ] 修复全屏按钮退出全屏状态不更新的 bug +* [ 修改 ] 修复多标签页缓存逻辑 bug +* [ 新增 ] 持久化存储根据系统版本区分数据，防止因更新导致数据错乱 +* [ 新增 ] 注销画面灰度效果 +* [ 新增 ] .d2-card 样式类，可以让 el-card 具有跟随主题变化的样式 +* [ 新增 ] ElementUI 表格组件全部示例移植 +* [ 新增 ] 全局状态管理 playground +* [ 新增 ] 用户私有持久化数据 playground +* [ 新增 ] 侧边栏和顶栏菜单设置 playground +* [ 新增 ] d2-container 组件 card 模式下 footer 样式优化 +* [ 修改 ] 侧边栏折叠模式下弹出菜单尺寸缩小 +* [ 修改 ] 默认取消了侧边栏的自定义滚动条显示 +* [ 新增 ] cookie 读写包装 +* [ 新增 ] 持久化存储读写包装，提供快速操作当前用户数据的 mutation +* [ 新增 ] 持久化存储读写包装，提供快速操作所有用户共享数据的 mutation +* [ 新增 ] 侧边栏折叠状态现在会根据用户区分记录，刷新页面保留之前的状态 + +## 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](https://github.com/lison16/vue-bigdata-table)组件 +* [ 修复 ] 侧边栏内容超过一屏后显示错误 +* [ 新增 ] 自定义滚动条演示页面 +* [ 新增 ] 流星主题新增背景图片上层的半透明遮罩 +* [ 修复 ] 主题设置失效bug +* [ 修复 ] router守卫验证登陆部分代码修改 +* [ 修复 ] d2-container 组件改为同步注册（之前的异步注册会有 mounted 生命周期问题，即 slot 内的页面在 mounted 生命周期内拿不到 dom） +* [ 修复 ] d2-container 组件重构 flex 布局 +* [ 新增 ] 404 page +* [ 新增 ] 顶栏联系方式 +* [ 新增 ] 右键菜单组件 +* [ 新增 ] 菜单配置支持空菜单（项目开发的时候有可能需要先把菜单做好查看效果） +* [ 优化 ] 页面左侧菜单滚动条优化 +* [ 修复 ] CSS 边距工具类都加上了 `!important` 来保证在覆盖样式时生效 +* [ 修复 ] IE11 兼容性修复 + +## v1.0.0 + +[https://github.com/d2-projects/d2-admin/releases/tag/v1.0.0](https://github.com/d2-projects/d2-admin/releases/tag/v1.0.0) + +这是第一个版本，还有一点小问题，但是已经可用 \ No newline at end of file diff --git a/docs/zh/collaborator/README.md b/docs/zh/collaborator/README.md new file mode 100644 index 00000000..d005dc72 --- /dev/null +++ b/docs/zh/collaborator/README.md @@ -0,0 +1,5 @@ +--- +sidebar: auto +--- + +# 参与者名单 \ No newline at end of file