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 内容如下:
html文件怎么用Python做后端,利用python实现后端写网页(flask框架).pdf相关推荐
- 如何用python做后端写网页-flask框架
如何用python做后端写网页-flask框架 什么是Flask 安装flask模块 Hello World 更深一步:数据绑定 后端传入数据 从前端获取数据 数据库连接 screen 创建后台 查看 ...
- 【Python例】利用 python 进行图片文字信息的提取 --- OCR-EasyOCR
[Python例]利用 python 进行图片文字信息的提取 - OCR-EasyOCR 本文主要用于记录,并使用 python 脚本进行图片文字信息的生成. 什么是 OCR? OCR OCR(Opt ...
- 【Python例】利用 python 进行用户画像词云图的生成 --- wordcloud
[Python例]利用 python 进行用户画像词云图的生成 - wordcloud 本文主要用于记录,并使用 python 脚本进行用户画像的词云图的生成. 前言 对于词云图来说,是一个用户画像数 ...
- boxplot用法 python,[Python画图笔记]利用Python画箱型图boxplot
[Python画图笔记]利用Python画箱型图boxplot [Python画图笔记]利用Python画箱型图boxplot 最近在学习使用Python画图,想用subplot画两幅箱型图,分别用来 ...
- 怎样利用python做一个软件,python可以自己做软件吗
python能做什么软件? 主要可以做小程序,爬虫程序,用于系统编程等等还是很广泛的.Python 的应用领域分为下面几类.下文将介绍一些Python 具体能帮我们做的事情. 但我们不会对各个工具进行 ...
- python编写一个软件-软件代做:利用Python编写一个行业专用的小计算器
前言:本文讲述的是如何利用python编程制作一个适用于指定行业的计算器,方便计算结果,涵盖的知识点由Python编写GUI界面程序,利用爬虫采集实时的汇率数据,将Python文件打包成可以单独运行的 ...
- python控制autocad_利用python控制Autocad:pyautocad方式
发现pyautocad模块:可以用python控制autocad的包.今天把文档中的重点内容摘录出来,以后绘图.计算大工程量.或者识别施工图的时候时候也许可以用到. 一.连接cad pyautocad ...
- excel python插件_利用 Python 插件 xlwings 读写 Excel
Python 通过 xlwings 读取 Excel 数据 去年底公司让我做设备管理,多次委婉拒绝,最终还是做了.其实我比较喜欢技术.做管理后发现现场没有停机率统计,而原始数据有,每次要自己在Exce ...
- 动态照片墙 python 实现_利用python生成照片墙的示例代码
这篇文章主要介绍了利用python生成照片墙的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 PIL(Python Im ...
最新文章
- SAP 自动付款的配置
- Set、Map集合、栈、队列
- linux 查看usb端口_linux开发:Linux下查看端口占用
- USACO 2.1 海明码(DFS)
- C4D快速入门教程——倒角
- PHPStudy设置局域网访问
- 线上连锁线下整合 连锁店电商解决方案
- python 使用sk_learn :ValueError: Expected 2D array, got 1D array instead
- 光子晶体制作出LED
- Microsoft Project
- 双核心三层交换机路由功能详细配置
- 2022年上半年全球知名企业十大数据泄露事件
- 记录 uni-app 中对 data 的修改视图未更新的坑
- Fast Extrinsic Calibration of a Laser Rangefinder to a Camera阅读理解
- 为 repo ‘AppStream‘ 下载元数据失败 错误:为 repo ‘AppStream‘ 下载元数据失败
- 数北机房,数字北京机房
- linux查看某一个进程的socket连接数
- mips架构汇编指令
- 谷歌分析中的转化目标设置后,大概多久能显示在Google adwords后台?
- iOS 微博第三方登录的简单实现
热门文章
- java构造方法嵌套,laravel查询构建器中的嵌套查询
- 开发日记-20190913 关键词 汇编语言王爽版 第一章
- 开发日记-20190707 关键词 读书笔记 《Perl语言入门》Day 4
- (转载)Android GradientDrawable(shape标签定义) 静态使用和动态使用(圆角,渐变实现)
- python 多进程——使用进程池,多进程消费的数据)是一个队列的时候,他会自动去队列里依次取数据...
- 查看tensorflow pb模型文件的节点信息
- 高效管理 Elasticsearch 中基于时间的索引——本质是在利用滚动模式做数据的冷热分离,热索引可以用ssd...
- kibana 5.5 源码编译踩坑记录
- Karma和Jasmine自动化单元测试——本质上还是在要开一个浏览器来做测试
- 江西鹰潭、江西移动与华为战略合作:共推物联网——物联网的世界要到来了...