前端与HTML3

最新推荐文章于 2024-07-16 17:18:30 发布

hyhyxyx

最新推荐文章于 2024-07-16 17:18:30 发布

阅读量43

点赞数

文章标签：前端 flask python

本文链接：https://blog.csdn.net/hyhyxyx/article/details/130894174

版权

前端与HMTL3

实现登录、注册、进入界面三个功能

昨天我们实现了注册（前端与HTML2），那么登录和进入界面呢？

让我们来看一看

在这里插入图片描述

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route("/register", methods=['GET',"POST"])
def register():
    if request.method == "GET":
        return render_template('register.html')
    else:
        # print(request.form)
        user = request.form.get("user")
        pwd = request.form.get("pwd")
        n1 = request.form.get("n1")
        hobby_list = request.form.getlist("hobby")
        city = request.form.get("city")
        skill_list = request.form.getlist("skill")
        more = request.form.get("more")
        # 将用户信息写入文件中实现注册，写入excel中实现注册，写入数据库中实现注册

        print(user, pwd, n1, hobby_list, city, skill_list, more)

        return "注册成功"

@app.route("/login", methods=['GET','POST'])
def login():
    if request.method == "GET":
        return render_template('login.html')
    else:
        user =request.form.get("username")
        pwd = request.form.get("password")
        print(user,pwd)
        return "登录成功"

@app.route("/index",methods=['GET'])
def index():
    return render_template('index.html')

if __name__=='__main__':
    app.run()

index.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统</title>
</head>
<body>
<h1>欢迎来到魈宝的页面</h1>
<table border="1">
    <thead>
    <tr>
      <th>ID</th>
      <th>头像</th>
      <th>姓名</th>
      <th>邮箱</th>
      <th>更多信息</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>1</td>
      <td>
        <img src="/static/xiaobao.webp" alt="" style="height:50px">
      </td>
      <td>xiaobao</td>
      <td>xiaobao@qq.com</td>
      <td>
        <a href="https://baike.baidu.com/item/%E9%AD%88/24435854?fr=aladdin" target="_blank">点击查看</a>
      </td>
      <td>
        编辑
        删除
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>
        <img src="/static/xiaobao.webp" alt="" style="height:50px">
      </td>
      <td>xiaobao</td>
      <td>xiaobao@qq.com</td>
      <td>
        <a href="https://baike.baidu.com/item/%E9%AD%88/24435854?fr=aladdin" target="_blank">点击查看</a>
      </td>
      <td>
        编辑
        删除
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>
        <img src="/static/xiaobao.webp" alt="" style="height:50px">
      </td>
      <td>xiaobao</td>
      <td>xiaobao@qq.com</td>
      <td>
        <a href="https://baike.baidu.com/item/%E9%AD%88/24435854?fr=aladdin" target="_blank">点击查看</a>
      </td>
      <td>
        编辑
        删除
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>
        <img src="/static/xiaobao.webp" alt="" style="height:50px">
      </td>
      <td>xiaobao</td>
      <td>xiaobao@qq.com</td>
      <td>
        <a href="https://baike.baidu.com/item/%E9%AD%88/24435854?fr=aladdin" target="_blank">点击查看</a>
      </td>
      <td>
        编辑
        删除
      </td>
    </tr>
    </tbody>
  </table>
</body>
</html>

login.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
  <h1>用户登录</h1>
<form method="post" action="/login">
  用户名： <input type="text" name="username">
  密码：<input type="password" name="password">
  <input type="submit" value="提交">
</form>
</body>
</html>

这样的页面，不过是一些重复的代码组装而成的，我们做这些事，只不过是为了了解一个网站搭建的流程

让我好奇的是：应该怎么样把注册的信息在登录时验证，然后登录过后再跳转到系统页面呢？【在以后的笔记中应该会有体现】

总结

1.称呼

- 浏览器能够识别的标签（不准确）
- HTML标签

什么是HTML？  - 超文本传输语言（与浏览器搭配）

2.HTML标签（默认格式样式、以后通过手段可以修改）

3.HTML标签与编程语言无关

java+HTML
c#+HTML
php+HTML
python+HTML

4.提醒：HTML标签比较多，标签还有很多很多，不必逐一学会

hyhyxyx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端与HTML3

1.称呼- 浏览器能够识别的标签（不准确）- HTML标签什么是HTML？- 超文本传输语言（与浏览器搭配）2.HTML标签（默认格式样式、以后通过手段可以修改）3.HTML标签与编程语言无关java+HTMLc#+HTMLphp+HTML4.提醒：HTML标签比较多，标签还有很多很多，不必逐一学会。
复制链接

扫一扫