奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > iview框架 >

iview-admin使用教程之目录结构

时间:2017-11-05 13:09来源:未知 作者:admin
本文介绍vue的ui后台框架iview-admin的目录结构。 main.js则是常规的引入,但它把store也放在了其中,本人觉得不是很合适。 router.js所有路由都定义在这个文件,采用的是异步按需加载,但
本文介绍vue的ui后台框架iview-admin的目录结构。

根目录文件:

main.js则是常规的引入,但它把store也放在了其中,本人觉得不是很合适。

router.js所有路由都定义在这个文件,采用的是异步按需加载,但定义了新的路由记得在最底下加是同名变量属性。作为Main组件的子页面展示并且在左侧菜单显示的路由写在appRouter里

local.js是本地化的各国语言文件,后台菜单的各国语言在此翻译,当然了如果是只供一类人群使用,这个多语言机制可以感觉把它全部剔除。


各目录文件夹

libs目录放公共函数库和表格转excel库,其中util.js库有诸如网页标题替换等逻辑:document.title=值根据router配置的titel属性进行获取。

重点研究下views目录:

默认从github下载的iview-admin此目录会有很多目录,诸如有表格、表单等等,若真正使用此Ui框架开发自己的框架留下主干目录就好,但视图相关目录去掉,记得连同router的定义路由也要。

那么主干目录是哪些呢:

1、main.vue和login.vue主组间和登录组间,该框架视图层用的是less写样式,而且样式和组间同名放在同一个目录。

2、home目录也得留着,此是登录后的跳转的页面,这个目录由于是后台主页,而且主页显示的内容确实还蛮多,所以都被分开成组间放在了components目录中了。

3、my_components自定义组间目录留着,自带的组间有:markdonw编辑器、文本编辑器、文件上传、数量统计、拖拽等等

4、main_components主要组间目录,包含菜单组间等

至于views其它目录暂且先留着,毕竟后台功能用iview留下的组间共用了,剩下的就连接数据即可! (责任编辑:admin)
顶一下
(13)
65%
踩一下
(7)
35%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-09-02 11:09

关注奔三路