no message
Former-commit-id: 5c8be8a85b0cba2a1e1e89ea72c8ac59087df61d [formerly e491df6b119dd8da11efb95abb874662933081a0] [formerly 5c8be8a85b0cba2a1e1e89ea72c8ac59087df61d [formerly e491df6b119dd8da11efb95abb874662933081a0] [formerly 5c8be8a85b0cba2a1e1e89ea72c8ac59087df61d [formerly e491df6b119dd8da11efb95abb874662933081a0] [formerly e491df6b119dd8da11efb95abb874662933081a0 [formerly 731aaa1eab6bea292c3246c1fcc6d154bcf6d2f2 [formerly 19ce0ba792ec5592397d7cf6686984be7a25e13f]]]]] Former-commit-id: 9f29fe6a9ba6d0a52a7f67e479d1f2cb7b1546b4 Former-commit-id: c6add3f6ad0f1d68250c6706dceafea380023838 Former-commit-id: 88152175823504d5841a89a5c1ae8a4b8a4714d4 [formerly 21979818846cf1375188a7528f95de56121f1d86] Former-commit-id: 7022a178ed883532fa196eb75f62fa06fe35330c Former-commit-id: 989add9a5aec12f7318f90473ccaab49eb6524f7 Former-commit-id: caed0f3751abb43abe3b531408f406c7bd4b23a1 Former-commit-id: 2b8f548a46d5a241f6602a240b27d56104ad66d2 Former-commit-id: ea94c865ded4988f3af665cc5d82d0bfa38228df
This commit is contained in:
liyang
@@ -1,3 +0,0 @@
|
||||
# 文章
|
||||
|
||||
请在侧边栏目录选择文章阅读
|
||||
@@ -1 +0,0 @@
|
||||
7016ea14567961c24eb1fdee492e0c996099f752
|
||||
@@ -1,3 +0,0 @@
|
||||
# 什么是 Cookbook
|
||||
|
||||
计算机领域的 Cookbook 指的是实用经典案例的意思，是对一些普遍性问题的解决方案的总结和整理。
|
||||
@@ -1,123 +0,0 @@
|
||||
# 公布项目
|
||||
|
||||
|
||||
|
||||
# 介绍
|
||||
|
||||
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
|
||||
```
|
||||
@@ -1,219 +0,0 @@
|
||||
# 版本发布 1.1.4
|
||||
|
||||
|
||||
|
||||
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) | 完整版 码云镜像仓库 |
|
||||
| [简化版 预览地址](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** 作为你对这个项目的认可与支持，谢谢。
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
05ccbdf3de53a90253dd94be5732f56d8b7235e9
|
||||
@@ -1,226 +0,0 @@
|
||||
# D2Admin ICE 发布
|
||||
|
||||
# 可视化搭建前端工程 - 阿里飞冰了解一下
|
||||
|
||||
飞冰官方网站 [https://alibaba.github.io/ice](https://alibaba.github.io/ice)
|
||||
|
||||
每次新做一个项目，无论大小都要干这些事：
|
||||
|
||||
* 框架选型
|
||||
* 初始化脚手架（比如使用 **create-react-app** 或者 **vue-cli**）
|
||||
* 也可能你选择了开源脚手架，克隆仓库
|
||||
* 四处找轮子
|
||||
* 安装各种依赖
|
||||
* 新建页面，写逻辑
|
||||
* 设计菜单
|
||||
* 设计路由
|
||||
* 新建页面的时候去复制旧的页面修改
|
||||
* 把新的页面注册路由，注册菜单
|
||||
* 做完了这个页面做下个，新建文件，复制代码，注册路由...
|
||||
|
||||
**烦不烦？要优雅！**
|
||||
|
||||
今天介绍阿里的开源产品：[飞冰](https://alibaba.github.io/ice)
|
||||
|
||||
## 飞冰是什么
|
||||
|
||||
|
||||
|
||||
"海量可复用物料，通过 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)
|
||||
|
||||
|
||||
|
||||
目前为止 ICE 已经支持 react vue Angular 三大主流框架的物料资源
|
||||
|
||||
|
||||
|
||||
打比方我现在项目需要富文本编辑器，可以看到区块里提供了三款编辑器可供选择
|
||||
|
||||
|
||||
|
||||
所有的这些，都是使用 GUI 就可以加入到项目中使用的，下面将会展示如何从安装 iceworks 客户端到在项目中新建页面。
|
||||
|
||||
## 如何使用
|
||||
|
||||
### 安装
|
||||
|
||||
> 为了真实演示，特意删掉了以前安装的 app
|
||||
|
||||
演示系统为 macOS，iceworks 支持 Windows 版本。
|
||||
|
||||
iceworks 下载地址 [https://alibaba.github.io/ice/iceworks](https://alibaba.github.io/ice/iceworks)
|
||||
|
||||
|
||||
|
||||
稍微等待了一会儿，下载完成。安装后得到了这样一个 App：
|
||||
|
||||
|
||||
|
||||
### 上手
|
||||
|
||||
安装后打开看到一个很简单的界面：
|
||||
|
||||
|
||||
|
||||
切换到模板标签可以看到飞冰目前提供的脚手架列表：
|
||||
|
||||
|
||||
|
||||
区块标签可以看到区块列表
|
||||
|
||||
|
||||
|
||||
插件
|
||||
|
||||
|
||||
|
||||
设置
|
||||
|
||||
|
||||
|
||||
这就是表面上所有的功能，下面我们来建一个项目体验一下
|
||||
|
||||
### 新建 vue 项目
|
||||
|
||||
飞冰是从 react 开始做的，现在 vue 和 Angular 物料源还比较少，我们切换到 vue 选项卡里...
|
||||
|
||||
|
||||
|
||||
**是不是混进了什么奇怪的东西！**
|
||||
|
||||
|
||||
|
||||
没错，D2Admin 出了 ICE 版！
|
||||
|
||||
在我和阿里的开发者**一个月**的对接之后，D2Admin ICE 诞生了，作为飞冰平台上第一个**非官方 vue 脚手架**，D2Admin ICE 承担的希望还是很大的！下面使用这个脚手架做演示，展示如何**不写代码**建页面，**不写代码**出图表！
|
||||
|
||||
选择 D2Admin ICE 作为起始模板后会让我们填写项目保存地址：
|
||||
|
||||
|
||||
|
||||
填写完成后开始下载模板，下载后会提示我是否要立刻安装依赖：
|
||||
|
||||
|
||||
|
||||
为了避免动态图过大我没有录安装过程：
|
||||
|
||||
|
||||
|
||||
在写上面的时候已经提示我依赖安装完成了（很人性化有没有）：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
ennn...没毛病。
|
||||
|
||||
### 启动项目
|
||||
|
||||
点击 `启动调试服务` 会在本地打开调试服务，vue 项目默认执行的是 `npm start`：
|
||||
|
||||
|
||||
|
||||
打开显示的链接，可以看到项目已经稳稳地跑起来了：
|
||||
|
||||
|
||||
|
||||
D2Admin ICE 实质上是 [d2-admin-start-kit](https://github.com/d2-projects/d2-admin-start-kit) 的特别版本，为适应 ICE 的逻辑修改了一部分代码，可以看到模板十分干净，没有了任何完整版的示例 demo：
|
||||
|
||||
|
||||
|
||||
关闭 ICE 内集成的终端后可以看到项目面板，可以显示出现在有哪些页面，安装了哪些依赖等：
|
||||
|
||||
|
||||
|
||||
### 新建页面
|
||||
|
||||
点击 `新建页面` 会打开新建页面界面：
|
||||
|
||||
|
||||
|
||||
随便选择一个区块新建一个页面（中间的等待时间是 iceworks 在从 npm 下载区块代码）
|
||||
|
||||
|
||||
|
||||
选择区块：
|
||||
|
||||
|
||||
|
||||
效果：
|
||||
|
||||
|
||||
|
||||
下面尝试一下选择多个区块：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
自动生成了菜单：
|
||||
|
||||
|
||||
|
||||
页面效果：
|
||||
|
||||
|
||||
|
||||
检查一下自动生成的代码目录：
|
||||
|
||||
|
||||
|
||||
自动生成的页面组件：
|
||||
|
||||
|
||||
|
||||
自动生成的样式文件：
|
||||
|
||||
|
||||
|
||||
该有的都有了，不该有的也有了，连生命周期钩子都帮你写了一遍！
|
||||
|
||||
## 结语
|
||||
|
||||
演示一遍下来后，我生成了两个页面，没有写一行代码，剩下的操作就是修修改改，把多个页面都需要的组件提取一下，做做修改工作。
|
||||
|
||||
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) | 简化版 码云镜像仓库 |
|
||||
|
||||
开源项目组官方公众号
|
||||
|
||||
<img src="http://fairyever.qiniudn.com/20180801111123.jpg" style="width: 200px;"/>
|
||||
|
||||
[本文在项目文档中收录位置](http://d2admin.fairyever.com/zh/article/update/ice-1.1.2.html)
|
||||
|
||||
在最后，如果你看完了，并且觉得还不错，希望可以到 [项目主页](https://github.com/d2-projects/d2-admin) 上点一个 **star** 作为你对这个项目的认可与支持，谢谢。
|
||||
Reference in New Issue
Block a user