no message
Former-commit-id: 14199457016d9fd78167311a44ca81a9487332fa Former-commit-id: f71ef6c86a24d28ee843b681d22bceab5ae5d684 Former-commit-id: 18081840ec121c27f4c2a70e238c288ff6e4a791
This commit is contained in:
liyang
42
README.md
42
README.md
@@ -134,85 +134,85 @@ v8.11.1
|
|||||||
|
|
||||||
login
|
login
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dashboard
|
dashboard
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
mock data demo
|
mock data demo
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dragable and modified size card
|
dragable and modified size card
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dragable layout
|
dragable layout
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
multi-language support
|
multi-language support
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import `csv` `xlsx`
|
import `csv` `xlsx`
|
||||||
export `csv` `xlsx` and text
|
export `csv` `xlsx` and text
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
three modes page container component
|
three modes page container component
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
integrated rich text editor
|
integrated rich text editor
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
integrated markdown editor
|
integrated markdown editor
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
integrated icon font
|
integrated icon font
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
encapsulation icon component
|
encapsulation icon component
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
support automatically import SVG folder icon, and through the use of components
|
support automatically import SVG folder icon, and through the use of components
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
icon selector component
|
icon selector component
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Integrated markdown rendering function and optimized the Baidu cloud sharing link in the rendering result display
|
Integrated markdown rendering function and optimized the Baidu cloud sharing link in the rendering result display
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
integrated digital animation plug-in
|
integrated digital animation plug-in
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
hightLight in source code viewer
|
hightLight in source code viewer
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
integrated chart
|
integrated chart
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
support chart drag and resize and drag and drop locations
|
support chart drag and resize and drag and drop locations
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
separate chart example
|
separate chart example
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
236
doc/zh-cn.md
236
doc/zh-cn.md
@@ -1,236 +0,0 @@
|
|||||||
<p align="center">
|
|
||||||
<img width="550" src="http://fairyever.qiniudn.com/github-banner.png">
|
|
||||||
</p>
|
|
||||||
|
|
||||||
基于 `vue.js` 和 `ElementUI` 的管理系统前端解决方案
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="https://github.com/vuejs/vue">
|
|
||||||
<img src="https://img.shields.io/badge/vue-2.5.2-brightgreen.svg" alt="vue">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/ElemeFE/element">
|
|
||||||
<img src="https://img.shields.io/badge/element--ui-2.0.11-brightgreen.svg" alt="element-ui">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/vuejs/vuex/">
|
|
||||||
<img src="https://img.shields.io/badge/vuex-3.0.1-brightgreen.svg" alt="vuex">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/axios/axios">
|
|
||||||
<img src="https://img.shields.io/badge/axios-0.17.1-brightgreen.svg" alt="axios">
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
欢迎大家一起维护
|
|
||||||
|
|
||||||
[线上预览地址 d2admin.fairyever.com](http://d2admin.fairyever.com/)
|
|
||||||
|
|
||||||
为了观看体验，预览截图放在最后
|
|
||||||
|
|
||||||
> 此项目适合作为模板使用。因为现在集成了很多的插件和组件，首次加载会占用较多的时间，虽然已经做了首屏加载动画，还是建议您在发布的时候一定要删除没有用到的代码。比如项目没有用到图表，最好将集成的图表库以及封装的图表组件删除。
|
|
||||||
|
|
||||||
## 功能
|
|
||||||
|
|
||||||
* 首屏加载等待动画 避免首次加载白屏尴尬
|
|
||||||
* 简约主题
|
|
||||||
* 每个插件和组件都配有介绍文档
|
|
||||||
* 图片资源 sketch 源文件（ 可以在这个文件内重新生成所有图片资源 ）
|
|
||||||
* 登陆和注销
|
|
||||||
* 根据路由自动生成菜单
|
|
||||||
* 可折叠侧边栏
|
|
||||||
* 多国语言支持
|
|
||||||
* 富文本编辑器
|
|
||||||
* Markdown 编辑器
|
|
||||||
* 全屏功能
|
|
||||||
* Fontawesome 图标库
|
|
||||||
* Fontawesome 图标选择器（组件）
|
|
||||||
* 自动引入下载的 SVG 图标
|
|
||||||
* 前端假数据支持（ mock ）
|
|
||||||
* 集成 G2 图表
|
|
||||||
* 图表自适应可拖拽大小的卡片容器（示例）
|
|
||||||
* 简化剪贴板操作
|
|
||||||
* 简化Cookie操作
|
|
||||||
* 时间计算工具
|
|
||||||
* 导入 Excel （ xlsx 格式 + CSV 格式 ）
|
|
||||||
* 数据导出 Excel （ xlsx 格式 + CSV 格式 ）
|
|
||||||
* 数据导出文本
|
|
||||||
* 数字动画
|
|
||||||
* 可拖拽调整大小的切分布局
|
|
||||||
* 可拖拽调整大小和位置的网格布局
|
|
||||||
* 提供三种页面容器组件（正常卡片，隐形容器，填满页面）
|
|
||||||
* 代码高亮显示
|
|
||||||
* 加载并解析 markdown 文件
|
|
||||||
* GitHub 样式的 markdown 显示组件
|
|
||||||
* markdown 内代码高亮
|
|
||||||
* 为 markdown 扩展了百度云链接解析和优化显示
|
|
||||||
|
|
||||||
## 目录结构
|
|
||||||
|
|
||||||
```
|
|
||||||
├─ build // 打包设置
|
|
||||||
├─ config // 发布设置
|
|
||||||
├─ preview-image // github 介绍页面使用的插图 以后可能去掉
|
|
||||||
├─ src
|
|
||||||
│ ├─ assets
|
|
||||||
│ │ ├─ icons // 存放 svg 图标
|
|
||||||
│ │ ├─ image // 图片
|
|
||||||
│ │ ├─ library // 库
|
|
||||||
│ │ └─ style // 公用样式
|
|
||||||
│ ├─ components
|
|
||||||
│ │ ├─ charts // 封装图表组件
|
|
||||||
│ │ ├─ core // 核心组件
|
|
||||||
│ │ ├─ demo // 只会在示例页面中使用的组件
|
|
||||||
│ ├─ i18n // 多国语言配置
|
|
||||||
│ ├─ mock // mock 数据设置
|
|
||||||
│ ├─ pages
|
|
||||||
│ │ ├─ core // 系统页面
|
|
||||||
│ │ └─ demo // 演示页面
|
|
||||||
│ │ ├─ business // 业务页面示例
|
|
||||||
│ │ ├─ chart // 图表
|
|
||||||
│ │ ├─ components // 组件
|
|
||||||
│ │ └─ plugins // 插件
|
|
||||||
│ ├─ plugin // 插件
|
|
||||||
│ ├─ router // 路由
|
|
||||||
│ │ ├─ invisible
|
|
||||||
│ │ └─ menu
|
|
||||||
│ ├─ store // 全局状态
|
|
||||||
│ ├─ utils // 通用工具
|
|
||||||
│ ├─ App.vue
|
|
||||||
│ └─ main.js // 入口文件
|
|
||||||
├─ static
|
|
||||||
├─ .babelrc
|
|
||||||
├─ .editorconfig
|
|
||||||
├─ .eslintignore
|
|
||||||
├─ .eslintrc.js
|
|
||||||
├─ .gitignore
|
|
||||||
├─ .postcssrc.js
|
|
||||||
├─ LICENSE
|
|
||||||
├─ README.md
|
|
||||||
├─ design.sketch
|
|
||||||
├─ index.html
|
|
||||||
├─ package-lock.json
|
|
||||||
└─ package.json
|
|
||||||
```
|
|
||||||
|
|
||||||
## 使用
|
|
||||||
|
|
||||||
安装依赖
|
|
||||||
|
|
||||||
```
|
|
||||||
npm i
|
|
||||||
```
|
|
||||||
|
|
||||||
运行
|
|
||||||
|
|
||||||
```
|
|
||||||
npm run dev
|
|
||||||
```
|
|
||||||
|
|
||||||
在以下环境测试可用
|
|
||||||
|
|
||||||
```
|
|
||||||
➜ ~ npm -v
|
|
||||||
5.6.0
|
|
||||||
➜ ~ node -v
|
|
||||||
v8.11.1
|
|
||||||
➜ ~ nrm -V
|
|
||||||
1.0.2
|
|
||||||
➜ ~ nrm ls
|
|
||||||
npm ---- https://registry.npmjs.org/
|
|
||||||
cnpm --- http://r.cnpmjs.org/
|
|
||||||
* taobao - https://registry.npm.taobao.org/
|
|
||||||
nj ----- https://registry.nodejitsu.com/
|
|
||||||
rednpm - http://registry.mirror.cqupt.edu.cn/
|
|
||||||
npmMirror https://skimdb.npmjs.com/registry/
|
|
||||||
edunpm - http://registry.enpmjs.org/
|
|
||||||
```
|
|
||||||
|
|
||||||
如果安装失败，请升级您的 node.js 和 npm
|
|
||||||
|
|
||||||
> 不建议使用 `cnpm`
|
|
||||||
|
|
||||||
## 预览
|
|
||||||
|
|
||||||
登陆
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
主界面
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
模拟数据
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
可拖拽卡片
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
可拖拽调节的布局
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
多国语言支持
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
封装导入 `csv` `xlsx`
|
|
||||||
封装导出 `csv` `xlsx` 以及纯文本
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
四种页面容器组件
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成富文本编辑器
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成 markdown 编辑器
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成图标库
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
封装图标组件
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
支持自动导入文件夹下的 svg 图标，并通过组件使用
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
图标选择器组件
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成 markdown 渲染功能
|
|
||||||
并且优化了百度云分享链接在渲染结果的显示
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成数字动画插件
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
代码高亮显示
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
集成图表
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
支持图表拖拽调整大小，以及拖放位置
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
单独图表示例
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user