| 
 | 
 
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册  
 
x
 
 本帖最后由 LYF511 于 2020-3-14 09:06 编辑  
 
哈喽,大家好,今天我们来继续学习Python Web开发【2】 
 
ps:本课程没有特别深奥的地方(如:数据库等),会Python和一点html基础就可以学习! 
似乎,我又鸽了。。。 
没关系,不影响嘻嘻嘻 
今天,我们将围绕上次的课后作业来展开学习  
 
1.解决中文乱码 
 
ps:需要一些html基础 
 
学过html的都知道,浏览器有默认解码编码,Python return里的数据都是utf-8的,所以,我们也要告诉浏览器我们是utf-8格式,在html应该怎么做?  
 
 
 
没错,就是加个meta,在Python web.py中也是这个样子的,不信?把上节课的代码改一改: 
 
- import web
 
  
- urls = (
 
 -     '/' , 'Hello',
 
 - )
 
  
- class Hello(object):
 
 -     def GET(self):
 
 -         return '<html><head><meta charset="UTF-8"></head><body>你好, web!</body></html>'
 
  
- app = web.application(urls, globals())
 
 - app.run()
 
  复制代码 
 
 
 
F5走起! 
 
乱码图片: 
 
 
 
没有乱码图片: 
 
 
 
交给大家一个更简便的访问方法: 
 
访问:http://localhost:8080/就可以看到了,不需要查ip!  
 
看到了吗?没有乱码! 
 
2.多彩一点 
 
让网页丰富一些,怎么做呢? 
 
对了,设置样式 
 
还是那个代码,改成: 
 
- import web
 
  
- urls = (
 
 -     '/' , 'Hello',
 
 - )
 
  
- class Hello(object):
 
 -     def GET(self):
 
 -         return '<html><head><meta charset="UTF-8"><style>body{background-color:green;color:blue;}</style></head><body>你好, web!</body></html>'
 
  
- app = web.application(urls, globals())
 
 - app.run()
 
  复制代码 
F5走起! 
 
 
 
是不是看到网页颜色变成绿色,字变成蓝色了? 
 
3.标准一些 
 
各位鱼油,是不是觉得越到后面代码越乱了? 
 
没关系,我们让他们标准一些。 
 
其实,可以保存成.html文件,用Python读取的: 
 
hello.html 
 
- <html>
 
 -     <head>
 
 -         <meta charset="UTF-8">
 
 -         <style>
 
 -             body {
 
 -                 background-color:green;
 
 -                 color:blue;
 
 -             }
 
 -         </style>
 
 -     </head>
 
 -     <body>
 
 -         你好, web!
 
 -     </body>
 
 - </html>
 
  复制代码 
其实,网页对应的类是个句柄(Handle),所以,命名应该标准一些: 
 
main.py 
- import web
 
  
- urls = (
 
 -     '/' , 'HelloHandle',
 
 - )
 
  
- class HelloHandle(object):
 
 -     def GET(self):
 
 -         return open('hello.html', 'r', encoding='utf-8').read()
 
  
 
- app = web.application(urls, globals())
 
 - app.run()
 
  复制代码 
 
 
 
到此,你的文件夹格式应该是这样的 
某文件夹 
 ▏ 
\hello.html 
 ▏ 
\main.py 
 ▏ 
 
4.以指定端口运行 
 
打开当前文件夹,按住Shift右键, 
 
按“在此处打开PowerShell窗口”(类似即可), 
 
输入 
 
 
 
 
好了,今天就学到这里吧。 
 
课后作业 
|  1.请给网页添加一些图片 |  |  2.请给网页添加一些页面 |  
  
答案: 
 
下一节课:【Python】Web开发【3】 
 
 |   
 
评分
- 
查看全部评分
 
 
 
 
 
 |