利用python实现后端写网页（flask框架）

2023-07-05 00:59:03 77

如何用python做后端写网页-flask框架什么是Flask安装flask模块HelloWorld更深一步：数据绑定后端传入数据从前端获取数据数据库连接screen创建后台查看删除后台结束

什么是Flask

Flask是一个使用Python编写的轻量级Web应用框架。其WSGI工具箱采用Werkzeug，模板引擎则使用Jinja2。Flask使用BSD授权。以下程序均在自己服务器上运行（在vscode利用ssh进行连接）

安装flask模块

首先使用pip进行安装：

pipinstallflask

在所在项目文件夹下创建templates文件夹（用于存放html等文件）和app.py，如图：

HelloWorld

我们可以在templates文件中新建index.html文件，其内容如下：


HelloWord!

在上一步建立的app.py文件中，写入：

fromflaskimportFlask,render_template,request,jsonify
#创建Flask对象app并初始化
app=Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法用jinjia2引擎来渲染页面，并返回一个index.html页面
defroot():
returnrender_template("index.html")
#定义app在8080端口运行
app.run(port=8080)

我们写好app.py文件后，我们按F5运行，即终端输出：

我们访问服务器的8080端口，即HelloWorld出现在眼前！

更深一步：数据绑定

上一步我们简单地搭建好一个静态网页，它的显示只取决于前端，是固定不变的。我们如何做到从后端传递数值并在前端显示呢？这就需要使用数据绑定.

数据绑定,顾名思义，是为了实现一种“动态”的效果，后台的数据更新了，前端页面也自动更新；前端页面上的数据更新了，后台的数据也自动更新。在flask框架中，后端先将网页进行加载，并把传入的数据放在合适的位置后使用jinjia2引擎渲染，最后将渲染好的页面返回。

后端传入数据

我们首先在render_template函数中传递需要绑定的数据name,age:

fromflaskimportFlask,render_template,request,jsonify
#创建Flask对象app并初始化
app=Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法用jinjia2引擎来渲染页面，并返回一个index.html页面
defroot():
returnrender_template("index.html",name="zxy",age=21)
#定义app在8080端口运行
app.run(port=8080)

在前端index.html中,我们获取传入的数据：


我是{{name}},今年{{age}}岁

我们再按F5运行，并访问服务器的8080端口，页面显示：

从前端获取数据

那么，前端提交的数据如何传到后端呢？

在这里，我使用ajax实现数据的异步传输。我们将主要步骤概括为：

1.在前端页面中引入jQuery

2.创建两个输入框，一个按钮用于输入数据和事件提交。

3.在js中编写事件，使用ajax进行数据提交

4.在后端app.py中编写对应的事件处理函数

前端index.html内容如下：




请输入你的姓名和年龄








提交

当我们完成ajax数据提交后，则在后端app.py处编写对应的处理函数submit()。

app.py中的内容如下：

fromflaskimportFlask,render_template,request,jsonify
#创建Flask对象app并初始化
app=Flask(__name__)

#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法用jinjia2引擎来渲染页面，并返回一个index.html页面
defroot():
returnrender_template("index.html")

#app的路由地址"/submit"即为ajax中定义的url地址，采用POST、GET方法均可提交
@app.route("/submit",methods=["GET","POST"])
#从这里定义具体的函数返回值均为json格式
defsubmit():
#由于POST、GET获取数据的方式不同，需要使用if语句进行判断
ifrequest.method=="POST":
name=request.form.get("name")
age=request.form.get("age")
ifrequest.method=="GET":
name=request.args.get("name")
age=request.args.get("age")
#如果获取的数据为空
iflen(name)==0orlen(age)==0:
return{'message':"error!"}
else:
return{'message':"success!",'name':name,'age':age}

#定义app在8080端口运行
app.run(port=8080)

编写完成后，我们访问服务器8080端口进行测试，结果如下：

数据库连接

数据库是一个网页不可或缺的部分。前面的例子中，数据都是从前端获取或者随机输入的。如何从数据库中获取数据呢？

首先我们引入pymysql库并编写Database类，该类写在database.py中：

