请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

Crossin的编程教室

 找回密码
 立即加入
查看: 34852|回复: 31

Python 实战(1):在网页上显示信息

[复制链接]

174

主题

45

好友

10万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2015-4-6 20:32:04 |显示全部楼层
someweb-01.png


上次简单介绍了 web.py。今天先来粗略解释下那个 hello world 页面的代码:

import web

导入 web.py 模块。

urls = (
   '/', 'index'
)

这是指定网站 url 的匹配规则,左边是正则表达式,右边是对应处理函数的名称。

class index:
   def GET(self):
       return "Hello, world!"

这便是处理请求的函数 index。GET 和 POST 是 HTTP 的两种请求方式,一般来说,GET 用于请求网页,而 POST 多用于提交表单。举个不严谨的栗子:当你在浏览器地址栏中输入一个地址并按下回车,就是发送了一个 GET 请求;而当你在打开的页面中输入用户名和密码,点击登录按钮,则是发送了一个 POST 请求。这里的 GET 函数描述了对于一个 GET 请求的处理方式:直接返回一个字符串。

if __name__ == "__main__":
   app = web.application(urls, globals())
   app.run()

最后,当这个代码文件被执行时,我们将创建一个 application,它会按照我们定义的 url 规则进行对应的处理,并在后台一直运行,独自等待请求的到来。

插一句:由于这个系列的文章侧重于“实战”,所以我只会搬开挡在道路正前方的石头,对于涉及的诸多细节无法面面俱到。即使这段简单的 hello world 代码中,关于 url 的正则匹配、GET / POST 的区别等,都可说上很多。但现在我只能略过。如有疑问,欢迎在QQ群和论坛上讨论。

仅仅在页面上显示 hello world 显然不能满足我的需求。我是想要一个关于电影的网站,那最起码得在页面上显示一些电影的信息吧。

一种显而易见的方法是,把要显示的信息拼成字符串,然后返回。

在代码里定义一组数据,一个由 dict 组成的 list:

