需求:

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. shiro学习（四、shiro集成spring+springmvc）

    依赖:spring-context,spring-MVC,shiro-core,shiro-spring,shiro-web 实话实说:web.xml,spring,springmvc配置文件好难 大 ...

  2. 409 Conflict - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:zphtown - [conflict] User xxx already exists

    解决方法cmd执行 npm config set registry https://registry.npmjs.org/ 为什么,参考此文档:https://blog.csdn.net/adc_go ...

  3. JavaScript的常用浏览器设置

    用什么浏览器?如果您不告诉我您使用的浏览器,我将告诉您有关JavaScript的常用浏览器设置.~火狐在菜单栏中选择工具->选项->内容以查看启用javascript的选项.Interne ...

  4. maven中如何将所有引用的jar包打包到一个jar中

    在pom文件的build节点中添加这个插件的引用: <plugins> <plugin> <artifactId>maven-assembly-plugin< ...

  5. 【Swift后台】环境安装

    macOS 在macOS上使用Vapor,需要Xcode 9.3或更高版本.Swift 4.1或更高版本.安装还需要Homebrew命令. 检查Swift版本: swift --version Vap ...

  6. [LeetCode]1089. Duplicate Zeros

    Given a fixed length array arr of integers, duplicate each occurrence of zero, shifting the remainin ...

  7. pipenv虚拟环境使用方法

    1.打开cmd安装pipenv, pip install pipenv 2.新建工程目录,项目目录,然后cmd进入工程目录 基本命令: pipenv install                  ...

  8. linux网络协议栈--路由流程分析

    转:http://blog.csdn.net/hsly_support/article/details/8797976 来吧,路由 路由是网络的核心,是linux网络协议栈的核心,我们找个入口进去看看 ...

  9. C获取数组长度

    c语言中,定义数组后可以用sizeof命令获得数组的长度(可容纳元素个数) 如: { int data[4]; int length; length=sizeof(data)/sizeof(data[ ...

  10. python常用模块：pickle、shelve、json、xml、configparser

    今日内容主要有: 一.pickle模块二.shelve模块三.json模块四.json练习五.xml模块 六.xml练习七.configparser模块 一.pickle模块 #pickle是一个用来 ...