首页 > 其他 > 详细

litemall源码阅读3.05管理后台前端litemall-admin中的dashboard

时间:2021-01-11 18:18:17      阅读:34      评论:0      收藏:0      [点我收藏+]

先看下本项目的路由。本项目采取的路由是嵌套路由

在登录成功后,URL会定向到http://localhost:9527/#/dashboard

技术分享图片

 

 

 这边我有个地方不理解。就是为什么要把dashboard写到children内部,而不是与其余的比如user并列。

单纯为了跳转的话,也不需要把dashboard的路由写在children里啊。。。这边不懂,希望有人赐教。。。

在这边我们看这个域名首先匹配了Layout这个组件。该组件定义在

litemall-admin/src/views/layout/Layout.vue

中,之后进入嵌套路由。嵌套路由中的dashboard匹配了views/dashboard/index.vue。

那么这个嵌套路由具体是怎么匹配的呢。我们先看Layout.vue

技术分享图片

 

 

 在其内部,有个app-main。

这个组件来自何处呢?在文件

litemall-admin/src/views/layout/components/index.js中

技术分享图片

 

 

 我们再进入AppMain组件,就能看到其源码

技术分享图片

 

 

 这就是匹配到的子路由显示的位置了。

之后我们继续回到dashboard。在dashboard中,

技术分享图片

 

 

 此处为获取后台信息的代码段。info函数来自

 技术分享图片

 

其中@在litemall-admin/vue.config.js中定义

技术分享图片

 

 

 此处其实指向的是litemall-admin/src/api/dashboard.js文件中的info函数。

技术分享图片

 

 即向后台获取数据。

由src/main/java/org/linlinjava/litemall/admin/web/AdminDashbordController.java
进行获取。

 

litemall源码阅读3.05管理后台前端litemall-admin中的dashboard

原文:https://www.cnblogs.com/xiaoBay/p/14263300.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!