Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shenghy/jspangAdmin

Vue2.0作的后台管理系统的架构
https://github.com/shenghy/jspangAdmin

Last synced: about 2 months ago
JSON representation

Vue2.0作的后台管理系统的架构

Awesome Lists containing this project

README

        

# jspangAdmin

> 一个建立在Vue2.0框架基础上的后台管理系统,它包含了后台所用的前端样式和常用组件。它可以快速的帮你搭建基于Vue的后台管理系统。
## 相关技术
Vue-cli + element + eCharts
## Demo(案例预览)
[Demo](http://jspang.com/jspangAdmin)

## image(图片)
### 后台首页(DashBoard)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin01.png)
### 基本图标(charts)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin02.png)
### 表单页面(Form Elements)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin03.png)
### 表格(Tables)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin04.png)
### MarkDown编辑和解析(MarkDown)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin05.png)
### 任务表单(To Do List)
![jspangAdmin](http://7xjyw1.com1.z0.glb.clouddn.com/jspangadmin06.png)
## Build Setup(使用搭建步骤)
``` bash
# install dependencies(安装)
npm install

# serve with hot reload at localhost:8080(运行)
npm run dev

# build for production with minification(打包)
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).