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

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

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

书的信息如下:

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

最新文章

  1. 【cpp】Vector
  2. ASP.NET Web API 全局权限和全局异常处理
  3. Linux 11g rac PSU
  4. javascript笔记01:javascript入门介绍
  5. 类集对enum的支持。
  6. dom4j解析xml字符串
  7. PSPInstance Object | Web Python
  8. Spring-SpringMVC-Mybatis整合的步骤
  9. ireport报表学习
  10. python中关于文件的读取和写入
  11. 唱吧DevOps的落地,微服务CI/CD的范本技术解读----最大的难点并不是实际业务代码的编写,而是服务的监控和调试以及容器的编排
  12. 【树形dp】Bzoj3391 [Usaco2004 Dec]Tree Cutting网络破坏
  13. java数组的定义
  14. php7 使用simplexml扩展处理xml
  15. ORACLE 字段AES算法加密、解密
  16. EF连接Sqlserver2014,使用DBGeography时提示无法加载sqlserverspatial.dll
  17. 在计算机通信中,可靠交付应当由谁来负责?是网络还是端系统? 网络层协议 MAC帧、IP数据报、TCP报文 关系 IP地址与硬件地址 链路层与网络层
  18. C Runtime Library、C  Runtime
  19. Connecting Elixir Nodes with libcluster, locally and on Kubernetes
  20. 使用MySQLTuner-perl对MySQL进行优化

热门文章

  1. ssm所需要的pom(jre8、tomcat8、spring4)
  2. MySql如何安装?
  3. php 发送邮件类
  4. Vue学习笔记之Nodejs入门
  5. bzoj1626 / P2872 [USACO07DEC]道路建设Building Roads
  6. 蜻蜓FM下载文件名还原
  7. mailx配置安装
  8. 20145219《网络对抗》Web安全基础实践
  9. InstallShieldpro2015 使用教程
  10. (译)综合指南:通过Ubuntu 16.04上从Source构建来安装支持GPU的Caffe2