如何实现web_框架_分页?
-- 思考什么是xss跨站攻击?
--别人把js代码提交到后台,然后从后台返回数据的时候,别人上传的js变成html中的代码,
就会插入别人的代码,带来极大的信息泄露的风险,
tornado后台本身就把前端语言只当作字符串处理
{% raw 数据 %} # 把字符变成代码
-- 为啥不利用一下?
把分页的字符转成前端语言,不就在后端对分页字符处理下,前端显示不就解决了?
-- 如何逻辑实现?
-- 根据数据的长度,每页显示的数据,计算出显示的页数,有余数,总页数多1
-- 通过for循环,把跳转的a标签编码以字符串的形式拼接进去,
通过if判断是否为当前页面,当前页面多拼接一个class
-- 规定一页显示10个跳转a标签,那就得对for循环的条件进行限制,
start = 当前页面 - 5,end = 当前页面 + 5
还需要对当前页面小于5或者总页面-10小于当前页面的极端值处理,进行动态处理
-- 首页字符串必须拼接在最前面,尾页应该拼接中最后的位置,跳转窗口拼接在尾页的后面
-- 任何的跳转请求,方式都为get方式
-- 如何实现input窗口跳转?
-- 通过from表单,获得提交的值,
通过判断,有form提交,当前页面就变成from表单中数据
如果把这些逻辑写成一个函数?
-- 好像不行,写成一个类,然后通过调用方法就完美了
-- 写类前,首先要思考,接收什么数据?输出什么数据?
-- 在这个类中,需要输入:总共元素长度、获得的页码、form提交的数据,
需要输出:开始页面数据、结束页面数据、最后拼接好的数据
-- 获得开始页面数据、结束页面数据,规定好页面展现的数据
-- 在manager.py文件中写入
#!/usr/bin/python3
import tornado.web
import tornado.ioloop
user_list = []
for i in range(101): # 生成101个数据
data = {'username': 'yizhihua1-' + str(i), 'work': 'student-' + str(i)}
user_list.append(data)
class HandlePage(object):
"""定义分页功能模块"""
def __init__(self, page, total_data, go_page): # 把当前页传入进来,和取得的用户信息列表
all_page, c = divmod(total_data, 5) # 计算总的页数,每页显示5行数据
if c > 0:
all_page += 1
self.all_page = all_page
if go_page: # 如果有值获得跳转的值,没值相当于没有跳转
page = go_page
try: # 处理页码
page = int(page)
except Exception as e:
print(e)
page = 1
if page < 0:
page = 1
if page > all_page:
page = all_page
self.current_page = page # 获得页码
pass
@property
def start(self):
return (self.current_page - 1)*5 # 获得起始位置
@property # 属性方法
def end(self):
return self.current_page*5 # 获得结束位置
def str_page(self, url_page): # url_page定义分页前缀
if self.current_page <= 5: # 判断最前面的页码
start_page = 1
end_page = 11
elif self.current_page >= self.all_page - 5: # 判断最后的页码
start_page = self.all_page - 9
end_page = self.all_page + 1
else:
start_page = self.current_page - 5 # 当前页—5
end_page = self.current_page + 5 # 当前页+5
list_page = []
# 首页
if self.current_page == 1:
first_page = '<a href="javascript:val(0);">首页</a>'
else:
first_page = '<a href="%s%s">首页</a>' % (url_page, 1)
list_page.append(first_page)
for p in range(start_page, end_page): # 显示规定的页数
if p == self.current_page: # 进行页码拼接
temp = '<a class="hehe" href="%s%s">%s</a>' % (url_page, p, p) # 判断是否是当前页,给当前页增加一个样式
else:
temp = '<a href="%s%s">%s</a>' % (url_page, p, p)
list_page.append(temp)
# 尾页
if self.current_page == self.all_page:
last_page = '<a href="javascript:val(0);">尾页</a>'
else:
last_page = '<a href="%s%s">尾页</a>' % (url_page, self.all_page)
list_page.append(last_page)
# go页面,通过form表单简单实现了页面跳转
go_page = """
<form class="go_page" action="{}" method="get" >
<input type="text" name="go_page">
<input type="submit" value="Go">
</form>
""".format(url_page)
list_page.append(go_page)
str_page = ''.join(list_page) # 把列表变成字符串
return str_page
# 传入: page total_data go_page
# 输出:start end str_page
class Home(tornado.web.RequestHandler):
def get(self, page):
total_data = len(user_list) # 计算数据的长度
obj = HandlePage(page, total_data, self.get_argument('go_page', None))
str_page = obj.str_page('/home/')
self.render('home.html', user_list=user_list[obj.start:obj.end], str_page=str_page) # 处理结果传入模板
# user_list进行分片,让其一页显示多少数据
def post(self, *args, **kwargs):
username = self.get_argument('username') # 提交数据处理
work = self.get_argument('work')
temp = {'username': username, 'work': work}
user_list.append(temp)
self.redirect('/home/') # 页面跳转
setting ={
'static_path': 'static',
'template_path': 'template', # 全局静态文件和模版路径设置
}
URLS = [
# (r'/login/(?p)', Ajax),
(r'/home/*(?P<page>\d*)', Home), # 路由
]
Application = tornado.web.Application( # 让配置生效
URLS, **setting,
)
if __name__ == '__main__':
Application.listen(9999) # 启动监听
tornado.ioloop.IOLoop.instance().start() # 启动框架
-- 在home.html文件中写入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页</title>
<style>
.hehe{
color: red;
}
a{
margin: 3px;
width: 30px;
height: 20px;
background: green;
}
.go_page{
margin: 10px;
width: 222px;
height: 30px;
background: green;
}
</style>
</head>
<body>
<h1>输入数据</h1>
<form action="/home/1" method="post">
<p><input type="text" name="username"></p>
<p><input type="text" name="work"></p>
<p><input type="submit" value="提交数据"></p>
</form>
<h1>展现数据</h1>
<table border="1px">
<thead>
<tr>
<th>用户名</th>
<th>工作</th>
</tr>
</thead>
<tbody>
{% for i in user_list %}
<tr>
<td>{{ i['username'] }}</td>
<td>{{ i['work'] }}</td>
</tr>
{% end %}
</tbody>
</table>
<div>
<p>页码</p>
<div class="a">{% raw str_page %}</div>
</div>
</body>
</html>
-- 启动manager.py,访问http://127.0.0.1:9999/home/ 就可以进入web页面
上面的代码是有哪些问题?
-- 上面只是简单实现了,但是数据的生成来源于自己手动生成,并没有通过数据库去取,
-- 上面的逻辑代码整理并没有按照MTV的格式进行分类整理
-- html的样式,有点不太美,都是可以自定义,并不怎么认真去定义样式