大佬们，有没有 vue 后台系统的教程，前端快把我搞的快疯了

[kaikai5601]

下载需要一个后台系统，看了下 vue 比 react 稍微好上手点，所以就选 vue 了 准备用 element 作为 UI 框架 ，我想要的效果是 header 和 lift 还有右侧的内容都一致，后面我只需要在内容 main 里面添加内容就可以了。

第一张图为 http://localhost:8080/#/home 首页是正常的

第二张我弄个报表中心 http://localhost:8080/#/reportcenter，怎么就成这样了，按道理表格是在右边啊，怎么跑到上面去了，我在 NavHome.vue 里面加了 el-main 也可以，但是我有页面跳转的 以后求大佬们帮助啊

结构如下 Home 如下

[statfall]

试试 d2admin ？

[hly9469]

不有现成的 element admin 么

[richangfan]

不有现成的 iview admin 么

[kaikai5601]

@hly9469 那个太复杂了，我只要简单的功能就好

[kaikai5601]

@richangfan 想用 element ui 怎么就那么难~~是我技术菜

[Lattez]

考虑顶栏和 navbar 做到一个页面，然后其他的在右侧做 router 切换？

[kaikai5601]

@Lattez 你的意思是就是想要顶部和左边导航做到一个页面？

[FrankFang128]

css 问题？

[jry]

我写了个简单的 https://github.com/tpvue-admin.git

[jry]

@jry http://github.com/tpvue/tpvue-admin.git

[WilliamLin]

https://github.com/PanJiaChen/vue-element-admin

[shintendo]

没有看懂你这个是怎么写的，你最好贴一下你的路由。

[shintendo]

NavHome 里面引入 ReportCenter 是什么意思呢，也没有用到啊

[o0]

参考官方示例即可，之前试了一下感觉还不错。如果实在搞不定，就手动改 css 吧。

[TomatoYuyuko]

直接用 vue-element 的模板就行了，github 上一堆

[yhxx]

看这个吧 https://juejin.im/post/59097cd7a22b9d0065fb61d2

[matchadog]

https://github.com/PanJiaChen/vue-element-admin

[ylsc633]

<router-view></router-view>

然后修改 router.js

都是根目录下,children 目录是地址

我前几天看文档写,发现也是这样...

大约是这样 https://github.com/izghua/go-blog-backend/blob/master/src/router.js#L8

[kaikai5601]

@shintendo 很多引用确实没用，因为这不是有问题了么 所以我各种方法试 ，忽略哈
路由截图

[suzic]

你看一下 iview-admin 的源码，而且他们有配套教程，但是收费。然后自己用 element 做