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

2019 年 1 月 6 日
 kaikai5601

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

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

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

结构如下 Home 如下

5861 次点击
所在节点    问与答
23 条回复
statfall
2019 年 1 月 6 日
试试 d2admin ?
hly9469
2019 年 1 月 6 日
不有现成的 element admin 么
richangfan
2019 年 1 月 6 日
不有现成的 iview admin 么
kaikai5601
2019 年 1 月 6 日
@hly9469 那个太复杂了,我只要简单的功能就好
kaikai5601
2019 年 1 月 6 日
@richangfan 想用 element ui 怎么就那么难~~是我技术菜
Lattez
2019 年 1 月 6 日
考虑顶栏和 navbar 做到一个页面,然后其他的在右侧做 router 切换?
kaikai5601
2019 年 1 月 7 日
@Lattez 你的意思是就是想要顶部和左边导航做到一个页面?
FrankFang128
2019 年 1 月 7 日
css 问题?
jry
2019 年 1 月 7 日
jry
2019 年 1 月 7 日
WilliamLin
2019 年 1 月 7 日
shintendo
2019 年 1 月 7 日
没有看懂你这个是怎么写的,你最好贴一下你的路由。
shintendo
2019 年 1 月 7 日
NavHome 里面引入 ReportCenter 是什么意思呢,也没有用到啊
o0
2019 年 1 月 7 日
参考官方示例即可,之前试了一下感觉还不错。如果实在搞不定,就手动改 css 吧。
TomatoYuyuko
2019 年 1 月 7 日
直接用 vue-element 的模板就行了,github 上一堆
yhxx
2019 年 1 月 7 日
matchadog
2019 年 1 月 7 日
ylsc633
2019 年 1 月 7 日
<router-view></router-view>

然后修改 router.js

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

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

大约是这样 https://github.com/izghua/go-blog-backend/blob/master/src/router.js#L8
kaikai5601
2019 年 1 月 7 日
@shintendo 很多引用确实没用,因为这不是有问题了么 所以我各种方法试 ,忽略哈
路由截图
![]( https://i.ooxx.ooo/2019/01/07/8a4781801eb16b93b58b0732ea21bed5.png)
suzic
2019 年 1 月 7 日
你看一下 iview-admin 的源码,而且他们有配套教程,但是收费。然后自己用 element 做

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.xtra.eu.org/t/524465

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX