“ 希望你喜欢我的内容,记得关注我哦!我会继续为大家带来更好的作品!”
1、现在视频窗口点击之后,就消失了,现在
2、现在还不具备搜索功能
3、这里我们绑定了方法
4、这里我们mySearch方法,固定的是打印和点击了
5、搜索第一步,我们先要知道我们需要搜索那个值:规定这个值就是我们搜索框前的值:就算搜索只有一个输入框,我们也还是只有一个表单,这个searchForm的id就是我们要找的内容
6、使用v-model把我们搜索的内容,进行数据绑定,现在前端知道自己搜索的是什么内容了
7、现在有个问题,搜索页面,我们要放到那个位置,搜索完毕之后,搜索页面是消失的,这里搜索页面之后,我们就可以跳到其他页面了
8、搜索完之后,这里我们要创建一个Vue页面
9、创建search页面
10、只有测页面与主页面相同,我们就可以
11、复制卡片
12、因为我们没有配置相关路由
13、login的子页面配置成功
14、我们如何把我们的search页面给到这个main页面
15、我们可以把键放到里面,我们把值放到浏览器的id里面
16、得到我们之前在控制台打印的id
17、当我们点击之后,我们就会跳转到mysearch这个页面
18、跳到控制台,也打印明明空间了
19、我们先获取到视频的列表
20、获取接口和详情键
21、书写后端接口,获取id
22、把这个key
23、
24、把我们的id给获取到就行
25、接下来,我们需要Dao层查一下我们的数据库,数据库里面有我们搜索的内容
26、下一步,我们获取id
27、将我们的videoMappering,配置相关的依赖
28、上下结果类型相同
29、接下来我们在video的语句下进行搜索
30、利用CONCAT进行一个字符串拼接
31、sql语句写好了,找到所有符合sql语句的id
32、把我们的sql的语句id给写好了
33、这里出现了一个错误,接口写重复了,因此出现了这种结果
34、这里修改一下端口的路径
35、
36、修正完毕,点击重启按钮
37、这里我们是要获得到图片的URL和文字的信息
38、这里我既然获得到了
39、这里我们使用res得到data
40、我们创建页面的时候,要调用这个函数
41、点击搜索的时候,出现了我们想要的内容
42、这里出现了一个bug,点击刷新才能够重新出现这个页面
43、导致这一切的原始是,我们的URL路径已经是search
44、如果不进行更新,那么这个mounted就不会进行更新了
45、这里我们添加一个刷新的功能
46、如果搜索完自动消失
47、这里添加searchForm.id