请关注公众号：自动化测试实战

大家先自己写一下，船长写这个花了半个小时，因为我和大家一样，也是新手:

写一个页面如下，点击书名以后跳转到书的详情页

书的信息如下：

books = [

    {

        'id': 1,

        'title': u'三国演义',

        'author': u'罗贯中',

        'profile': u'《三国演义》是中国古典四大名著之一，是中国第一部长篇章回体历史演义小说，全名为《三国志通俗演义》（又称《三国志演义》），作者是元末明初的著名小说家罗贯中。',

        'price': u''

    },

    {

        'id': 2,

        'title': u'水浒传',

        'author': u'施耐庵',

        'profile': u'《水浒传》，是中国四大名著之一，全书描写北宋末年以宋江为首的108位好汉在梁山聚义，以及聚义之后接受招安、四处征战的故事。',

        'price': u''

    },

    {

        'id': 3,

        'title': u'西游记',

        'author': u'吴承恩',

        'profile': u'《西游记》为明代小说家吴承恩所著。取材于《大唐西域记》和民间传说、元杂剧。宋代《大唐三藏取经诗话》（本名《大唐三藏取经记》）是西游记故事见于说话文字的最早雏形，其中，唐僧就是以玄奘法师为原型的。',

        'price': u''

    },

    {

        'id': 4,

        'title': u'红楼梦',

        'author': u'曹雪芹',

        'profile': u'《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说[1]  ，又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。新版通行本前80回据脂本汇校，后40回据程本汇校，署名“曹雪芹著，无名氏续，程伟元、高鹗整理”[2]  。后40回作者尚有争议，但是对于矮化甚至腰斩后40回的极端倾向也应保持警惕。',

        'price': u''

    }

]

大家先自己写写试试，再看答案。

答案：

demo.py

# coding: utf-8

from flask import Flask,render_template

app = Flask(__name__)

app.debug = True

books = [

    {

        'id': 1,

        'title': u'三国演义',

        'author': u'罗贯中',

        'profile': u'《三国演义》是中国古典四大名著之一，是中国第一部长篇章回体历史演义小说，全名为《三国志通俗演义》（又称《三国志演义》），作者是元末明初的著名小说家罗贯中。',

        'price': u''

    },

    {

        'id': 2,

        'title': u'水浒传',

        'author': u'施耐庵',

        'profile': u'《水浒传》，是中国四大名著之一，全书描写北宋末年以宋江为首的108位好汉在梁山聚义，以及聚义之后接受招安、四处征战的故事。',

        'price': u''

    },

    {

        'id': 3,

        'title': u'西游记',

        'author': u'吴承恩',

        'profile': u'《西游记》为明代小说家吴承恩所著。取材于《大唐西域记》和民间传说、元杂剧。宋代《大唐三藏取经诗话》（本名《大唐三藏取经记》）是西游记故事见于说话文字的最早雏形，其中，唐僧就是以玄奘法师为原型的。',

        'price': u''

    },

    {

        'id': 4,

        'title': u'红楼梦',

        'author': u'曹雪芹',

        'profile': u'《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说[1]  ，又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。新版通行本前80回据脂本汇校，后40回据程本汇校，署名“曹雪芹著，无名氏续，程伟元、高鹗整理”[2]  。后40回作者尚有争议，但是对于矮化甚至腰斩后40回的极端倾向也应保持警惕。',

        'price': u''

    }

]

@app.route('/')

def hello_world():

    return render_template('index.html', books=books)

@app.route('/detail/<id>/')

def book_detail(id):

    id = int(id)-1

    return render_template('bookcontent.html', books=books, i=id)

if __name__ == '__main__':

    app.run()
 

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>四大名著</title>

</head>

<style>

    #table_test tr{

        width: 50px;

    }

    #table_test tr td{

        width: 70px;

    }

</style>

<body>

    <table border="1" id="table_test">

        <thead>

            <tr bgcolor="#f0f8ff">

                <td>id</td>

                <td>书名</td>

                <td>作者</td>

                <td>价格</td>

            </tr>

        </thead>

        <tbody>

            {% for book in books %}

                <tr>

                    <td>{{ book.id }}</td>

                    <td><a href="{{ url_for('book_detail', id=book.id) }}">{{ book.title }}</a></td>

                    <td>{{ book.author }}</td>

                    <td>{{ book.price }}</td>

                </tr>

            {% endfor %}

        </tbody>

    </table>

</body>

</html>

bookcontent.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>书籍详情</title>

</head>

<body>

    <p>{{ books[i].profile }}</p>

</body>

</html>

内容更新通知

因为web开发不可避免的要自己写页面，所以没办法，不讲HTML大家包括我根本没法继续下去，所以船长决定发10片文章，讲完前端基础课。每节课信息量可能有些大，我想愿意学的自然能坚持下来。为了早点拿到高工资，学呗~~希望各位和我一起加油~

