Flask网站入门【100行Python代码搭建一个电影网站】

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

源码下载:
链接: https://pan.baidu.com/s/1xYchOx94MMPpqCiIQpuyQw 提取码: fvmb

整体项目设计

今天给大家写一个后端入门的小程序,要求是尽量简单,有数据交互。所以在这里选用了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).设置程序入口并运行

if __name__ == '__main__':
   app.run()

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


总结:

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

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

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

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

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

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

《Flask网站入门【100行Python代码搭建一个电影网站】》有一个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注