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

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

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

书的信息如下：

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. 77. Combinations(回溯)

    Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. Example: I ...

  2. 2017 Benelux Algorithm Programming Contest (BAPC 17) Solution

    A - Amsterdam Distance 题意:极坐标系,给出两个点,求最短距离 思路:只有两种方式,取min  第一种,先走到0点,再走到终点 第二种,走到同一半径,再走过去 #include ...

  3. 2018-2019 ACM-ICPC Pacific Northwest Regional Contest (Div. 1) Solution

    A:Exam Solved. 温暖的签. #include<bits/stdc++.h> using namespace std; ; int k; char str1[maxn], st ...

  4. React 根据 state 修改className

    className={ this.state.isLike ? 'active iconfont icon-xihuan' : 'iconfont icon-xihuan1' }

  5. springcloud7---hystrix

    目前使用eureka server完成了服务注册和服务发现,ribbon完成了客户端负载均衡.如果服务提供者的响应很慢那么服务消费者会强制等待,一直等到http请求超时,如果服务消费者还是其他的服务提 ...

  6. Vue学习笔记之Vue的模板字符串

    0x00 模板字符串 传统的JavaScript语言,输出模板通常是这样的写的. $('#result').append( 'There are <b>' + basket.count + ...

  7. 使用 log4js UDP 发送数据到 logstash

    本文地址 http://www.cnblogs.com/jasonxuli/p/6532723.html 因为 nodejs 一般会部署在多台机器,并且每台机器会起多个进程,因此查看日志时往往要人工区 ...

  8. Python3基础 判断变量大于一个数并且小于另外一个数

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  9. System.DateTimeKind 的用法

    最近在使用SQLite的数据库,发现SQLiteConnection类,有一个属性DateTimeKind 去msdn上找了下资料,http://msdn.microsoft.com/en-us/li ...

  10. 读书笔记：提高C++性能的编程技术

    Efficient C++ Performance Programming Techniques 第1章 跟踪范例 1.1 关注点 本章引入的实际问题为:定义一个简单的Trace类,将当前函数名输出到 ...