importpymysql
classDatabase:
#设置数据库的连接参数，由于我是在服务器中编写的，所以host是localhost
host="localhost"
user="root"
password="Zhangxy0212!!"
#类的构造函数，参数db为欲连接的数据库。该构造函数实现了数据库的连接
def__init__(self,db):
connect=pymysql.connect(host=self.host,user=self.user,password=self.password,database=db)
self.cursor=connect.cursor()
#类的方法，参数command为sql语句
defexecute(self,command):
try:
#执行command中的sql语句
self.cursor.execute(command)
exceptExceptionase:
returne
else:
#fetchall()返回语句的执行结果，并以元组的形式保存
returnself.cursor.fetchall()

我们可以在templates文件中新建一个data.html文件，用于创建一个新的页面，文件内容如下:



请输入你的名字

提交

按钮的触发事件为show();接下来我们在app.py中编写渲染data.html页面的函数data()和事件处理函数show().

切记，这两个函数一定要加在创建app对象和定义运行端口之间！！

由于我们要使用写好的Database类进行数据库的连接，因此需要在app.py顶部进行引入:

fromdatabaseimportDatabase

data()函数和show()函数如下：

#通过python装饰器的方法定义路由地址
@app.route("/data")
#定义方法用jinjia2引擎来渲染页面，并返回一个index.html页面
defdata():
returnrender_template("data.html")

#app的路由地址"/show"即为ajax中定义的url地址，采用POST、GET方法均可提交
@app.route("/show",methods=["GET","POST"])
defshow():
#首先获取前端传入的name数据
ifrequest.method=="POST":
name=request.form.get("name")
ifrequest.method=="GET":
name=request.args.get("name")
#创建Database类的对象sql，test为需要访问的数据库名字具体可见Database类的构造函数
sql=Database("test")
try:
#执行sql语句多说一句，f+字符串的形式，可以在字符串里面以{}的形式加入变量名结果保存在result数组中
result=sql.execute(f"SELECTtypeFROMtypeWHEREname='{name}'")
exceptExceptionase:
return{'status':"error",'message':"codeerror"}
else:
ifnotlen(result)==0:
#这个result，我觉得也可以把它当成数据表，查询的结果至多一个，result[0][0]返回数组中的第一行第一列
return{'status':'success','message':result[0][0]}
else:
return"rbq"

我们按F5运行app.py文件后，访问http://121.41.111.94/data

运行结果如图：

多提一句，数据表type中的内容如下：

screen

至此，使用flask框架搭建简单网页的基本流程结束啦！

我想你们心中一定有个疑问，每次运行python程序总是需要按F5运行，如果关掉VSCode，那么进程将会被杀掉，服务器页面就无法显示，如图：

那么我们就需要在服务器中使用screen创建一个后台，将app.py程序放在后台中运行，达到持续运行的目的。

创建后台

由于我的服务器是Centos，所以我使用yuminstallscreen的方式下载的screen。

下载完成后，在服务器的任意位置输入screen命令即可创建后台，后台如图：

即上面会显示screen0.

我们进入工程所在的文件try输入命令：pythonapp.py如图：

这样我们再访问一下121.41.111.94，会发现网站已经启动啦！我们即使关闭命令行，程序也继续在后台运行。

查看删除后台

如果我们需要查看后台的运行情况，在服务器中输入命令：screen-x

如果需要停止后台运行，则先通过screen-x[pid号]进入某一后台。进入之后Ctrl+C即可停止运行。

如果删除后台，则先通过screen-x[pid号]进入某一后台，进入之后输入exit

结束

到此这篇关于利用python实现后端写网页（flask框架）的文章就介绍到这了,更多相关python后端写网页内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

利用python实现后端写网页（flask框架）

什么是Flask

安装flask模块

HelloWorld

HelloWord!

更深一步：数据绑定

我是{{name}},今年{{age}}岁

从前端获取数据

请输入你的姓名和年龄

数据库连接

请输入你的名字

screen

创建后台

查看删除后台

结束

热门推荐

随机推荐