flask前端后端交互学习笔记

最新推荐文章于 2024-04-26 14:38:57 发布

老young可爱

最新推荐文章于 2024-04-26 14:38:57 发布

阅读量1.2k

点赞数

分类专栏： flask 文章标签： flask

本文链接：https://blog.csdn.net/qq_52671379/article/details/124517205

版权

flask 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

input标签中常用的type属性

	type="text"--->文本框
	type="password"--->密码框
	type="radio"--->单选框
	type="checkbox"--->复选框
	type="file"--->图片上传
	type="hidden"--->隐藏控件
	type="image"--->图片按钮
	type="button"--->普通按钮
	type="submit"--->提交按钮
	type="reset"--->重置按钮
	type="number"--->年龄控件
	type="search"--->搜索框
	type="range"--->滑块
	type="tel"--->电话号码
	type="url"--->网址
	type="color"--->颜色选择
	type="email"--->邮箱
	type="datetime-local"--->日期时间控件   <!-- 火狐不支持  谷歌支持 -->
	type="date"--->日期控件
	 type="time"--->时间控件      <!-- 火狐可以显示上午下午  谷歌不显示 -->
	 type="month"--->月份控件     <!-- 火狐不支持  谷歌支持 -->
	 type="week"--->周控件      <!-- 火狐不支持  谷歌支持 -->

Flask 接收html 表单的数据

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>欢迎注册用户</h1>
    <form action="/register" method="post">
        <p><input type="text" name="username" placeholder="用户名"></p>
        <p><input type="password" name="password" placeholder="密码"></p>
        <p><input type="password" name="repassword" placeholder="确认密码"></p>
        <p><input type="submit" value="注册"></p>
    </form>
</body>
</html>

app.py

@app.route('/index', methods=['GET', 'POST'])
def register():
    if request.method == 'POST':
        print(request.form.get('username'))
        print(request.form.get('password'))
        print(request.form.get('repassword'))
 
        return '注册成功'
 
    return render_template('register.html')

flash鼠标事件

stage.addEventListener(MouseEvent.CLICK,MouseEventHandle1);
function  MouseEventHandle1 (e:MouseEvent):void {
trace("这是一个鼠标单击的处理");
}

stage.doubleClickEnabled=true;//MouseEvent.DOUBLECLICK事件生效。
stage.addEventListener(MouseEvent.DOUBLE_CLICK,MouseEventHandle2);
function  MouseEventHandle2 (e:MouseEvent):void {
trace("这是一个双击处理");
}

stage.addEventListener(MouseEvent.MOUSE_DOWN,MouseEventHandle3);
function  MouseEventHandle3 (e:MouseEvent):void {
trace("这是一个鼠标按下处理");
}

stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseEventHandle4);
function  MouseEventHandle4 (e:MouseEvent):void {
trace("这是一个鼠标移到场景上的处理");
}

stage.addEventListener(MouseEvent.MOUSE_OUT,MouseEventHandle5);
function  MouseEventHandle5 (e:MouseEvent):void {
trace("鼠标指针移出显示对象时触发事件");
}

stage.addEventListener(MouseEvent.MOUSE_OVER,MouseEventHandle6);
function  MouseEventHandle6 (e:MouseEvent):void {
trace("这是一个鼠标悬停的处理");
}

stage.addEventListener(MouseEvent.MOUSE_UP,MouseEventHandle7);
function  MouseEventHandle7 (e:MouseEvent):void {
trace("这是一个鼠标按下松开后的处理");
}

stage.addEventListener(MouseEvent.MOUSE_WHEEL,MouseEventHandle8);
function  MouseEventHandle8 (e:MouseEvent):void {
trace("这是一个鼠标滚轮的处理");
}

stage.addEventListener(MouseEvent.ROLL_OUT,MouseEventHandle9);
function  MouseEventHandle9 (e:MouseEvent):void {
trace("这是一个鼠标铺开的处理");
}

stage.addEventListener(MouseEvent.ROLL_OVER,MouseEventHandle10);
function  MouseEventHandle10 (e:MouseEvent):void {
trace("这是一个鼠标翻转的处理");
}

flask使用页面模版

嵌入式的html模版

例一app.py

 #!/usr/bin/python
from flask import flask
app = flask(__name__)
@app.route("/")
def hello():
  return "<h1>hello world!</h1>"
if __name__ == "__main__":
  app.debug=true
  app.run()

例二app2.py

 #!/usr/bin/python
from flask import flask
app = flask(__name__)
@app.route("/")
def hello():
  return '<!doctype html> \
<html> \
<head> \
<meta charset="utf-8"> \
<title>hello</title> \
</head> \
<body>\
<h1>hello world!</h1> \
</body>\
</html>'
if __name__ == "__main__":
  app.debug=true
  app.run(host='0.0.0.0',port=7000)

页面模版

将上文中嵌入的html页面独立成index.html，

 <!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>hello template</title>
</head>
<body>
  <h1>hello world!</h1>
</body>
</html>

在页面上只需要调用render_template即可实现url与对应模版的关联，

render_template(“index.html”)

app.py

 #!/usr/bin/python
from flask import flask
from flask import render_template
app = flask(__name__)
@app.route("/")
def hello():
  return render_template("index.html")
if __name__ == "__main__":
  app.debug=true
  app.run(host='0.0.0.0',port=7000)