需求:

1. 用户名: oldboy 密码: oldboy123

2. 用户登录成功之后跳转到列表页面

3. 失败有消息提示,重新登录

4.点击学生名称之后,可以看到学生的详细信息

后端:

  from flask import Flask

  from flask import request

  from flask import render_template

  from flask import redirect

  USER = {'username': 'oldboy', 'password': "oldboy123"}

  STUDENT_DICT = {

      : {'name': 'Old', 'age': , 'gender': '中'},

     : {'name': 'Boy', 'age': , 'gender': '男'},

     : {'name': 'EDU', 'age': , 'gender': '女'},

 }

 app = Flask(__name__)

 @app.route("/login", methods=["GET", "POST"])

 def login():

     if request.method == "POST":

         if request.form["username"] == USER["username"] and request.form["password"] == USER["password"]:

             return redirect("/student_list")

         return render_template("login.html", msg="用户名密码错误")

     return render_template("login.html", msg=None)  # 如果前端Jinja2模板中使用了msg,这里就算是传递None也要出现msg

 @app.route("/student_list")

 def student():

     return render_template("student_list.html", student=STUDENT_DICT)

 @app.route("/info")

 def student_info():

     stu_id = int(request.args["id"])

     stu_info = STUDENT_DICT[stu_id]

     return render_template("student.html", student=stu_info, stu_id=stu_id)

 app.run("0.0.0.0", , debug=True)

代码

前端:

login.html:

 <!DOCTYPE html>

  <html lang="en">

  <head>

      <meta charset="UTF-8">

      <title>Welcome to Old Boy EDU</title>

  </head>

  <body>

      <form method="post">

          用户名:<input type="text" name="username">

         密码:<input type="text" name="password">

         <input type="submit" value="登录">

         {{ msg }}

     </form>

 </body>

 </html>

登录页面代码

学生信息页面代码: student_list.html

 <!DOCTYPE html>

  <html lang="en">

  <head>

      <meta charset="UTF-8">

      <title>Old Boy EDU</title>

  </head>

  <body>

  Welcome to Old Boy EDU

  <table border="2xp">

     <thead>

         <tr>

             <td>id</td>

             <td>name</td>

             <td>option</td>

         </tr>

     </thead>

     <tbody>

         {% for foo in student %}

             <tr>

                 <td>{{ foo }}</td>

                 <td>{{ student[foo].name }}</td>

                 <td><a href="/info?id={{ foo }}">详细</a></td>

             </tr>

         {% endfor %}

     </tbody>

 </table>

 </body>

 </html>

学生信息

学生信息代码 student.html  字典形式

 <!DOCTYPE html>

  <html lang="en">

  <head>

      <meta charset="UTF-8">

      <title>Old Boy EDU</title>

  </head>

  <body>

  Welcome to Old Boy EDU

  <table border="1px">

     <thead>

     <tr>

         <td>id</td>

         <td>name</td>

         <td>age</td>

         <td>gender</td>

     </tr>

     </thead>

     <tbody>

     <tr>

         <td>{{ stu_id }}</td>

         <td>{{ student.name }}</td>

         <td>{{ student["age"] }}</td>

         <td>{{ student.get("gender") }}</td>

     </tr>

     </tbody>

 </table>

 <div><a href="/student_list">返回</a></div>

 </body>

 </html>

字典形式学生信息

第五篇,完结