flask第二十九篇——一个例子+【更新内容通知】的更多相关文章

  1. 第二十九篇、UICollectionView瀑布流

    1.实现思路 >第一种方案:UIScrollView 镶嵌三个UITableView (不推荐使用) >第二种方案:UIScrollView 镶嵌UIImageView (需要解决循环利用 ...

  2. Python之路(第二十九篇) 面向对象进阶：内置方法补充、异常处理

    一.__new__方法 __init__()是初始化方法,__new__()方法是构造方法,创建一个新的对象 实例化对象的时候,调用__init__()初始化之前,先调用了__new__()方法 __ ...

  3. flask第二十五篇——控制语句

    有兴趣的请加船长公众号:自动化测试实战 先和大家强调一个发邮件的问题 # coding: utf-8 import smtplib from email.mime.text import MIMETe ...

  4. flask第二十二篇——模板【4】过滤器

    请关注微信公众号:自动化测试实战 先来教大家一个pycharm设置默认模板的方法.我们每次新建模板或者平时写代码打开以后可能都要重复写# coding: utf-8这些代码,其实我们可以设置好模板,让 ...

  5. flask第十九篇——模板【3】

    请关注微信公众号:自动化测试实战 今天我们继续模板的知识,现在我们增加字典的复杂度,这个时候在render_template第二个参数可以传**title,以后我们会用**context代替原来的ti ...

  6. Python之路【第二十九篇】:django ORM模型层

    ORM简介 MVC或者MVC框架中包括一个重要的部分,就是ORM,它实现了数据模型与数据库的解耦,即数据模型的设计不需要依赖于特定的数据库,通过简单的配置就可以轻松更换数据库,这极大的减轻了开发人员的 ...

  7. 第二十九篇、CoreAnimation的使用

    使用的的三个步骤 1.初始化演员 2.设置好剧情 3.播放 主要类: CALayer // 绘图部分 CABaseAnimation // 基本动画(缩放,移动) CAKeyframeAnimatio ...

  8. flask第二十六篇——模板【控制语句】【2】

    如果你也在学flask,就请加船长的公众号:自动化测试实战 我们先补充一下for循环的知识,我们之前说过,flask是由Jinja2+sqlAlchemy+werkzeug组成的,我们现在学的控制语句 ...

  9. flask第二十四篇——模板【6】自定义过滤器

    请关注孟船长的公众号:自动化测试实战 大家想了解其他过滤器可以参考这里: http://jinja.pocoo.org/docs/dev/templates/#builtin-filters ---- ...

随机推荐

  1. mysql锁机制之综述(一)

    https://zhuanlan.zhihu.com/p/29150809 一.数据库有锁机制的原因. 数据库锁定机制简单来说,就是数据库为了保证数据的一致性和有效性,而使各种共享资源在被并发访问变得 ...

  2. Codeforces Round #522 (Div. 2, based on Technocup 2019 Elimination Round 3) Solution

    A. Kitchen Utensils Water. #include <bits/stdc++.h> using namespace std; #define N 110 int n, ...

  3. Good Bye 2018 Solution

    A. New Year and the Christmas Ornament 签到. #include <bits/stdc++.h> using namespace std; int a ...

  4. Win10取消开机密码方法

    1.开始菜单输入命令“netplwiz” 2.进入到用户账户页面,选择所需账户,把“要使用本计算机,用户必须输入用户名和密码”单选框取消勾选,点击应用 3.输入密码进行 这个时候会提示输入两次该账户的 ...

  5. springcloud8----feign-with-hystrix

    Feign也可以使用Hystrix: package com.itmuch.cloud; import org.springframework.boot.SpringApplication; impo ...

  6. WebStorm下使用TypeScript

    TypeScript也可使用Visual Studio 进行开发 TypeScript官网地址:(http://www.typescriptlang.org/) 1.先安装WebStorm WebSt ...

  7. python3的一些练习题

    下面是最近写的一些python3版本的一些练习题: 1.4+44+444+4444+.....+=? root@wadeson:~/study_for_python/homework# cat aa. ...

  8. Linux内核分析第五周 扒开系统调用的三层皮（下） （20135304 刘世鹏）

    作者:刘世鹏20135304  <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 一.给MenuOS增加t ...

  9. 理解flex布局

    我们传统的布局方式是基于在盒子模型下的,依赖于display属性的,position属性的或者是float属性的,但是在传统的布局上面并不好布局; 比如我们想让某个元素垂直居中的话,我们常见的会让其元 ...

  10. Rspec: everyday-rspec实操: 第10章测试其他功能，第11章TDD 第12章总结。

    10.测试文件上传 作者推荐的Paperclip,官方维护组已经不推荐使用deprecated. 推荐使用rails自带的 ActiveStorage. Active Storage: 推进文件上传到 ...