社团管理系统开发log10_前台、路由、抽取请求

2021.10.30
项目参考:
1、后端:https://www.bilibili.com/video/BV1y7411R73P
2、前端:https://www.bilibili.com/video/BV1fw411d7R5?p=31

好久没更了,这两周一直没空,搞毕设的报告,这周末终于有完整的时间写了,学校毕业设计还提前了,上学+实习+毕设!!淦

今天干了啥?

一、用户个人信息的模态框

实习的时候项目需求要弄了一个更新用户个人信息的模态框
在这里插入图片描述

二、前台功能终于开始做了

在这里插入图片描述
这个轮播图弄不出我想要的效果,也找不到比较好用的组件。。。
在这里插入图片描述在这里插入图片描述

右上角弄了一个开关,可以切换前台和后台。还引入了echarts图表,但是数据接口还没写
在这里插入图片描述

三、路由结构

还有一个很重要的东西,就是会切换页面内的路由了,之前都是跟着教程敲,之前没太搞懂为什么搞了一堆路由。其实就是控制层次结构的,/user就是前台的,/manage就是后台的,一是结构会更清晰,二是能够实现父路由下,切换子路由
在这里插入图片描述
在这里插入图片描述

四、抽取接口

这样就不用把请求都嵌入到每个组件里面了,不同组件也可以复用
但是我不能仅返回数据,只能把请求的promise对象返回,使用的时候还是要接口.then(res=>{//代码…}),不然会报错(应该是因为异步请求,把结果return回去然后接收是同步的写法,好像是要用await啥的,以后再研究)
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值