1.今日任务
分析:上次我们实现了从数据库中成功的查找到对应问卷的问题并在前端展示出来,那么今天我们增加难度。在数据库中插入多项选择问题,在接口中查找到并在前端显示出来。
2.实现
2.1数据库中插入测试数据
我们先查看一下表的结构
2.2接口实现
分析:其实我们今天所做的对比一下上次做的,我们也就是在原有的问卷上添加了一个新的问题,新问题的选项类型为1(多项选择),我们并没有做出其它任何多的操作,那么我们就不需要修改接口只需要在前端部分进行修改即可。
2.3前端实现
分析:我们先分析一下,我们应该怎样去接收到的问题选项进行是单选还是多选的区分,我们可以对数据库的数据结构进行查看,分析,在分析过后,我们清楚的可以看见一个字段也就是question_type(问题类型),那么我们在对前端对数据进行布局时就可以利用v-if如果查询到的question_type=0,我们就用单选标签,如果question_type=1,我们就用多选标签。
在我们运行之后可以清楚的看见我们新增数据但是不是我们想要的效果
修改后
效果图