首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Python实现网站表单提交和模板

Posted in Python onJanuary 15, 2019

如果像前面那么做网站，也太丑陋了。并且功能也不多。

在实际做网站中，现在都要使用一个模板，并且在用户直接看到的页面，用html语言来写页面。

在做网站的行业里面，常常将HTML+CSS+JS组成的网页，称作“前端”。它主要负责展示，或者让用户填写一些表格，通过JS提交给用python写的程序，让python程序来处理数据，那些处理数据的python程序称之为“后端”。我常常提醒做“后端”的，不要轻视“前端”。如果立志成为全栈工程师，就要从前到后都通。

关于本讲，主要是要演示一个用模板（HTML）写一个表单，然后提交给后端的python程序，再转到另外一个显示的前端页面显示。为了简化流程，这个过程中没有数据处理和CSS+Javascript的工作，所有界面会丑陋。

一个表单

要做一个前端的页面，显示的内容就如同下图样式

Python实现网站表单提交和模板

相应代码是，并命名为index.html，存在一个名称是template的目录中。

<!DOCTYPE html>
<html>
  <head>
    <title>sign in your name</title>
  </head>
  <body>
    <h2>Please sign in.</h2>
    <form method="post" action="/user">
      <p>Name:<br><input type="text" name="username"></p>
      <p>Email:<br><input type="text" name="email"></p>
      <p>Website:<br><input type="text" name="website"></p>
      <p>Language:<br><input type="text" name="language"></p>
      <input type="submit" value="ok,submit my information">
    </form>
  </body>
</html>

上面的代码是比较简单，如果熟悉html的话，不熟悉也不要紧，网上搜索就能理解。注意，没有CSS+JS，所以简单。如果在真正开发中，这两个是不能少的。

有了这个表单之后，如果用户把相关信息都填写好了。点击下面的按钮，就应该提交给后端的python程序来处理。

后端处理程序

做为tornado驱动的网站，首先要能够把前面的index.html显示出来，这个一般用get方法，显示的样式就按照上面的样子显示。

用户填写信息之后，点击按钮提交。注意观察上面的代码表单中，设定了post方法，所以，在python程序中，应该有一个post方法专门来接收所提交的数据，然后把提交的数据在另外一个网页显示出来。

在表单中还要注意，有一个action=/user，表示的是要将表单的内容提交给/user路径所对应的程序来处理。这里需要说明的是，在网站中，数据提交和显示，路径是非常重要的。

按照以上意图，编写如下代码，并命名为usercontroller.py，保存在template目录中

#!/usr/bin/env python
#coding:utf-8
import os.path
import tornado.httpserver
import tornado.ioloop
import tornado.options
import tornado.web
from tornado.options import define, options
define("port", default=8000, help="run on the given port", type=int)
class IndexHandler(tornado.web.RequestHandler):
  def get(self):
    self.render("index.html")
class UserHandler(tornado.web.RequestHandler):
  def post(self):
    user_name = self.get_argument("username")
    user_email = self.get_argument("email")
    user_website = self.get_argument("website")
    user_language = self.get_argument("language")
    self.render("user.html",username=user_name,email=user_email,website=user_website,language=user_language)
handlers = [
  (r"/", IndexHandler),
  (r"/user", UserHandler)
]
template_path = os.path.join(os.path.dirname(__file__),"template")
if __name__ == "__main__":
  tornado.options.parse_command_line()
  app = tornado.web.Application(handlers, template_path)
  http_server = tornado.httpserver.HTTPServer(app)
  http_server.listen(options.port)
  tornado.ioloop.IOLoop.instance().start()

这次代码量多一些。但是多数在前面讲述tornado基本结构的时候已经说过了，跟前面一样，这里仅仅把重点的和新出现的进行讲述，如果对某些内容还有疑问，可以参考前面的相关章节。

在引入的模块上，多了一个import os.path，这个模块主要用在：

template_path = os.path.join(os.path.dirname(__file),"template")

这是要获取存放程序的目录template的路径。

重点看两个类中都有的self.render()，用这个方法引入相应的模板。

self.render("index.html")

显示index.html模板，但是此时并没有向模板网页传递任何数据，仅仅显示罢了。下面一个：

self.render("user.html",username=user_name,email=user_email,website=user_website,language=user_language)

