From 24c58b9d7ae3ed22f7bffe4498d5482a82de429c Mon Sep 17 00:00:00 2001 From: Aresn Date: Mon, 28 Jan 2019 14:59:32 +0800 Subject: [PATCH] Update README.md --- README.md | 271 ++++++++++++++++++++++-------------------------------- 1 file changed, 110 insertions(+), 161 deletions(-) diff --git a/README.md b/README.md index 96c644c5..ced87602 100755 --- a/README.md +++ b/README.md @@ -4,187 +4,136 @@

-# iView Admin +

+iView Admin +

Vue.js 2.0 admin management system template based on iView.

+ [![](https://img.shields.io/github/release/iview/iview-admin.svg)](https://github.com/iview/iview-admin/releases) [![](https://img.shields.io/travis/iview/iview-admin.svg?style=flat-square)](https://travis-ci.org/iview/iview-admin) -[![vue](https://img.shields.io/badge/vue-2.5.10-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue) -[![iview ui](https://img.shields.io/badge/iview-3.1.3-brightgreen.svg?style=flat-square)](https://github.com/iview/iview) +[![vue](https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue) +[![iview ui](https://img.shields.io/badge/iview-3.2.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview) [![npm](https://img.shields.io/npm/l/express.svg)]() -[更新日志](https://github.com/iview/iview-admin/releases) +

Special Sponsors

+ + + + + + + + + + + + + + +
+ + + + + + + + + + + +
+ + + + + + + +
-[使用文档](https://lison16.github.io/iview-admin-doc/#/) +> If you'd like be a sponsor, to show your ads in GitHub and iView doc, please email admin@aresn.com to get more infomation. +> +> (如果您想成为赞助商，在 GitHub 和 iView 文档展示您的广告，请邮件咨询 admin@aresn.com) +> +> (如果您有任何关于 iView 或 Vue.js 相关的问题，欢迎到 iView 社区提问 https://dev.iviewui.com/issues ) -[在线访问](https://admin.iviewui.com/) +## Introduction -[简化版模板](https://github.com/iview/iview-admin/tree/template) +iView Admin is a front-end management background integration solution. It based on [Vue.js](https://github.com/vuejs/vue) and use the UI Toolkit [iView](https://github.com/iview/iview). -[教学视频(26课时)](https://segmentfault.com/ls/1650000016221751?utm_source=banner) +- [Document](https://lison16.github.io/iview-admin-doc/) +- [Preview](https://admin.iviewui.com/) -`注：在线版本会在开发版本新小版本发布后更新到相应版本，所以如果想体验最新版本iview-admin，请clone完整项目代码到本地运行。` +![image](https://file.iviewui.com/admin-dist/admin-preview.png) -## Install +## Features + +- Login / Logout +- Permission Authentication + - A list of filters + - Permission to switch +- i18n +- Components + - Rich Text Editor + - Markdown Editor + - City Cascader + - Photos preview and edit + - Draggable list + - File upload + - Digital gradient + - split-pane +- Form + - The article published + - Workflow +- Table + - Drag-and-drop sort + - Searchable form + - Table export data + - Export to Csv file + - Export to Xls file + - Table to picture +- Error Page + - 403 + - 404 + - 500 +- Router + - Dynamic routing + - With reference page +- Theme +- Shrink the sidebar +- Tag navigation +- Breadcrumb navigation +- Full screen / exit full screen +- Lock screen +- The message center +- Personal center + +## Getting started ```bush +# clone the project +git clone https://github.com/iview/iview-admin.git + // install dependencies npm install -``` -## Run -### Development -```bush + +// develop npm run dev ``` -### Production(Build) + +## Build ```bush npm run build ``` -## 简介 -  iView admin是基于Vue.js，搭配使用[iView](https://www.iviewui.com) UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 -如果您想查看iview-admin的更新动态，您可以到[更新日志](https://github.com/iview/iview-admin/releases)查看了解最新更新；如果您是新手，想快速入手iview-admin，您可以到[使用教程](https://github.com/iview/iview-admin/wiki)查看讲解；如果您想在线体验iview-admin，您可以到[在线访问](https://admin.iviewui.com/)体验。如果你只是想要一个清醒爽朗的界面，那你可以下载[简化版模板](https://github.com/iview/iview-admin/tree/template)来做开发。 - -### 加入QQ群，获取最新更新咨询，和3000+开发者交流学习 - -Sample - -## 功能 - -- 登录/登出 -- 权限管理 - - 列表过滤 - - 权限切换 -- 多语言切换 -- 组件 - - 富文本编辑器 - - Markdown编辑器 - - 城市级联 - - 图片预览编辑 - - 可拖拽列表 - - 文件上传 - - 数字渐变 - - split-pane -- 表单编辑 - - 文章发布 - - 工作流 -- 表格 - - 可拖拽排序 - - 可编辑表格 - - 行内编辑 - - 单元格编辑 - - 可搜索表格 - - 表格导出数据 - - 导出为Csv文件 - - 导出为Xls文件 - - 表格转图片 -- 错误页面 - - 403页面 - - 404页面 - - 500页面 -- 高级路由 - - 动态路由 - - 带参页面 -- 换肤 -- 收缩侧边栏 -- tag标签导航 -- 面包屑导航 -- 全屏/退出全屏 -- 锁屏 -- 消息中心 -- 个人中心 - -## 文件结构 -```shell -. -├── build 项目构建配置 -├── config 开发相关配置 -├── public 打包所需静态资源 -└── src - ├── api AJAX请求 - └── assets 项目静态资源 - ├── icons 自定义图标资源 - └── images 图片资源 - ├── components 业务组件 - ├── config 项目运行配置 - ├── directive 自定义指令 - ├── libs 封装工具函数 - ├── locale 多语言文件 - ├── mock mock模拟数据 - ├── router 路由配置 - ├── store Vuex配置 - ├── view 页面文件 - └── tests 测试相关 -``` - -## Links - -- [TalkingData](https://github.com/TalkingData) -- [iView](https://github.com/iview/iview) -- [Vue](https://github.com/vuejs/vue) -- [Webpack](https://github.com/webpack/webpack) - -## 效果展示 - -- 响应式布局首页 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/home.gif) - -- 标签导航 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/page-tags.gif) - -- 权限管理 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/access.gif) - -- 可拖拽列表 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-list.gif) - -- 图片预览编辑 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/image-editor.gif) - -- 文件上传 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/upload.gif) - -- 数字渐变 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/count-to.gif) - -- split-pane -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/split-pane.gif) - -- 文章发布 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/article-publish.gif) - -- 工作流 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/workflow.gif) - -- 可拖拽表格 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-table.gif) - -- 可编辑表格 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/editable-table.gif) - -- 表格导出数据 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/exportable-table.gif) - -- 表格转图片 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/table2image.gif) - -- 错误页面 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/error-page.gif) - -- 锁屏 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/locking.gif) - -- 可收缩侧边栏 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/sidebarmenu.gif) - -- 主题切换 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/theme.gif) - -- 消息中心 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/message.gif) - -### 💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖 -![image](https://github.com/iview/iview-admin/raw/dev/github-gif/code.png) - - ## License [MIT](http://opensource.org/licenses/MIT)