html文件怎么用Python做后端,利用python实现后端写网页（flask框架）.pdf

利利用用python实实现现后后端端写写网网页页 ((flask框框架架))

如何用python做后端写网页-flask框架 什么是Flask安装flask模块Hello World更深一步：数据绑 后端传入数据从前端获取数据

数据库连接screen创建后台查看删除后台 结束

什什么么是是Flask

Flask是一个使用 Python 编写的轻量级 Web 应应用用框框架架。其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinj a2 。Flask使用

SD 授权。以下程序均在自己服务器上运行 (在vs code利用ssh进行连接)

安安装装flask模模块块

首先使用pip进行安装：

pip install flask

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

Hello World

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

Hello Word!

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

from flask import Flask, render_template, request, jsonify

#创建Flask对象app并初始化

app Flask(__name__)

#通过python装饰器的方法 义路由地址

@app.route("/")

# 义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面

def root():

return render_template("index.html")

# 义app在8080端口运行

app.run(port 8080)

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

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

更更深深一一步步：：数数据据绑绑

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

？这就需要使用数数据据绑绑 .

数数据据绑绑 ,顾名思义，是为了实现一种“动态”的效果，后台的数据更新了，前端页面也自动更新；前端页面上的数据更新了，后

台的数据也自动更新。在flask框架中，后端先将网页进行加载，并把传入的数据放在合适的位置后使用j inj ia2引擎渲染，最后将

渲染好的页面返回。

后端传入数据

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

from flask import Flask, render_template, request, jsonify

#创建Flask对象app并初始化

app Flask(__name__)

#通过python装饰器的方法 义路由地址

@app.route("/")

# 义方法 用jinjia2引擎来渲染页面，并返回一个index.html页面

def root():

return render_template("index.html",name "zxy",age 21)

# 义app在8080端口运行

app.run(port 8080)

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

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

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

从从前前端端获获取取数数据据

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

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

1.在前端页面中引入jQuery

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

3.在j s中编写事件，使用aj ax进行数据提交

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

前端index .html 内容如下：