Python 实战（3）：更多的页面

现在我们网站已经有了一个简单的页面、一段简单的请求处理代码和一个简单的数据库。上次最后我剧透了下，之后将会通过豆瓣电影的 API 获取更多的电影数据。不过在此之前，我要先把网站的结构再稍微扩展一下。暂时仍使用手工添加的几条测试数据来演示。

本篇的目标就是，让这个电影网站更像一个“网站”：有一个首页，首页上有影片的列表，点击列表中的某一部影片可以进入其详细页面。也不是很复杂，哦？

所以，如果我们把之前的 index.html 作为首页的话，还需要一个额外的新页面，用来展示一步影片的详细信息。同之前创建页面类似，首先在 urls 里增加一条跳转：

urls = (
    '/', 'index',
    '/movie/(\d+)', 'movie',
)

d+ 是正则表达式，表示一个数字，之前的基础课程中有提到过（微信中回复 55 可查看）。加上了括号，是为了让这个匹配到的数字可以被程序获取，成为后面所指向的 movie 中对应方法的参数。

这里，为了更好地定位数据库中的影片信息，我稍稍改动了之前的表结构，新增了一项属性 id：

create table movie (
 id,
 title,
 year,
 country,
 abstract
);

相应的，每条影片数据的 insert 语句也增加了一个唯一的数字作为 id。你需要重新生成并导入一遍数据库。

（当然，你也可以不加 id，而使用影片的 title 作为查找影片的依据。那样的话，urls 里就不要使用 \d+，而改用 .*。但这样，同名影片会有问题。）

新增处理请求的类 movie：

class movie:
    def GET(self, movie_id):
  movie_id = int(movie_id)
        movie = db.select('movie', where='id=$movie_id', vars=locals())[0]
        return render.movie(movie)

（手机上一行代码过长会被换行，请自行注意。建议横屏或在电脑上查看。）

当在浏览器中访问诸如 /movie/123 的地址时，请求被转到 movie 中的 GET 方法，而 123 就成为参数 movie_id。

select 是 web.py 提供的数据库查找方法，第一个参数是查询的表，参数 where 是查询条件，指定条件为'id=$movie_id'，vars表示参数的查询来源。

这里略有些复杂。首先，方法里拿到的 movie_id 是字符串，所以需要转成 int。where 条件是一个将被拿到数据库中执行的查询条件，需要是一个字符串。同模板中一样，这里 $movie_id 是取变量 movie_id 的值，而 vars=locals() 则表示 $ 符号所取变量的范围为所有本地变量。select 拿到的是一组查询结果，后面加上 [0] 才能拿到具体的一个数据对象。

其实，对于现在这种简单查询，你也可以自己拼好查询字符串，看上去更简洁一些：

condition = 'id=' + movie_id
movie = db.select('movie', where=condition)[0]

接下来，要新增此页面的模板 movie.html：

$def with (movie)
<h1>$movie.title</h1>
<p>$movie.year</p>
<p>$movie.country</p>
<p>$movie.abstract</p>

这里拿到的不再是一个 list，而是单独一个对象，把其中的属性输出来即可。

再次 run 起你的网站程序 code.py。现在访问 127.0.0.1:8080/movie/1 就可以看到你添在数据库中，id 为 1 的影片的详细信息。

最后，为了让 index 和 movie 页面可以连为一体，我们来增加一些“超链接”，html 的语法为：

<a href="链接跳转的地址">链接显示的文字</a>

顺便再加上一些可有可无的修饰性文字：

[index.html]
$def with (movies)
<h4>欢迎来到</h4>
<h1>Crossin's Movie Site</h1>
<hr>
<p>影片列表：</p>
$for movie in movies:
 <li>
 <a href="movie/$movie['id']">$movie['title']</a>
 </li>

在这个 <a> 标签中，movie 的 title 作为链接文字，id 拼接成跳转的地址。

[movie.html]
$def with (movie)
<h4><a href="/">返回首页</a></h4>
<h1>$movie.title</h1>
<hr> 
<p>年代：$movie.year</p>
<p>国家：$movie.country</p>
<p>$movie.abstract</p>

OK。现在这个网站看起来已经有那么点意思了。

（相关代码文件已上传在论坛的帖子里）