2021-07-14 山东大学软件学院暑期项目实训-day12

学习目标：

今天后端给我们提供了接口，因此进行前后端接口的连接和相关方法的修改

---

学习内容：

1、深入了解axios及.then方法的用法添加链接描述
2、 根据接口文档连接后端，展示所有活动界面

编写代码如下：

展示情况：

遇到问题：
时间展示格式出现问题，修改后：


效果展示：

2、 签到统计页展示：
一直报错遇到问题：

解决方法：
this.XXX，因为用了 function 函数 的原因，在函数里面，this是指向函数本身，已经不是外部的默认this了，可以先使用一个 that 指向 外部的this ，然后调用 that.XXX即可。

最终结果（将数据统计页面修改为弹出框的形式）


3、 选座详情页面展示：

运行结果：

由于有虚拟用户，需要对选座为0的用户选座情况进行隐藏，需要用到slot和v-show,
slot的使用：添加链接描述
主要含义：其实就是 template 通过scope/slot-scope 属性 调用组件 slot 的属性，以达到可以调用组件属性实现复杂的嵌套（注意：当前层如果有data已经声明过scope,它们之间互不干扰，template 的scope以slot 的为准）。
使用v-show后虽然为0的行不显示座位但还是占据一行，因此加上排序，注意sortable必须和prop一起用。
具体实现：

修改后：

4.gitee的用法添加链接描述

---

明日计划：

1.实现修改教学活动与后端的连接
2.调试某项尚未开始的活动的删除问题
3.实现根据当前时间和活动开始时间判断是否是开始预约了的活动，动态显示删除按钮
4.实现分页功能

---