设为首页收藏本站

Crossin的编程教室

 找回密码
 立即加入
查看: 37371|回复: 12
打印 上一主题 下一主题

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

[复制链接]

174

主题

45

好友

11万

积分

管理员

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
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

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
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

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
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

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
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

5#
发表于 2016-3-6 14:41:39 |显示全部楼层
雏菊 发表于 2016-3-6 12:15
麻烦问下,编辑html文件,输入代码是不是要用dreamweaver?

不一定要用dw,其他编辑器也可以。
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

6#
发表于 2016-3-6 14:59:10 |显示全部楼层
雏菊 发表于 2016-3-6 12:16
问什么我都输入好了以后,打开地址出现这个: at
'utf8' codec can't decode byte 0xce in position 7: i ...

字符编码有问题。但从你给的这点信息看不出是哪里的问题。你先把中文都换成英文来做,应该没问题。然后再找是哪里的中文出了问题。

另外也可能是你的编辑器保存文件时候用了带BOM的utf8的格式。如果可以设定的话,要选无BOM格式
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

7#
发表于 2016-3-18 13:12:01 |显示全部楼层
spritezhong 发表于 2016-3-18 10:57
我是在linux下写的代码,也遇到了这个问题,你的问题解决了吗?

报错是因为程序找不到模板,但我不清楚问题原因。检查一下各个参数、路径是不是都正确
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

8#
发表于 2017-2-18 17:02:37 |显示全部楼层
大侠小虾 发表于 2017-2-18 04:56
代码里错误很多啊

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

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

9#
发表于 2017-2-22 15:49:56 |显示全部楼层
nekonekobox 发表于 2017-2-22 00:25
if __name__ == "__main__":
   app = web.application(urls, globals())
   app.run()

如果你这个文件被其他文件 import,就不会运行这段代码。

单从目前这个例子来说,加不加无所谓
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

10#
发表于 2017-6-17 00:41:10 |显示全部楼层
布拉格广场 发表于 2017-6-16 20:13
Traceback (most recent call last):
  File "D:\python\lib\site-packages\web.py-0.40.dev0-py3.6.egg\we ...

报错里写了
cls = fvars[f]
这句有问题。f的值是‘index’,但是没有这个键
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

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

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

GMT+8, 2024-5-3 17:00 , Processed in 0.031506 second(s), 27 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部