弹幕视频设计网站18-------搜索功能

简介: 弹幕视频设计网站18-------搜索功能

      “ 希望你喜欢我的内容,记得关注我哦!我会继续为大家带来更好的作品!”

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

相关文章
|
6月前
|
XML 前端开发 JavaScript
视频弹幕设计网站02-----数据库设计与后端配置
视频弹幕设计网站02-----数据库设计与后端配置
|
6月前
|
数据库
视频弹幕设计网站10-----弹幕列表信息获取
视频弹幕设计网站10-----弹幕列表信息获取
视频弹幕设计网站10-----弹幕列表信息获取
|
6月前
|
缓存 应用服务中间件 API
FM全网自动采集聚合影视搜索源码
FM 全网聚合影视搜索(响应式布局),基于 TP5.1 开发的聚合影视搜索程序,本程序无数据库,本程序内置P2P 版播放器,承诺无广告无捆绑。片源内部滚动广告与本站无关,谨防上当受骗,资源搜索全部来自于网络。
105 1
弹幕视频设计网站14--------修改bug
弹幕视频设计网站14--------修改bug
|
7月前
|
数据采集 搜索推荐 数据挖掘
使用Python制作一个批量查询搜索排名的SEO免费工具
最近工作中需要用上 Google SEO(搜索引擎优化),有了解过的朋友们应该都知道SEO必不可少的工作之一就是查询关键词的搜索排名。关键词少的时候可以一个一个去查没什么问题,但是到了后期,一个网站都有几百上千的关键词,你再去一个一个查,至少要花费数小时的时间。 虽然市面上有很多SEO免费或者收费工具,但免费的基本都不能批量查,网上免费的最多也就只能10个10个查询,而且查询速度很慢。收费的工具如Ahrefs、SEMrush等以月为单位收费最低也都要上百美刀/月,当然如果觉得价格合适也可以进行购买,毕竟这些工具的很多功能都很实用。今天我给大家分享的这个排名搜索工具基于python实现,当然肯定
121 0
|
7月前
|
Python SEO
使用python制作一个批量查询搜索排名的SEO免费工具1.0版
使用python制作一个批量查询搜索排名的SEO免费工具1.0版
73 1
使用python制作一个批量查询搜索排名的SEO免费工具1.0版
|
搜索推荐
在线网络搜索
在线网络搜索是指通过互联网连接到远程服务器,使用搜索引擎对网络上的信息进行检索和查找。这种搜索方式是我们日常生活中最常用的搜索方式。在线网络搜索可以帮助用户在短时间内找到大量相关的信息,提高信息获取的效率。以下是在线网络搜索的使用方法、适用场景和示例:
274 8
|
搜索推荐 算法 小程序
微信搜索流量怎么做
微信搜索流量怎么做
73 0
微信搜索流量怎么做
|
小程序 数据库
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
287 0
|
开发工具 git
移动端项目搜索智能提示总结
移动端项目搜索智能提示总结
移动端项目搜索智能提示总结