From 9ae491991d013039dac89415f377206998e5934a Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Wed, 30 May 2018 18:54:22 +0800
Subject: [PATCH] no message
Former-commit-id: 04886030ecbbf43a2567fb2a11a361c5f43e461a
Former-commit-id: 54516f5fc7eba3f92123d0f36affa4a18cdaddcc
Former-commit-id: 91adc0c0a9c7dce4a9e98d0a7cbe6b9df4dd7628
---
README.md | 204 ++++++++++++++++++++------------------------
doc/zh-cn.md | 234 +++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 327 insertions(+), 111 deletions(-)
create mode 100644 doc/zh-cn.md
diff --git a/README.md b/README.md
index d3e829de..a26d2519 100755
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
-基于 `vue.js` 和 `ElementUI` 的管理系统前端解决方案
+Solution of management system front-end based on `vue.js` and `ElementUI`
@@ -19,112 +19,95 @@
-欢迎大家一起维护
+Welcome everyone to maintain
-[线上预览地址 d2admin.fairyever.com](http://d2admin.fairyever.com/)
+[Online preview address d2admin.fairyever.com](http://d2admin.fairyever.com/)
-为了观看体验,预览截图放在最后
+To watch the experience, the preview screenshot is at the end
-> 此项目适合作为模板使用。因为现在集成了很多的插件和组件,首次加载会占用较多的时间,虽然已经做了首屏加载动画,还是建议您在发布的时候一定要删除没有用到的代码。比如项目没有用到图表,最好将集成的图表库以及封装的图表组件删除。
+> This project is suitable for use as a template. Because a lot of plug-ins and components are integrated now, the first load will take more time. Although the first screen loading animation has been done, it is suggested that you must delete the code that is not used when you release it. For example, the project does not use charts, so it is better to delete the integrated chart library and encapsulated chart components.
-## 功能
+## feature
-* 首屏加载等待动画 避免首次加载白屏尴尬
-* 简约主题
-* 每个插件和组件都配有介绍文档
-* 图片资源 sketch 源文件( 可以在这个文件内重新生成所有图片资源 )
-* 登陆和注销
-* 根据路由自动生成菜单
-* 可折叠侧边栏
-* 多国语言支持
-* 富文本编辑器
-* Markdown 编辑器
-* 全屏功能
-* Fontawesome 图标库
-* Fontawesome 图标选择器(组件)
-* 自动引入下载的 SVG 图标
-* 前端假数据支持( mock )
-* 集成 G2 图表
-* 图表自适应可拖拽大小的卡片容器(示例)
-* 简化剪贴板操作
-* 简化Cookie操作
-* 时间计算工具
-* 导入 Excel ( xlsx 格式 + CSV 格式 )
-* 数据导出 Excel ( xlsx 格式 + CSV 格式 )
-* 数据导出文本
-* 数字动画
-* 可拖拽调整大小的切分布局
-* 可拖拽调整大小和位置的网格布局
-* 提供三种页面容器组件(正常卡片,隐形容器,填满页面)
-* 代码高亮显示
-* 加载并解析 markdown 文件
-* GitHub 样式的 markdown 显示组件
-* markdown 内代码高亮
-* 为 markdown 扩展了百度云链接解析和优化显示
+* first screen loading wait for animation to avoid first loading white screen embarrassment.
-## 目录结构
+* brief theme
-```
-├─ 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
-```
+* each plug-in and component is equipped with an introduction document
-## 使用
+* image resource sketch source file (you can regenerate all image resources in this file).
-安装依赖
+* landing and cancellation
+
+* automatically generate menus based on Routing
+
+* folding side sidebar
+
+* multilingual support
+
+* rich text editor
+
+* Markdown editor
+
+* full screen function
+
+* Fontawesome Icon Library
+
+* Fontawesome icon selector (component)
+
+* automatic introduction of the downloaded SVG Icon
+
+* front-end false data support (mock)
+
+* integrated G2 chart
+
+* chart adaptable drag and drop size card container (example)
+
+* simplify the clipboard operation
+
+* simplifying the Cookie operation
+
+* time computing tool
+
+* import Excel (xlsx format + CSV format)
+
+* data export Excel (xlsx format + CSV format)
+
+* data export text
+
+* Digital Animation
+
+* can drag and drop the size of the cut layout
+
+* can drag and drop the size and location of the grid layout
+
+* provide three kinds of page container components (normal cards, invisible containers, fill pages).
+
+* code highlighting
+
+* load and parse the markdown file
+
+* GitHub style markdown display component
+
+* markdown code is high
+
+* extension of Baidu cloud link resolution and Optimization for markdown.
+
+## Use
+
+install
```
npm i
```
-运行
+run
```
npm run dev
```
-在以下环境测试可用
+The following environment tests are available
```
➜ ~ npm -v
@@ -143,91 +126,90 @@ v8.11.1
edunpm - http://registry.enpmjs.org/
```
-> 不建议使用 `cnpm`
+> Not recommended for use `cnpm`
## 预览
-登陆
+login

-主界面
+dashboard

-模拟数据
+mock data demo

-可拖拽卡片
+dragable and modified size card

-可拖拽调节的布局
+dragable layout

-多国语言支持
+multi-language support

-封装导入 `csv` `xlsx`
-封装导出 `csv` `xlsx` 以及纯文本
+import `csv` `xlsx`
+export `csv` `xlsx` and text


-四种页面容器组件
+three modes page container component

-集成富文本编辑器
+integrated rich text editor

-集成 markdown 编辑器
+integrated markdown editor

-集成图标库
+integrated icon font

-封装图标组件
+encapsulation icon component

-支持自动导入文件夹下的 svg 图标,并通过组件使用
+support automatically import SVG folder icon, and through the use of components

-图标选择器组件
+icon selector component

-集成 markdown 渲染功能
-并且优化了百度云分享链接在渲染结果的显示
+Integrated markdown rendering function and optimized the Baidu cloud sharing link in the rendering result display

-集成数字动画插件
+integrated digital animation plug-in

-代码高亮显示
+hightLight in source code viewer

-集成图表
+integrated chart

-支持图表拖拽调整大小,以及拖放位置
+support chart drag and resize and drag and drop locations

-单独图表示例
+separate chart example

diff --git a/doc/zh-cn.md b/doc/zh-cn.md
new file mode 100644
index 00000000..d3e829de
--- /dev/null
+++ b/doc/zh-cn.md
@@ -0,0 +1,234 @@
+
+
+
+
+基于 `vue.js` 和 `ElementUI` 的管理系统前端解决方案
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+欢迎大家一起维护
+
+[线上预览地址 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/
+```
+
+> 不建议使用 `cnpm`
+
+## 预览
+
+登陆
+
+
+
+主界面
+
+
+
+模拟数据
+
+
+
+可拖拽卡片
+
+
+
+可拖拽调节的布局
+
+
+
+多国语言支持
+
+
+
+封装导入 `csv` `xlsx`
+封装导出 `csv` `xlsx` 以及纯文本
+
+
+
+
+
+四种页面容器组件
+
+
+
+集成富文本编辑器
+
+
+
+集成 markdown 编辑器
+
+
+
+集成图标库
+
+
+
+封装图标组件
+
+
+
+支持自动导入文件夹下的 svg 图标,并通过组件使用
+
+
+
+图标选择器组件
+
+
+
+集成 markdown 渲染功能
+并且优化了百度云分享链接在渲染结果的显示
+
+
+
+集成数字动画插件
+
+
+
+代码高亮显示
+
+
+
+集成图表
+
+
+
+支持图表拖拽调整大小,以及拖放位置
+
+
+
+单独图表示例
+
+
+
+