编者的话： hello，小伙伴们大家好。风尘又经历了忙碌的一周。累到吐血有木有
。不过呢，风尘没有忘记与大家的约定。还会在“IT学习驿站”这里继续分享知识。 说实话，本来我想先写一个python教程的，但在网上翻看了一下，教程有很多，随便一搜就一大把(风尘还是推荐看官方文档学习啦)。我就问自己一个问题，
读者们缺的是教程吗？这个问题我思索了几天，最终得到一个答案是“
读者需要兴趣”。接下来我们就来提提神，看看下面的内容能否提起你“编程”的兴趣。
先来讲一下这个教程的缘由。这周末终于放假了，风尘有点空闲时间，想在家里看一看电影。可是风尘想看的视频都需要VIP会员的(来自没钱的尴尬
)，肿么办。 去网上找找资源吧，应该有人分享过，找来找去，唉！！！终于被我找到了一个，只是访问地址有点尴尬，要自己拼接访问链接，形如：https://xxx.xxx.com/?url=。这我就不干了，怎么能这么对待用户，好歹让输入url方便一点啊
。风尘打着“方便自己”的旗号，计划对其优化一下，说干就干！(友情提示，接下来的教程仅供学习交流哈)
== 设计 == 先构想一下网站的样子。 “我要一个搜索界面，像百度搜索一样。只要我输入我想看视频的链接，搜索一下。直接就跳到播放界面进行播放”。 嗯，设计的很清楚，取个名字吧。取个英文名字吧，就叫“Dust Search”，中文名字“风尘搜索”。
我对这个名字很满意。
== 实现 == 网站当然就是用前端三件套编写喽：html、css、javascript。 1、 先实现一个html骨架。如下图，这时候页面上还什么都没有，因为body里面还没内容嘛。
。不过呢，风尘没有忘记与大家的约定。还会在“IT学习驿站”这里继续分享知识。 说实话，本来我想先写一个python教程的，但在网上翻看了一下，教程有很多，随便一搜就一大把(风尘还是推荐看官方文档学习啦)。我就问自己一个问题，
读者们缺的是教程吗？这个问题我思索了几天，最终得到一个答案是“
读者需要兴趣”。接下来我们就来提提神，看看下面的内容能否提起你“编程”的兴趣。
先来讲一下这个教程的缘由。这周末终于放假了，风尘有点空闲时间，想在家里看一看电影。可是风尘想看的视频都需要VIP会员的(来自没钱的尴尬
)，肿么办。 去网上找找资源吧，应该有人分享过，找来找去，唉！！！终于被我找到了一个，只是访问地址有点尴尬，要自己拼接访问链接，形如：https://xxx.xxx.com/?url=。这我就不干了，怎么能这么对待用户，好歹让输入url方便一点啊
。风尘打着“方便自己”的旗号，计划对其优化一下，说干就干！(友情提示，接下来的教程仅供学习交流哈)
== 设计 == 先构想一下网站的样子。 “我要一个搜索界面，像百度搜索一样。只要我输入我想看视频的链接，搜索一下。直接就跳到播放界面进行播放”。 嗯，设计的很清楚，取个名字吧。取个英文名字吧，就叫“Dust Search”，中文名字“风尘搜索”。
我对这个名字很满意。
== 实现 == 网站当然就是用前端三件套编写喽：html、css、javascript。 1、 先实现一个html骨架。如下图，这时候页面上还什么都没有，因为body里面还没内容嘛。
这时候页面是长这个样子的。
3、使用css美化界面。
加入如下css代码。
此时，页面已经很好看了。看看下图吧。(首页文字其实是会变色的哦
)
4、使用javascript加入页面的逻辑。
页面逻辑其实很简单，当点击GO按钮的时候，程序获取输入框的链接内容，然后请求视频网站。将返回的视频播放页面使用iframe嵌套并替换当前页面。
好，开发完成！！！
== 测试使用 ==
首先我们打开任意一个VIP视频，获取视频的链接。输入到网站的输入框中，然后点击“GO”按钮，尽情观看吧。当然有条件的同学还是弄个会员吧，体验肯定不一样的。
最后，风尘想说的是，当前还是属于本地开发的代码。如果想互联网访问，还需要部署到互联网的服务器上。具体方式风尘保持一下神秘，就不在这里讲了。感兴趣的小伙伴可以自己网上查一查方法。
PS：“风尘搜索”这个页面我已经发布出来供大家参观学习用了。只要关注“IT学习驿站”公众号。发送文字消息“风尘搜索”四个字，就能收到网站地址哦(一般人我都不告诉他
)
怎么样？有木有勾起你学习编程的兴趣呢？
我是你们的好朋友“太阳上的风尘”，我们下期再见~拜拜~
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
