100行Python代码，快速搭建一个电影展示网站

学习Python有一段时间了，与其在家无所事事，不如宅家贡献学习两不误。很多人学习 Python都是因为它简单，却功能强大。但是学着学者就从入门到放弃了，主要是没有目标。

比如你想做一个爬虫，或者想写一些自动化的脚本提高工作效率，或者进行数据分析帮公司提高运营效率，用数据驱动运营。人一定有目的才有动力，而我学Python主要是为了后端运维使用。

一百行代码能实现一个简单的网页后端么？答案是可以的，下面我来带大家快速实现一个Flask后端程序。

整体项目设计

今天给大家写一个后端入门的小程序，要求是尽量简单，有数据交互。所以在这里选用了Flask框架，数据库用了最简单的SQLite。因为要做一个数据展示，所以在这里用了豆瓣电影top250的数据。

为了便于理解，我没有设置复杂的项目结构，整个项目只有五个文件，包括两个py文件和三个html文件，文件结构如下：

• app.py文件：是flask的程序主题文件，这个项目的逻辑代码都在这个文件里，只有不到100行代码就实现了一个简易的网站的后端逻辑，足见Flask的强大。

• douban.py文件：是一个爬虫文件，从豆瓣top250爬取数据存放到SQLite数据库，这个py文件运行一下就会生成test.db文件供flask使用。

• _macros.html：是一个分页器html文件，供网页加载使用。

• moiveBase.html：是电影索引界面，以列表的样式展示电影，如果用户感兴趣，可以点击链接进入到电影详情页。

• moiveDrtail.html：是电影详情页，这里展示电影的详细内容，还有一个form表单用来提交评论。

一说起配置项目，很多人都是一个头两个大。Flask就相对特别友好，具体的配置思路就是我不要你觉得，我要我觉得。一切都使用默认配置，只对自己需要修改的配置进行更改。

1).项目配置

flask提供了很多默认的配置，很多情况下不用特别配置就使用默认的配置就可以了。比如在app同级的templates文件夹用来存放网页模板，同级的static文件夹用来存放静态文件等等。我们对这些不做更改，使用默认配置。所以呢，我们这里需要配置的只有数据库连接，代码如下：

• 这里通过Flask实例化了一个app。

• 通过变量DB_URL设置数据库连接字符串。

• app.debug设置为Ture为了方便调试代码。正式上线的时候直接删除这行代码，因为默认就是False。

• 通过SQLAlchemy这个类来连接数据库。

2).数据库的设计

数据库设计是一个应用最重要的基石，一个应用的好坏主要就看数据库的设计，所以说这里需要重点说一下数据库的设计。这里选用的是是SQLite数据库，这是一个非常简单的关系型数据库。

关系数据库是建立在关系模型上的数据库，所以表之间的关系在数据库编程中尤为重要。我们这次这个应用比较简单，只有两张表，采用一对多的模型进行设计。

整个数据库我们设计两张实体表，movieInfo电影信息表和Comment评论表。电影信息表中包括了我们从豆瓣电影Top250中爬到数据，使用豆瓣的moiveID作为主键约束。

评论表中主键无实际意义，使用自增长模式。使用字段moiveID作为与电影信息表做关联。如图所示，电影信息表与评论表为一对多的关系。

数据存储格式说明：

• 因为应用比较简单，不涉及时间的计算，所以时间采用的String格式来存储，方便调用。

• 图片的存储，极其不建议将图片存放在数据库中，数据库中采用String格式存放图片的url即可。

比如在这里，我直接将豆瓣网的图片url存放在我的数据库中，用的时候直接调用即可。

3).转为SQLAlchemy表达方式

Flask项目逻辑

1).网站的首页

在首页我们计划按照电影排名，有序展示10点电影信息，并且可以点击链接进入电影的详情页。

• @app.route('/')这个装饰器定义了这个函数对应的网页链接地址，一个反斜杠就是默认地址打开就调用这个函数。

• page = request.args.get('page', 1, type=int)获取页面参数，如果没有获取到，则默认为第一页，这个参数的类型为int类型。

• pagination = movieInfo.query.order_by(movieInfo.top.asc()).paginate(page, per_page=10, error_out=True)这一句是首先是按照movieInfo表中top字段进行正向排序，然后使用flask自带的分页器paginate函数，第一个参数是页码，第二个参数是每页展示的数量，第三个参数是超出页数报错设置。

• now_moives = pagination.items  获取到展示的电影信息数据。

• return render_template("moiveBase.html", now_moives=now_moives, pagination=pagination)这句调用了moiveBase.html这个模板网页，并向这个网页传递了两个参数来渲染网页，一个是需要展示的网页信息，一个是分页器信息。

2).电影详情页面

这个页面主要做一个电影详细信息的展示，展示结束后先显示评论区，然后显示评论框。在评论框评论的留言信息在提交后需要显示在该页面的评论区中。

• @app.route('/moive/<int:moive_id>')这个装饰器中需要一个类型为int，变量名为moive_id的参数在下面函数中使用。

• Comment.query.filter_by这句获取了该moiveID的所有评论并倒序排列。

• 获取各种详细数据这里是因为我在爬取数据的时候，这些数据有可能有多个，我是以列表的格式存在数据库中，在取出来的时候需要对数据进行处理。因为很多项都需要相同的操作，所以单独抽取出来做一个函数来调用。

• 然后与网站首页一样调用的render_template函数来渲染Html页面，因为很多数据是处理过的，所以返回值比较多。

3).提交评论功能

• @app.route("/submitcomments",methods=['POST'])这个装饰器规定了这个函数只能被POST提交。

• 在这个函数内部主要是实现了获取了POST提交过来的数据并保存到数据库中。

• return redirect(url_for('moiveDetail',moive_id = moive_id))这句首先是通过flask自带的url_for给指定的函数构造 URL，调用了moiveDetail函数并传递了moive_id给他。redirect函数重定向到这个URL。

4).设置程序入口并运行

<span style="padding-right: 0.1px;font-size: 15px;"><span style="padding-right: 0.1px;color: rgb(119, 0, 136);">if</span> <span style="padding-right: 0.1px;color: rgb(0, 0, 0);">__name__</span> == <span style="padding-right: 0.1px;color: rgb(170, 17, 17);">'__main__'</span>:</span><br  /><span style="padding-right: 0.1px;font-size: 15px;">    <span style="padding-right: 0.1px;color: rgb(0, 0, 0);">app</span>.<span style="padding-right: 0.1px;color: rgb(0, 0, 0);">run</span>()</span>

至此，这个网页后端的代码已经全部完成了，只要配合前端展示页面，这个网页就可以运行起来了。

总结：

Flask是一个使用Python编写的轻量级 Web 应用框架。但是麻雀虽小，却五脏俱全。在这个项目中，使用到了一个网站会经常用到的几个知识点：

1). 当展示列表信息太多时，分页器的使用。

2). 网页链接中的参数传递。设置格式的参数传递，GET形式的参数传递。

3). 与后台数据库交互进行数据处理，并将处理后的数据返回前端页面。

4). 网页Form表单的提交。

5). 重定向以及反向解析带参数的URL。

需要源码，后台输入：【菜鸟哥】

本篇文章来源于: 菜鸟学Python