tornado_登录页面（案例）

宁酱醇2025-05-01 20:10

目录

1.基础知识​编辑

2.脚手架（模版）

3.登录流程图（processon）

4.登录表单

4.1后（返回值）任何值：username/password

（4.1.1）app.py

（4.1.2）表单.html

（4.3）login.py（没啥用，充当第二页的跳转页面）

[4.1.3返回 用户名+密码 结果](#4.1.3返回 用户名+密码 结果)

4.2写死 admin/123 ##，返回index首页

（4.2.1app.py）用户名/密码正确，返回index首页，否则，返回error404_n页面

（4.2.2index.html）首页

（4.2.3error.html）404_n

5.注册表单（后台）

[（5.1 app.py的注册部分）](#（5.1 app.py的注册部分）)

[（5.2 register.html 注册表）](#（5.2 register.html 注册表）)

报错：

**404：没有写路由

[**500：目录结构 / 内容错误](#**500：目录结构 / 内容错误)

1.基础知识

Linux写法

2.脚手架（模版）

（1）打印hello world

python 复制代码 
#!/usr/bin/env python
#-*- coding:utf-8 -*-

from tornado import web, httpserver, ioloop
#1.逻辑处理模块
class LoginHandler(web.RequestHandler):
    def get(self,*args,**kwargs):
        self.write("hello world")
        #self.render("login.html")

#2.路由
application=web.Application([
        (r"/login",LoginHandler),
    ])

#3.socket服务端
if __name__=='__main__':
    http_server=httpserver.HTTPServer(application)
    print("http://127.0.0.1:8080/login")
    http_server.listen(8080)
    ioloop.IOLoop.current().start()

（2）网页login

1）.py

python 复制代码 
 self.render("login.html")   #渲染
  1. .html
html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 style="color:pink;">hi</h1>
</body>
</html>

**报错500，目录结构

3.登录流程图（processon）

4.登录表单

4.1后（返回值）任何值：username/password

**基于这个前端页面，用tornado框架，写后端api接口代码，调用get、post请求。

（4.1.1）app.py
python 复制代码 
#!/usr/bin/env python
#-*- coding:utf-8 -*-

from tornado import web, httpserver, ioloop
#1.逻辑处理模块
class LoginHandler(web.RequestHandler):
    def get(self,*args,**kwargs):
        #self.write("hello world")
        #返回登录页面
        #self.render("login.html")   #渲染
        self.render("表单.html")   #渲染

    def post(self,*args,**kwargs):
        #验证用户密码(获取)
        username=self.get_argument("username")
        passward=self.get_argument("password")
        print(username,passward)

#设置
setting={
    'template_path':'template'
}

#2.路由
application=web.Application([
        (r"/login",LoginHandler),   #这个对应着/login
    ],**setting)

#3.socket服务端
if __name__=='__main__':
    http_server=httpserver.HTTPServer(application)
    print("http://127.0.0.1:8080/login")
    http_server.listen(8080)
    ioloop.IOLoop.current().start()
（4.1.2）表单.html
html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <h2>表单</h2>
    <form action="/login" method="post">    <!--这里的、login对应着app.py里面的路由-->
        账号：<input type="text" name="username"/><br/>
        密码：<input type="password" name="password"/><br/>
        <input type="submit" value="登录"/>
    </form>

</body>
</html>
（4.3）login.py（没啥用，充当第二页的跳转页面）
html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 style="color:pink;">hi</h1>
</body>
</html>
4.1.3返回 用户名+密码 结果

4.2写死 admin/123 ##，返回index首页

（4.2.1app.py）用户名/密码正确，返回index首页，否则，返回error404_n页面
python 复制代码 
#!/usr/bin/env python
#-*- coding:utf-8 -*-

from tornado import web, httpserver, ioloop
#1.逻辑处理模块
#登录
class LoginHandler(web.RequestHandler):
    def get(self,*args,**kwargs):
        #self.write("hello world")
        #返回登录页面
        #self.render("login.html")   #渲染
        self.render("表单.html")   #渲染

    def post(self,*args,**kwargs):
        #验证用户密码(获取)
        username=self.get_argument("username")
        passward=self.get_argument("password")
        #print(username,passward)
        #写死，if正确进入
        if username=='admin' and passward=='123':
            self.redirect('/index')##跳转
        else:
            self.render('error.html')

##跳转首页面模块
class IndexHandler(web.RequestHandler):
    def get(self,*args,**kwargs):
        self.render("index.html")

#设置
setting={
    'template_path':'template'
}

#2.路由
application=web.Application([
        (r"/login",LoginHandler),   #这个对应着/login
        (r"/index",IndexHandler),##首页面路由
    ],**setting)

#3.socket服务端
if __name__=='__main__':
    http_server=httpserver.HTTPServer(application)
    print("http://127.0.0.1:8080/login")
    http_server.listen(8080)
    ioloop.IOLoop.current().start()
（4.2.2index.html）首页
html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login2</title>
</head>
<body>
    <h2 style="color:pink">I am index</h2>

</body>
</html>
（4.2.3error.html）404_n
html 复制代码 
    <h2 style="color:purple">输入错误404_n</h2>

5.注册表单（后台）

（5.1 app.py的注册部分）
python 复制代码 
###全局变量
user_info={}
python 复制代码 
###注册 post获取
class RegisterHandler(web.RequestHandler):
    def post(self,*args,**kwargs):
        email = self.get_argument("emial")
        username = self.get_argument("username")
        password = self.get_argument("password")
        password1 = self.get_argument("password1")
        access = self.get_argument("access", default=None)
        if access:  #用email当key
            if password==password1:
                UNER_INFO[email]={
                    "username":username,
                    "password":password,
                }
                self.render("success.html",info={'stauts':True,
                                                 'info':'注册成功',
                                                 'second':3})
            else:
                self.render('error.html', info={
                    'status': False,
                    'info': '密码不一致',
                    'second': 3,  # 倒计时3秒
                    'url': '/register'})  # 跳转

        else:
            self.render('error.html', info={
                'status': False,
                'info': '请同意协议',
                'second': 3,  # 倒计时3秒
                'url':'/register'})  # 跳转

    def get(self,*args,**kwargs):
        self.render("表单.html",type='register')

###收到数据后要存储起来
###用数据库/全局变量(√)上面
（5.2 register.html 注册表）
python 复制代码 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .container {
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 300px;
        }
        .container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        .form-group input[type="email"],
        .form-group input[type="text"],
        .form-group input[type="password"] {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-group input[type="checkbox"] {
            margin-right: 5px;
        }
        .form-group button {
            width: 100%;
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .form-group button:hover {
            background-color: #45a049;
        }
        .form-group .reset {
            background-color: #ccc;
        }
        .form-group .reset:hover {
            background-color: #bbb;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>用户注册</h2>
        <form>
            <div class="form-group">
                <label for="email">邮箱</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" value="admin" required>
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" name="password" required>
            </div>
            <div class="form-group">
                <label for="confirm-password">确认密码</label>
                <input type="password" id="confirm-password" name="confirm-password" required>
            </div>
            <div class="form-group">
                <input type="checkbox" id="agreement" name="agreement" required>
                <label for="agreement">接受 用户协议</label>
            </div>
            <div class="form-group">
                <button type="reset" class="reset">重置</button>
                <button type="submit">注册</button>
            </div>
        </form>
    </div>
</body>
</html>

报错：

**404：没有写路由

**500：目录结构 / 内容错误

相关推荐
冷雨夜中漫步7 小时前
Python快速入门（6）——for/if/while语句
开发语言·经验分享·笔记·python
郝学胜-神的一滴7 小时前
深入解析Python字典的继承关系：从abc模块看设计之美
网络·数据结构·python·程序人生
百锦再7 小时前
Reactive编程入门：Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
喵手9 小时前
Python爬虫实战：旅游数据采集实战 - 携程&去哪儿酒店机票价格监控完整方案（附CSV导出 + SQLite持久化存储）！
爬虫·python·爬虫实战·零基础python爬虫教学·采集结果csv导出·旅游数据采集·携程/去哪儿酒店机票价格监控
2501_944934739 小时前
高职大数据技术专业，CDA和Python认证优先考哪个？
大数据·开发语言·python
helloworldandy9 小时前
使用Pandas进行数据分析：从数据清洗到可视化
jvm·数据库·python
肖永威11 小时前
macOS环境安装/卸载python实践笔记
笔记·python·macos
TechWJ11 小时前
PyPTO编程范式深度解读：让NPU开发像写Python一样简单
开发语言·python·cann·pypto
枷锁—sha11 小时前
【SRC】SQL注入WAF 绕过应对策略（二）
网络·数据库·python·sql·安全·网络安全
abluckyboy11 小时前
Java 实现求 n 的 n^n 次方的最后一位数字
java·python·算法
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services03openclaw配置教程（linux+局域网ollama）04UV安装并设置国内源05Linux下V2Ray安装配置指南06AI 规范驱动开发“三剑客”深度对比：Spec-Kit、Kiro 与 OpenSpec 实战指南07openclaw使用nginx反代部署过程 与disconnected (1008): pairing required解决08Claude Code Skills 实用使用手册09在Trae中使用Pencil MCP10Vue-skills的中文文档