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

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

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

书的信息如下：

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. Linux系统——Ansible批量管理工具

    批量管理工具: (1)ansible 操作简单(适用于500台以下服务器) (2)saltstack 比较复杂(一般适用于1000-4w台服务器) (3)puppet超级复杂 systemctl(统一 ...

  2. http之url和uri

    HTTP使用统一资源标识符(Uniform Resource Identifiers, URI)来传输数据和建立连接.URL是一种特殊类型的URI,包含了用于查找某个资源的足够的信息 URL,全称是U ...

  3. InFusion错误类型分析

    1       God Class 1.1     特征 上帝类通常过多的操纵其他类的数据,从而破坏了类的封装性.上帝类从其他类中获得功能,同时增加了自身的耦合性,通常会导致自己具有规模过大和较高的复 ...

  4. DB 异常

    1. ORA-00947: Not enough values 没有足够的值  执行insert的时候出现这个错误. 例如:insert into 表1 values (?,?,?); 表1的结构有4 ...

  5. word 杂记

    45．error和exception有什么区别? 答案:Error表示系统级的错误和程序不必处理的异常,我们无法处理它. Exception表示是可以捕捉或者需要程序进行处理的异常. 47．abstr ...

  6. NOSQL数据库-Redis

    官方提倡使用Linux版的Redis,所以官网值提供了Linux版的Redis下载,我们可以从GitHub上下载window版的Redis,具体链接地址如下: · 官网下载地址:http://redi ...

  7. mysql日期和JDBC查询出来的结果相差8小时

    数据库时间:2017-11-08 16:30:00 查询出来: 2017-11-09 00:30:00 问题:数据库时区,和JDBC连接时区设置问题. set global time_zone = ' ...

  8. supervisor管理ELK进程

    1.配置supervisor #更新epel yum install epel-release yum install python-pip pip install supervisor -p /et ...

  9. 20155201 2016-2017-2 《Java程序设计》第九周学习总结

    20155201 2016-2017-2 <Java程序设计>第九周学习总结 教材学习内容总结 第十六章 整合数据库 JDBC全名JavaDataBaseConnecticity,是Jav ...

  10. 20145204 《Java程序设计》第6周学习总结

    20145204 <Java程序设计>第6周学习总结 教材学习内容总结 第十章 输入/输出 数据流 I/O操作主要是指使用Java进行输入,输出操作. Java所有的I/O机制都是基于数据 ...