Python爬虫和数据可视化——实战10-首页+列表页制作

首页制作

首页模板

1.找一个已经制作好的模板，即制作好的网页，在这上面进行修改

模板里面有：html静态网页 css网页样式 js动态效果

要保证css,js都能找到，否则显示不出完整的页面

改变路径以后就能显示出来了：

模板修改(前端知识点复习）

在模板的基础上修改，修改成自己想要的样子
1.右键检查，找到要修改部分的源代码

2.ctrl+f 找到源代码对应的位置，进行删除/修改。然后ctrl+s保存文件

把整个上端去掉

完成！其他的跟这个套路一样。

前端知识点：

把div盒子放在页面的底部：通过css中的style样式标签的position来改变

调整完的页面：最后的div放在页面底部，且居中显示。

加链接跳转页面

此时点击首页上的文字，不会跳转页面
页面上的那些小图片，也不能点击，要进行修改。
在div标签小盒子里面加入< a >超链接

此时鼠标放在小图片上，就能点击，跳转到一个我们指定的网页了。

换图标

去这个网址找 iconfont

跳转网页（调用Flask)

1.创建网页

2.跳转指定网页

因为这两个跳转的页面是一样的，所以可以调用上一个的函数

我们只用到了Flask最核心的内容，路由解析，模板渲染

增加数据库显示数据

把table加上一个类别class属性：

把刚才数据量里面定义的变量datalist引入到这里面来，用Flask专属的for循环语句：

再把链接加到名字的上面：


target=’_blank’属性为点击以后，会新打开一个网页进入，不会在原来网页的基础上打开，原网页不会被覆盖掉。