设为首页收藏本站

Crossin的编程教室

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

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

32#
发表于 2020-3-18 23:21:23 |只看该作者
fionalailai 发表于 2020-3-17 23:15
为什么我一致code.py,结果中显示http://0.0.0.0:8080/之后整个IDLE就卡住了,每次都得强制关闭,重新打开 ...

从命令行里到代码所在目录下,通过 python code.py 启动。不要在idle里跑
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

8

积分

新手上路

Rank: 1

31#
发表于 2020-3-17 23:15:26 |只看该作者
为什么我一致code.py,结果中显示http://0.0.0.0:8080/之后整个IDLE就卡住了,每次都得强制关闭,重新打开再次执行又出现同样的问题
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

30#
发表于 2018-4-18 00:02:43 |只看该作者
Joseph丶Joe 发表于 2018-4-17 11:52
请问这样怎么解决

点“高级模式”,图片,上传图片
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

16

积分

新手上路

Rank: 1

29#
发表于 2018-4-17 11:52:11 |只看该作者
C:\Users\Administrator\Desktop/QQ图片20180417115054请问这样怎么解决
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

28#
发表于 2017-11-15 19:32:20 |只看该作者
13253620252 发表于 2017-11-15 15:44
先生,创建index.html是不是要用Python中的IDLE来写

都可以,不是必须
#==== Crossin的编程教室 ====#
微信ID:crossincode
网站:http://crossincode.com
回复

使用道具 举报

0

主题

0

好友

74

积分

注册会员

Rank: 2

27#
发表于 2017-11-15 15:44:14 |只看该作者
先生,创建index.html是不是要用Python中的IDLE来写
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

26#
发表于 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
回复

使用道具 举报

0

主题

0

好友

4

积分

新手上路

Rank: 1

25#
发表于 2017-6-16 20:13:13 |只看该作者
Traceback (most recent call last):
  File "D:\python\lib\site-packages\web.py-0.40.dev0-py3.6.egg\web\application.py", line 257, in process
    return self.handle()
  File "D:\python\lib\site-packages\web.py-0.40.dev0-py3.6.egg\web\application.py", line 248, in handle
    return self._delegate(fn, self.fvars, args)
  File "D:\python\lib\site-packages\web.py-0.40.dev0-py3.6.egg\web\application.py", line 487, in _delegate
    cls = fvars[f]
KeyError: 'index'

127.0.0.1:61127 - - [16/Jun/2017 20:01:54] "HTTP/1.1 GET /" - 500 Internal Server Error
127.0.0.1:61127 - - [16/Jun/2017 20:01:55] "HTTP/1.1 GET /favicon.ico" - 404 Not Found



这个问题是什么原因呢?
回复

使用道具 举报

174

主题

45

好友

11万

积分

管理员

Rank: 9Rank: 9Rank: 9

24#
发表于 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
回复

使用道具 举报

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

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

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

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部