flask第二十九篇——一个例子+【更新内容通知】

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

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

书的信息如下:

books = [
    {
        'id': 1,
        'title': u'三国演义',
        'author': u'罗贯中',
        'profile': u'《三国演义》是中国古典四大名著之一,是中国第一部长篇章回体历史演义小说,全名为《三国志通俗演义》(又称《三国志演义》),作者是元末明初的著名小说家罗贯中。',
        'price': u'100'
    },
    {
        'id': 2,
        'title': u'水浒传',
        'author': u'施耐庵',
        'profile': u'《水浒传》,是中国四大名著之一,全书描写北宋末年以宋江为首的108位好汉在梁山聚义,以及聚义之后接受招安、四处征战的故事。',
        'price': u'90'
    },
    {
        'id': 3,
        'title': u'西游记',
        'author': u'吴承恩',
        'profile': u'《西游记》为明代小说家吴承恩所著。取材于《大唐西域记》和民间传说、元杂剧。宋代《大唐三藏取经诗话》(本名《大唐三藏取经记》)是西游记故事见于说话文字的最早雏形,其中,唐僧就是以玄奘法师为原型的。',
        'price': u'120'
    },
    {
        'id': 4,
        'title': u'红楼梦',
        'author': u'曹雪芹',
        'profile': u'《红楼梦》,中国古典四大名著之首,清代作家曹雪芹创作的章回体长篇小说[1]  ,又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。新版通行本前80回据脂本汇校,后40回据程本汇校,署名“曹雪芹著,无名氏续,程伟元、高鹗整理”[2]  。后40回作者尚有争议,但是对于矮化甚至腰斩后40回的极端倾向也应保持警惕。',
        'price': u'110'
    }
]

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

答案:

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'100'
    },
    {
        'id': 2,        
        'title': u'水浒传',        
        'author': u'施耐庵',        
        'profile': u'《水浒传》,是中国四大名著之一,全书描写北宋末年以宋江为首的108位好汉在梁山聚义,以及聚义之后接受招安、四处征战的故事。',        
        'price': u'90'
    },
    {
        'id': 3,        
        'title': u'西游记',        
        'author': u'吴承恩',        
        'profile': u'《西游记》为明代小说家吴承恩所著。取材于《大唐西域记》和民间传说、元杂剧。宋代《大唐三藏取经诗话》(本名《大唐三藏取经记》)是西游记故事见于说话文字的最早雏形,其中,唐僧就是以玄奘法师为原型的。',        
        'price': u'120'
    },
    {
        'id': 4,        
        'title': u'红楼梦',        
        'author': u'曹雪芹',        
        'profile': u'《红楼梦》,中国古典四大名著之首,清代作家曹雪芹创作的章回体长篇小说[1]  ,又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。新版通行本前80回据脂本汇校,后40回据程本汇校,署名“曹雪芹著,无名氏续,程伟元、高鹗整理”[2]  。后40回作者尚有争议,但是对于矮化甚至腰斩后40回的极端倾向也应保持警惕。',        
        'price': u'110'
    }
]


@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片文章,讲完前端基础课。每节课信息量可能有些大,我想愿意学的自然能坚持下来。为了早点拿到高工资,学呗~~希望各位和我一起加油~

原文发布于微信公众号 - 自动化测试实战(gh_839e78b6ba28)

原文发表时间:2018-04-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏阮一峰的网络日志

纪录片《Code Rush》

昨天晚上,我在网上把这部纪录片看完了。 今天白天,我把它下载下来,又看了一遍。 ? 这是一部关于Netscape公司的纪录片。 如果你不知道这家伟大的公司,那么...

52030
来自专栏机器人网

什么是伺服电机,伺服电机知识汇总

“伺服”一词源于希腊语“奴隶”的意思。“伺服电机”可以理解为绝对服从控制信号指挥的电机:在控制信号发出之前,转子静止不动;当控制信号发出时,转子立即转动;当控制...

379100
来自专栏黑白安全

为登黑客排行榜,小伙竟然将工商局网站变成赌博网

一名 27 岁的网站管理员,为了能在黑客界展现自己的技术,从 2017 年起,多次黑入他人计算机系统,其中不乏一些大的企业公司,甚至曾经将河南一工商局的网站变成...

9830
来自专栏漏斗社区

专属| 苹果账号遭集体盗刷

近日Bitdefender Labs发布报告称已经发现Hide and Seek新型变种。利用Android开发者调试之用的Android Debug Brid...

13220
来自专栏龙行天下CSIEM

科学瞎想系列之七十 克隆猴

就在不久前,中国的科学家整出了一件轰动世界的大事,嘛事呢?就是中国科学院神经科学研究所成功克隆出了两只猴子!其实克隆猴子这事没嘛了不起的,我们在1...

27670
来自专栏机器人网

史上最全汽车图解,老司机也未必认得完 (收藏版)

这份史上最全汽车各部件图解,非常值得收藏!就算是老师傅,有很多部件的名字你肯定听说过但不一定都知道在哪个位置吧。 ? 打开发动机盖,就是这个样子了,4A13...

30780
来自专栏后端技术探索

程序员过生日,机智方式点蜡烛

1. 小区新搬来一户人家,一个30岁左右的年轻女人,带着一个4岁的男孩。每天独自一人操持家务,买菜做饭,接送孩子。时间久了,邻居们都有些议论,直到有一天,一个男...

8310
来自专栏小狼的世界

妈呀,狼来了?

听听这充满诱惑的广告语、感受这不断被煽动的情绪,您有何感想呢?目前我们确实已经有了facebook、kaixin001、校内这样的社交网络,我们也有了twitt...

8820
来自专栏Java进阶架构师

ofo三天出两昏招!继上次卖蜂蜜后,这次的昏招不到1小时被紧急叫停....

好吧,卖广告就卖广告把,是让他们资金紧张呢,为了大家的押金有机会退,忍忍就算了(虽然是不靠谱的广告)。当然,师长我早在8月份察觉到不对劲,已早早退款。

12740
来自专栏程序员互动联盟

【程序员故事】三步把U盘变成MP3

程序员的故事,我们的故事。 1、下一关的出口在哪儿 一个电游玩家死后进入了地狱。一个星期之后,撒旦气急败坏地跑来问上帝:“你上周给我送过去的到底是个什么人?”...

27640

扫码关注云+社区

领取腾讯云代金券