编写一个简单的flask的前后端交互的网页(flask简单知识的讲解) (2)

f.如何运行以及开发flask程序:
首先,如果不想让环境之间相互影响,建议使用pipenv来管理包,首先使用pipenv install来安装需要的包,如果没有对应的配置文件,会生成两个配置文件,Pipfile以及Pipfile.lock,以后使用pipenv install的时候,相关包的文件就会自动存储在Pipfile和.lock当中,下次到新环境时使用pipenv install就可以自动下载。之后,使用pipenv shell来创建一个新的虚拟环境。然后使用flask run命令就可以跑起来了。
如果要进入开发者模式的话,可以手动建立一个.flaskenv文件,个app.py文件同目录,然后写上FLASK_ENV=development一句话就行了。
进入开发者模式后,每次修改完代码只要将浏览器硬刷新后就可以实时显示修改完的信息,不用重启程序,并且错误之后会进入了Jinja2提供的debug页面,里面详细的说了错误的信息(有时)。

实验内容:
本次实验需要使用python读取book.txt中的内容,将其使用某种数据结构化存储,然后以表格的形式显示在web的页面上。

实验步骤及具体实现:

1.读取book.txt中的数据
定义一个函数read_file(),使用python中open方法打开文件,然后使用f.readlines将文件一行一行以列表的形式读入,去除\n以及一些奇怪的字符后使用split获得包含所有信息的二维数组。
代码以及结果如下:

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

2.创建数据库,将书籍信息存入到数据库中。
首先是实例化数据库,之后修改配置文件,这个之前在基本原理中已经讲了,代码如下:

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

创建一个书籍的表,该表一共有三个字段,分别为书籍序号,书籍名,书籍分类。

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

然后创建视图函数,将读到每一本图书的信息作为参数将books类实例化,然后加入到表中。

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

3.编写前端html,渲染html并且将书籍信息传入到html中。
a)在视图函数中调用查询函数,将书籍信息从数据库中查询出来,然后使用render_template()函数渲染html并且将取得的books信息传入html文件中:

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

b)前端建立一个表格,然后使用for循环不断地添加表格的行

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)


该代码使用for循环不断读取books中的图书信息,然后生成表格的一列。

p.s 当然,这其中使用了css文件调整了样式,这里不细说了。

最后的实验结果如下:

编写一个简单的flask的前后端交互的网页(flask简单知识的讲解)

心得体会:
1.在创建数据库的时候,要先调用create_all()才可以重新创建已经定义好的表类,不然的话db.session.submit()会报错。
2.在html中使用for语句,可以快速的形成重复的代码,使代码更加简洁,而且可以根据数据库动态更新。
3.这次实验可以说是简单编写了一下flask的前后端,前端简单使用了html和css代码,后端简单使用了数据库,并且实现了前后端的交互,还是很不错的。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxpyy.html