movies = [
        {
                'title': 'Forrest Gump',
                'year': 1994,
        },
        {
                'title': 'Titanic',
                'year':        1997,
        },

然后把 GET 方法改为:

def GET(self):
   page = ''
   for m in movies:
       page += '%s (%d)\n' % (m['title'], m['year'])
   return page

movies 是一个包含了影片标题和年代信息的 list。在 GET 方法中,把 movies 里每一条内容取出来,拼接成一整个字符串,作为结果返回。

如果你之前已经运行了 code.py,刷新页面将会看到新的内容:

Forrest Gump (1994)
Titanic (1997)

是不是有点类似在命令行输出结果或者在文本文件中存储内容?但作为一个网页,如果以后要添加更多的显示效果和交互功能,这样写肯定是要跪。好在 web.py 给我们提供了一种更方便的页面展示方式 -- 模板。

刚才我们用的方法类似于在 Python 里写 HTML,这是比较痛苦的。而 web.py 的模板是让你能在 HTML 里写 Python。

首先我们需要在代码里指定模板:

render = web.template.render('templates/')

在 GET 方法里调用模板:

def GET(self):
  return render.index()

模板的返回值就是一个处理好的页面,所以直接 return 就可以了。

然后在项目文件夹,也就是 code.py 所在的目录下新建一个叫做 templates 的目录,里面新建一个 index.html 文件作为模板。注意这里的 templates、index 命名都需要与你代码里的设定一致。如果你是吧一个 muban 文件夹下的 shouye.html 作为模板,那相应代码就应改为:

render = web.template.render('muban/')
render.shouye()

在模板 index.html 里写下:

<h1>Crossin's Movie Site</h1>

h1 是 HTML 中表示标题的标签。保存 code.py 和 index.html 后刷新页面,你将会看到一行很大的标题:

Crossin's Movie Site

这表示模板已经生效了。但 movies 的信息仍然没有显示。如果需要在模板中显示信息,需要将信息传递给模板:

def GET(self):
  return render.index(movies)

然后在模板里,接收并使用传递进来的参数:

$def with (movies)
<h1>Crossin's Movie Site</h1>
$movies

web.py 模板中的 $def with 表示这个模板中将要使用的变量。注意务必把它放在模板的第一行。如果有多个参数,需要全部依次列在括号中。

$movies 则表示获取 movies 变量的值。

保存刷新,页面上已经可以看到我们在代码中定义的 movies 信息了,但还是 list 直接转换字符串的效果。

更近一步地,我们可以在模板中对数据进行操作,让它们看起来更顺眼一点:

$for movie in movies:
        <li>
        $movie['title'], $movie['year']
        </li>

模板中的语法和 Python 类似,只是前面需要增加 $ 符号。缩进依然需要按照 Python 中的规范。li 是 HTML 中列表的标签。

这时候,页面上已经就能以列表的形式显示电影信息了(封面图所示)。尽管依然简陋,但一切才刚刚开始,我们的征途是星辰大海。


someweb-1-index.html (117 Bytes, 下载次数: 593)







someweb-1-code.py

382 Bytes, 下载次数: 559

code.py

#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

11

积分

新手上路

Rank: 1

发表于 2015-4-12 12:10:51 |显示全部楼层
我现在使用的是Python3.3,但是web.py不支持3.3. 请问有什么其他的库可以代替的吗?或者其他的解决方法。
回复

使用道具 举报

174

主题

45

好友

10万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2015-4-12 15:52:01 |显示全部楼层
xinyewdz 发表于 2015-4-12 12:10
我现在使用的是Python3.3,但是web.py不支持3.3. 请问有什么其他的库可以代替的吗?或者其他的解决方法。 ...

试试这个版本吧 https://github.com/webpy/webpy/tree/python3
但不一定完全兼容
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

26

积分

新手上路

Rank: 1

发表于 2015-5-19 06:20:38 |显示全部楼层
支持一个  谢谢
回复

使用道具 举报

0

主题

0

好友

10

积分

新手上路

Rank: 1

发表于 2015-5-28 00:21:22 |显示全部楼层
<type 'exceptions.AttributeError'> at /
No template named index

Python        /Library/Python/2.7/site-packages/web.py-0.37-py2.7.egg/web/template.py in _load_template, line 1000
Web        GET http://0.0.0.0:8080/


这个是怎么回事?index.html 在templates目录下创建了的,最后copy了你的代码,还是不能显示Crossin's Movie Site
回复

使用道具 举报

174

主题

45

好友

10万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2015-5-29 15:09:04 |显示全部楼层
艾傻傻 发表于 2015-5-28 00:21
at /
No template named index

render = web.template.render('templates/')

不知道啊,你过一遍代码,看看里面路径设置是不是都正确
这个报错应该就是模板文件没找到
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

52

积分

注册会员

Rank: 2

发表于 2015-6-1 11:37:12 |显示全部楼层
艾傻傻 发表于 2015-5-28 00:21
at /
No template named index

可能crossin没有说清楚。函数里必须带参数,在这里是
def GET(self):
  return render.index(movies)
并且要在模板里接收传递进来的参数
$def with (movies)
<h1>Crossin's Movie Site</h1>
然后才能显示出显示Crossin's Movie Site,Windows下是这样的情况,不知道Mac是不是
回复

使用道具 举报

0

主题

0

好友

4

积分

新手上路

Rank: 1

发表于 2015-6-17 16:57:09 |显示全部楼层
请教如下问题:
我在模板文件中输入$for m in movies: 系统提示 take no arguments
如果输入的是
$def with(movies)
$movies
则通过,没有问题

回复

使用道具 举报

174

主题

45

好友

10万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2015-6-18 18:51:03 |显示全部楼层
guoguolgp 发表于 2015-6-17 16:57
请教如下问题:
我在模板文件中输入$for m in movies: 系统提示 take no arguments
如果输入的是

模板中使用传入的变量必须在第一行$def with
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

1

好友

28

积分

新手上路

Rank: 1

发表于 2015-11-16 20:01:59 |显示全部楼层
guoguolgp 发表于 2015-6-17 16:57
请教如下问题:
我在模板文件中输入$for m in movies: 系统提示 take no arguments
如果输入的是

$for m in movies:
下面也要:
        <li>
        $m['title'],$m['year']
        </li>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入

QQ|手机版|Archiver|Crossin的编程教室 ( 苏ICP备15063769号  

GMT+8, 2024-3-28 17:44 , Processed in 0.020998 second(s), 29 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部