基于 element-ui 的单页面后台管理项目模版

ufologist

2017-03-30 10,153 阅读1分钟

技术栈

element-ui-admin 项目演示

vue
vue-resource
vue-router
element-ui
基于路由配置的导航菜单
基于路由配置的面包屑
按路由异步加载

使用方法

项目模版基于 webpack-driven-web, 使用方法请参考 webpack-driven-web

目录说明

element-ui-admin/
├── src/
|   |── home/  -- 首页
|   |── event/ -- 活动页
|   |── user/  -- 账户页
|   └── lib/
|       └── app/
|           |── navbar/            -- 顶部导航组件
|           |── router-nav/        -- 基于路由配置的导航菜单组件
|           |── main-content/      -- 主要内容组件
|           |── router-breadcrumb/ -- 基于路由配置的面包屑组件
|           |── notfound/          -- 未找到路由时显示的组件
|           |── app.vue            -- 页面布局组件
|           └── routes.js          -- 路由配置
├── dist/
├── config/
|── package.json
└── webpack.config.js

参考

sls-admin
AdminLTE 可以参考界面布局

本文对你有帮助？欢迎扫码加入前端学习小组微信群：