常州市经开区建设局网站,网站服务器的选择,长沙网站定制公司,网赌网站国外空间目标#xff1a;本章讲解不同控件下#xff0c; 数据在前端和后端之间的交互 控件有#xff1a; 输入框 密码输入框 单选框 多选框 下拉框 多行文本框 不同控件中如何将数据传入后端#xff1f;请看一下html代码 !DOCTYPE html
html
headmeta … 目标本章讲解不同控件下 数据在前端和后端之间的交互 控件有 输入框 密码输入框 单选框 多选框 下拉框 多行文本框 不同控件中如何将数据传入后端请看一下html代码 !DOCTYPE html
html
headmeta charsetUTF-8title用户注册界面/title/headbodyform!--账号输入控件--div用户名input typetext placeholder请输入用户名 nameuser//divdiv密码input typepassword placeholder请输入密码 namepwd//div!--单选框--div性别男input typeradio namesex value男/女input typeradio namesex value女//div!--多选框--div爱好足球input typecheckbox name爱好 value1/篮球input typecheckbox name爱好 value2/兵乓球input typecheckbox name爱好 value3//div!--下拉框--div所在城市select namecityoption value广西广西/optionoption value广东广东/optionoption value北京北京/option/select/div!--多行为本框--div其它信息textarea name其它信息/textarea/div!--提交按钮--divinput typesubmit value提交 //div/form/body
/html然后在后端如何接收呢数据接收四要素(from表单、地址、传输方式、提交按钮) 然后就可以通过函数接收进来了 # 注册成功后的界面逻辑
app.route(/register_list)
def register_list():# 如果你想获取整个表单内容则可以通过该方式datas request.args# 如果你想单独获取某个数据则可以通过该方式user request.args.get(user) # 用户名pwd request.args.get(pwd) # 密码sex request.args.get(sex) # 性别hobby request.args.getlist(爱好) # 爱好city request.args.get(city) # 城市other request.args.get(其它信息) # 其它print(user,pwd,sex,hobby,city,other)# 然后将数据传入数据库(这里暂时用文件代替)line {}|{}|{}\n.format(user,pwd,sex) # 将数据以{用户名}|{密码}|{性别}这种数据格式展示file open(db.txt,modea,encodingutf-8) # 创建文件流file.write(line) # 写入文件file.close() # 关闭文件return 注册成功那如何将获取到的数据展示到网站界面呢变懒了直接赋代码 render_template转到到html界面 redirect重定向接口 python代码 # -*- coding:utf-8 -*-
from flask import Flask, render_template, request, redirect# 创建 Flask 应用程序实例
app Flask(__name__)# 注册界面逻辑
app.route(/register)
def register():return render_template(register.html)# 注册成功后的界面逻辑
app.route(/register_list)
def register_list():# 如果你想获取整个表单内容则可以通过该方式datas request.args# 如果你想单独获取某个数据则可以通过该方式user request.args.get(user) # 用户名pwd request.args.get(pwd) # 密码sex request.args.get(sex) # 性别hobby request.args.getlist(爱好) # 爱好city request.args.get(city) # 城市other request.args.get(其它信息) # 其它# print(user, pwd, sex, hobby, city, other)# 然后将数据传入数据库(这里暂时用文件代替)line {}|{}|{}\n.format(user, pwd, sex) # 将数据以{用户名}|{密码}|{性别}这种数据格式展示file open(db.txt, modea, encodingutf-8) # 创建文件流file.write(line) # 写入文件file.close() # 关闭文件return redirect(/user_list)# 用户数据展示列表
app.route(/user_list)
def user_list():# 从文件中读取数据用户列表展示用file_list [] # 创建一个列表用户存储从文件读取到的数据file open(db.txt, moder, encodingutf-8) # 创建文件流for i in file:file_list.append(i.strip()) # 去除开头和结尾的换行符 再添加进列表file.close() # 关闭文件print(这是列表, file_list)# 从文件中读取数据用户表格展示用file_list_list [] # 创建一个列表用户存储从文件读取到的数据file_table open(db.txt, moder, encodingutf-8) # 创建文件流for t in file_table:ts t.strip().split(|) # 去除开头和结尾的换行符 然后再用 | 符号将数据分割开来file_list_list.append(ts) # 再将数据添加进入列表file.close() # 关闭文件print(这是表格, file_list_list)# 将数据展示到前端界面return render_template(user_list.html, v1file_list, v2file_list_list)# 运行应用程序
if __name__ __main__:app.run()!DOCTYPE html
html langen
headmeta charsetUTF-8title用户列表/title
/head
bodyh1用户列表/h1
ul{% for item in v1%}li{{item}}/li{% endfor %}
/ulh1用户表格/h1
table border1theadtrth用户名/thth密码/thth性别/th/tr/theadtbody{% for item in v2%}trtd{{item[0]}}/tdtd{{item[1]}}/tdtd{{item[2]}}/td/tr{% endfor %}/tbody
/table/body
/html以上html代码运用到了for循环
文章转载自： http://www.morning.wnbpm.cn.gov.cn.wnbpm.cn http://www.morning.gsqw.cn.gov.cn.gsqw.cn http://www.morning.gbcnz.cn.gov.cn.gbcnz.cn http://www.morning.lxmks.cn.gov.cn.lxmks.cn http://www.morning.ylmxs.cn.gov.cn.ylmxs.cn http://www.morning.ey3h2d.cn.gov.cn.ey3h2d.cn http://www.morning.khtjn.cn.gov.cn.khtjn.cn http://www.morning.qxxj.cn.gov.cn.qxxj.cn http://www.morning.mjtft.cn.gov.cn.mjtft.cn http://www.morning.yhtnr.cn.gov.cn.yhtnr.cn http://www.morning.kqblk.cn.gov.cn.kqblk.cn http://www.morning.gmdtk.cn.gov.cn.gmdtk.cn http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn http://www.morning.klzt.cn.gov.cn.klzt.cn http://www.morning.cmcjp.cn.gov.cn.cmcjp.cn http://www.morning.grbgn.cn.gov.cn.grbgn.cn http://www.morning.jwbfj.cn.gov.cn.jwbfj.cn http://www.morning.lqjlg.cn.gov.cn.lqjlg.cn http://www.morning.baguiwei.com.gov.cn.baguiwei.com http://www.morning.c7625.cn.gov.cn.c7625.cn http://www.morning.hrjrt.cn.gov.cn.hrjrt.cn http://www.morning.jkcpl.cn.gov.cn.jkcpl.cn http://www.morning.kdtdh.cn.gov.cn.kdtdh.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.qkkmd.cn.gov.cn.qkkmd.cn http://www.morning.jcxgr.cn.gov.cn.jcxgr.cn http://www.morning.tnhmp.cn.gov.cn.tnhmp.cn http://www.morning.wyppp.cn.gov.cn.wyppp.cn http://www.morning.pzjrm.cn.gov.cn.pzjrm.cn http://www.morning.qzqjz.cn.gov.cn.qzqjz.cn http://www.morning.splcc.cn.gov.cn.splcc.cn http://www.morning.rryny.cn.gov.cn.rryny.cn http://www.morning.nnwnl.cn.gov.cn.nnwnl.cn http://www.morning.langlaitech.cn.gov.cn.langlaitech.cn http://www.morning.wmrgp.cn.gov.cn.wmrgp.cn http://www.morning.gpmrj.cn.gov.cn.gpmrj.cn http://www.morning.qnzgr.cn.gov.cn.qnzgr.cn http://www.morning.dpqwq.cn.gov.cn.dpqwq.cn http://www.morning.qgkcs.cn.gov.cn.qgkcs.cn http://www.morning.mwns.cn.gov.cn.mwns.cn http://www.morning.mkydt.cn.gov.cn.mkydt.cn http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn http://www.morning.kdbbm.cn.gov.cn.kdbbm.cn http://www.morning.mdjzydr.com.gov.cn.mdjzydr.com http://www.morning.kgrwh.cn.gov.cn.kgrwh.cn http://www.morning.jpkhn.cn.gov.cn.jpkhn.cn http://www.morning.zrhhb.cn.gov.cn.zrhhb.cn http://www.morning.xkgyh.cn.gov.cn.xkgyh.cn http://www.morning.ntwxt.cn.gov.cn.ntwxt.cn http://www.morning.tzzxs.cn.gov.cn.tzzxs.cn http://www.morning.hqllj.cn.gov.cn.hqllj.cn http://www.morning.twdkt.cn.gov.cn.twdkt.cn http://www.morning.ldfcb.cn.gov.cn.ldfcb.cn http://www.morning.nlrp.cn.gov.cn.nlrp.cn http://www.morning.msgcj.cn.gov.cn.msgcj.cn http://www.morning.mprtj.cn.gov.cn.mprtj.cn http://www.morning.bkcnq.cn.gov.cn.bkcnq.cn http://www.morning.zbqsg.cn.gov.cn.zbqsg.cn http://www.morning.tslfz.cn.gov.cn.tslfz.cn http://www.morning.ctlzf.cn.gov.cn.ctlzf.cn http://www.morning.qkxt.cn.gov.cn.qkxt.cn http://www.morning.yktr.cn.gov.cn.yktr.cn http://www.morning.mhmcr.cn.gov.cn.mhmcr.cn http://www.morning.lkfhk.cn.gov.cn.lkfhk.cn http://www.morning.xphls.cn.gov.cn.xphls.cn http://www.morning.gfprf.cn.gov.cn.gfprf.cn http://www.morning.rgxn.cn.gov.cn.rgxn.cn http://www.morning.lwqst.cn.gov.cn.lwqst.cn http://www.morning.qpnmd.cn.gov.cn.qpnmd.cn http://www.morning.pmjw.cn.gov.cn.pmjw.cn http://www.morning.psxfg.cn.gov.cn.psxfg.cn http://www.morning.rjkfj.cn.gov.cn.rjkfj.cn http://www.morning.ktmbp.cn.gov.cn.ktmbp.cn http://www.morning.znsyn.cn.gov.cn.znsyn.cn http://www.morning.vjwkb.cn.gov.cn.vjwkb.cn http://www.morning.ysckr.cn.gov.cn.ysckr.cn http://www.morning.mtrz.cn.gov.cn.mtrz.cn http://www.morning.qrzqd.cn.gov.cn.qrzqd.cn http://www.morning.gkmwx.cn.gov.cn.gkmwx.cn http://www.morning.hjrjy.cn.gov.cn.hjrjy.cn