flask 第五篇的更多相关文章

  1. Flask最强攻略 - 跟DragonFire学Flask - 第五篇 做一个用户登录之后查看学员信息的小例子

    需求: 1. 用户名: oldboy 密码: oldboy123 2. 用户登录成功之后跳转到列表页面 3. 失败有消息提示,重新登录 4.点击学生名称之后,可以看到学生的详细信息 后端: from ...

  2. Flask第五篇——设置debug模式

    flask默认是没有开启debug模式的,开启debug模式有很多好处: 第一,可以帮助我们查找代码里面的错误,比如: # coding: utf-8 from flask import Flask ...

  3. 【Python五篇慢慢弹】快速上手学python

    快速上手学python 作者:白宁超 2016年10月4日19:59:39 摘要:python语言俨然不算新技术,七八年前甚至更早已有很多人研习,只是没有现在流行罢了.之所以当下如此盛行,我想肯定是多 ...

  4. Python之路【第十五篇】：Web框架

    Python之路[第十五篇]:Web框架   Web框架本质 众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. 1 2 3 4 5 6 ...

  5. 【Python五篇慢慢弹】数据结构看python

    数据结构看python 作者:白宁超 2016年10月9日14:04:47 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给出的pythondoc ...

  6. 【Python五篇慢慢弹（3）】函数修行知python

    函数修行知python 作者:白宁超 2016年10月9日21:51:52 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给出的pythondoc ...

  7. 【Python五篇慢慢弹（4）】模块异常谈python

    模块异常谈python 作者:白宁超 2016年10月10日12:08:31 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给出的pythondo ...

  8. 【Python五篇慢慢弹（5）】类的继承案例解析，python相关知识延伸

    类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...

  9. 解剖SQLSERVER 第十五篇 SQLSERVER存储过程的源文本存放在哪里？（译）

    解剖SQLSERVER 第十五篇  SQLSERVER存储过程的源文本存放在哪里?(译) http://improve.dk/where-does-sql-server-store-the-sourc ...

随机推荐

  1. luogu P4428 [BJOI2018]二进制

    luogu 先考虑怎样的二进制串才会被3整除.可以发现如果二进制位第\(0,2,4...2n\)位如果为\(1\),那么在模3意义下为1,如果二进制位第\(1,3,5...2n+1\)位如果为\(1\ ...

  2. centos7--web项目使用远程mysql数据库

    07-django项目连接远程mysql数据库   比如电脑a(ip地址为192.168.0.aaa)想要连接访问电脑b(ip地址为192.168.0.bbb)的数据库: 对电脑a(ip地址为192. ...

  3. OSCP-Kioptrix2014-1 环境搭建

    环境搭建 该系列文章参考 : https://www.youtube.com/watch?v=bWM0BCQ5q1o&list=PL9WW-prbqvGzHsGK_OqTyYWbCZjucpI ...

  4. Golang新开发者要注意的陷阱和常见错误

    转自:http://colobu.com/2015/09/07/gotchas-and-common-mistakes-in-go-golang/ 目录 [−] 初级 开大括号不能放在单独的一行 未使 ...

  5. JavaWeb【五、内置对象】

    简介 Web容器创建的一组对象,不用new即可使用. 共有9种,out.request.response.session.application,五种比较常用,page.pageContent.exc ...

  6. 02.Zabbix⾃定义监控项

    1.zabbix⾃定义监控初试 如何获取系统中想监控对象的值,获取后⼜如何将该值传递给Zabbix-Server 1.1.监控系统中的对象 #(系统监控命令 + awk + 筛选条件 = 监控的状态值 ...

  7. JavaScript在页面中的执行顺序(理解声明式函数与赋值式函数) 转载

    JavaScript在页面中的执行顺序 https://blog.csdn.net/superhoy/article/details/52946277 2016年10月27日 15:38:52 阅读数 ...

  8. vue+elementui搭建后台管理界面

    1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 ses ...

  9. 2.Java NIO 简介

    概述 Java NIO 是 JDK 1.4 发布的一套全新的IO API(New IO 简称 NIO),由于 JDK 1.7 对 NIO 的更新,目前 NIO 被广泛应用,以至于 将 JDK 1.7 ...

  10. zencart批量评论插件Easy Populate CSV add reviews使用教程

    此插件在Easy Populate CSV 1.2.5.7b产品批量插件基础上开发,有1.3x与1.5x两个版本. zencart批量评论插件Easy Populate CSV add reviews ...