flask前端后端交互学习笔记

flask前端后端交互学习笔记,第1张

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>Titletitle>
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 "hello world!"
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 templatetitle>
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)

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/794824.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-06
下一篇 2022-05-06

发表评论

登录后才能评论

评论列表(0条)

保存