与前面的不同在于，不仅仅是要引用模板网页user.html，还要向这个网页传递一些数据，例如username=user_name，含义就是，在模板中，某个地方是用username来标示得到的数据，而user_name是此方法中的一个变量，也就是对应一个数据，那么模板中的username也就对应了user_name的数据，这是通过username=user_name完成的。后面的变量同理。

那么，user_name的数据是哪里来的呢？就是在index.html页面的表单中提交上来的。注意观察路径的设置，r"/user", UserHandler，也就是在form中的action='/user'，就是要将数据提交给UserHandler处理，并且是通过post方法。所以，在UserHandler类中，有post()方法来处理这个问题。通过self.get_argument()来接收前端提交过来的数据，接收方法就是，self.get_argument()的参数与index.html表单form中的各项的name值相同，就会得到相应的数据。例如user_name = self.get_argument("username")，就能够得到index.html表单中name为"username"的元素的值，并赋给user_name变量。

还差一个网页。

显示结果

在上面的代码中，又多了一个模板：user.html，对这个模板，跟前面那个模板有一点儿不一样的地方，就是要引入一些变量。它的代码是这样的：

<!DOCTYPE html>
<html>
  <head>
    <title>sign in your name</title>
  </head>
  <body>
    <h2>Your Information</h2>
    <p>Your name is {{username}}</p>
    <p>Your email is {{email}}</p>
    <p>Your website is {{website}}, it is very good. This website is make by {{language}}</p>
  </body>
</html>

请将上面的代码和这句话对照：

self.render("user.html",username=user_name,email=user_email,website=user_website,language=user_language)

上面的模板代码存储为名为user.html的文件，并且和前面已经保存的在同一个目录中。

看HTML模板代码中，有类似{{username}}的变量，模板中用{{}}引入变量，这个变量就是在self.render()中规定的，两者变量名称一致，对应将相应的值对象引入到模板中。

运行结果

进入到template目录，执行：

~/template$ python userscontroller.py

然后在浏览器的地址栏中输入

http://localhost:8000

出现如下图的表单，并填写表单内容

Python实现网站表单提交和模板

点击“按钮”之后：

Python实现网站表单提交和模板

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Python实现网站表单提交和模板

- Author -

hiekay

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
python实现哈希表
Feb 07 Python
浅谈python配置与使用OpenCV踩的一些坑
Apr 02 Python
python开启debug模式的方法
Jun 27 Python
解决Python3 控制台输出InsecureRequestWarning问题
Jul 15 Python
Python 保持登录状态进行接口测试的方法示例
Aug 06 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
Sep 05 Python
简单了解python数组的基本操作
Nov 26 Python
pandas-resample按时间聚合实例
Dec 27 Python
python怎么提高计算速度
Jun 11 Python
Python 微信公众号文章爬取的示例代码
Nov 30 Python
Python下opencv使用hough变换检测直线与圆
Jun 18 Python
Python使用psutil库对系统数据进行采集监控的方法
Aug 23 Python
django 实现编写控制登录和访问权限控制的中间件方法
Jan 15 #Python
python 使用poster模块进行http方式的文件传输到服务器的方法
Jan 15 #Python
Python3中lambda表达式与函数式编程讲解
Jan 14 #Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
Jan 14 #Python
使用CodeMirror实现Python3在线编辑器的示例代码
Jan 14 #Python
python 根据时间来生成唯一的字符串方法
Jan 14 #Python
python ipset管理 增删白名单的方法
Jan 14 #Python
二级域名(1) 前后端分离(1) 压力测试(1) lnmp(1) URL重定向(3) 默认端口(3) 443(1) SSL(3) lamp(1) 跨域(4)
You might like
又一个php 分页类实现代码
2009/12/03 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
IE 当eval遇上function的处理
2011/08/09 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
js数组方法扩展实现数组统计函数
2014/04/09 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
bootstrap table小案例
2016/10/21 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
2017/12/15 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
vue实现日历表格（element-ui）
2020/09/24 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
python实现查询苹果手机维修进度
2015/03/16 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python同时遍历两个list用法说明
2020/05/02 Python
python动态规划算法实例详解
2020/11/22 Python
英国人最爱的饰品网站：Accessorize
2016/08/22 全球购物
纽约21世纪百货官网：Century 21
2016/08/27 全球购物
网上快餐厅创业计划书
2014/02/01 职场文书
公司催款律师函
2015/05/27 职场文书
八年级语文教学反思
2016/03/03 职场文书
​（迎国庆）作文之我爱我的祖国
2019/09/19 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python