3.1.6 Python简单网站实践4

女爷i 2022-05-26 01:50 90阅读 0赞

**7，模版**

Tornado提供比较好用的前端模板（tornado.template），通过这个模板，能够让前端编写更方便。

render()：

render()方法能够告诉Tornado读入哪个模板，插入其中的模板代码，并返回结果给浏览器。比如在IndexHandler类中get()方法里面的self.render（"index.html"），就是让Tornado到templates目中找到名为index.html的文件，读出它的内容，返回给浏览器。这样用户就能看到index.html所规定的页面了。

为了显示模版的作用，现在修改 index.html和 index.py文件

首先修改 index.py里的get方法：

\#!/usr/bin/env python

\# coding=utf-8

'''

Created on 2018年4月19日

'''

import tornado.web

import methods.readdb as mr

class IndexHandler(tornado.web.RequestHandler):

def get(self):

userNames = mr.selecr\_columns(table="users", column="name")

first\_user = userNames\[0\]\[0\]

self.render("index.html" ,user = first\_user )

def post(self):

userName = self.get\_argument("username")

passWord = self.get\_argument("password")

user\_infos = mr.select\_tab(table="users",column="\*",condition="name", value="'"+userName+"'")

if user\_infos:

db\_wd = user\_infos\[0\]\[2\]

if db\_wd == passWord:

self.write("Welcome you :"+userName)

else:

self.write("your password was not right.")

else:

self.write("There is no this user.")

从数据库中读取用户名，并且提出数据库第一个用户（first\_user），然后通过self.render（"index.html"，user=first\_user）将这个用户名放到index.html中，其中user=first\_user的作用就是传递对象到模板。

注意，在上面的代码中，我使用了mrd.select\_columns（table="users"，column="name"），也就是说必须要在methods目录中的 readdb.py文件中有一个名为select\_columns的函数。

\#!/usr/bin/env python

\# coding=utf-8

'''

Created on 2018年4月20日

'''

from db import \*

def select\_tab(table, column, condition, value):

\#拼接查询SQL

sql = "select " + column + " from " + table + " where " + condition + "=" + value

cur.execute(sql)

lines = cur.fetchall()

return lines

def selecr\_columns(table, column):

sql = "select " + column + " from " + table

cur.execute(sql)

lines = cur.fetchall()

return lines

在继续修改 index.html页面文件：

<!DOCTYPE html>

<head>

<title>登陆 Python</title>

</head>

<body>

</form>

</body>

“<p>用户名为：\{ \{user\}\}登录</p>”，在这里用了“\{ \{\}\}”方式接受对应的变量引用的对象。

效果：

![20180423095925810][]

“\{ \{\}\}”本质上是占位符，当这个html被执行的时候，这个位置会被一个具体的对象所替代。具体是哪个具体对象替代这个占位符，完全由render()方法中的关键词来指定，也就是render()中的关键词与模板中的占位符包裹着的关键词一致。

然后，假如用户名密码正确之后，我们需要跳转到另外一个页面，并且在新页面中显示用户完整信息。

首先修改 url.py文件

\#!/usr/bin/env python

\# coding=utf-8

'''

Created on 2018年4月18日

这是网站的url结构

'''

import sys

reload(sys)

sys.setdefaultencoding("utf-8")

from handlers.index import IndexHandler

from handlers.user import UserHandler

url = \[

(r'/',IndexHandler),

(r'/user',UserHandler),

然后建立handlers/ user.py文件

\#!/usr/bin/env python

\# coding=utf-8

'''

Created on 2018年4月23日

'''

import tornado.web

import methods.readdb as mr

class UserHandler(tornado.web.RequestHandler):

def get(self):

userName = self.get\_argument("user")

user\_infos = mr.select\_tab(table="users",column="\*",condition="name", value="'"+userName+"'")

self.render("user.html", users = user\_infos )

在get()中使用self.get\_argument（"user"），目的是要通过url获取参数user的值。

修改statics/js/ scrupt.js文件

$(document).ready(function()\{

$("\#login").click(function()\{

var user = $("\#username").val();//获取用户名

var pwd = $("\#password").val();//获取密码

var da = \{"username":user, "password":pwd\};

$.ajax(\{

type:"post",

url:"/",

data:da,

cache:false,

success:function(data)\{

window.location.href = "/user?user="+user;

\},

error:function()\{

alert("error!");

\},

\});

接下来是 user.html模板，注意，上面的代码中，user\_infos引用的对象不是一个字符串了，即传入模板的不是一个字符串，而是一个元组。

<!DOCTYPE html>

<head>

<title>登陆 Python</title>

</head>

<body>

<h2>你的登陆用户信息:</h2>

<ul>

\{% for one in users %\}

\{% end %\}

</ul>

</body>

登陆后效果：

![20180423095945611][]

可以注意一下页面数据的遍历形式

\{% for语句 %\}

...

\{% end %\}

还有：

\{ \{% if语句 %\}\}

...

\{ \{% end %\}\}

[20180423095925810]: /images/20220526/7035f6dadf454a52bd4067067f97def1.png
[20180423095945611]: /images/20220526/74d9354dd4a848228f16378114d6dd20.png

3.1.6 Python简单网站实践4

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 316. Remove Duplicate Letters (贪心)

相关 4个自学Python必看网站

相关 leetcode 316. Remove Duplicate Letters | 316. 去除重复字母（单调栈解法）

相关 NYOJ 316 算菜价

相关 leetcode 316. Remove Duplicate Letters

相关 3.1.5 Python简单网站实践3

相关 3.1.4 Python简单网站实践2

相关 3.1.3 Python简单网站实践1

相关 3.1.6 Python简单网站实践4

相关 Promise简单实践