使用web.py在BAE建立自已的电影网站
使用web.py在BAE建立自已的电影网站
Kevin_Yang 发表于4年前
使用web.py在BAE建立自已的电影网站
  • 发表于 4年前
  • 阅读 987
  • 收藏 1
  • 点赞 0
  • 评论 7

腾讯云 技术升级10大核心产品年终让利>>>   

最近在网上看了一篇文章使用web.py在BAE上建立电影网站,http://www.51bigfool.com/%E6%88%91%E6%98%AF%E5%A6%82%E4%BD%95%E7%94%A8bae%E5%92%8Cweb-py%E6%89%93%E9%80%A0%E8%B1%86%E7%93%A3%E7%94%B5%E5%BD%B1top100%E7%9A%84.html 我自已也在此基础上做了一些改进,也在一点点的熟悉使用web.py这个框架,可以看一下我弄了一半的应用 http://mypythontest.duapp.com/

准备 BAE web.py

1. 在BAE上建立一个python的应用(快速创建即可),选择Iframe

create

之后进入云引擎将环境类型设置为python

python

先简单看一下目录结构如下

│  index.py
│  model.py

├─static
│  └─images
│          lg_movie_a12_2.png

└─templates
    │  add.html
    │  base.html
    │  index.html
    │  play.html
    │  show.html
    │  top250style.css

新建一个Mysql,进入phpmyadmin导入所需的表

 

CREATE TABLE DoubanTop250(
    id INT AUTO_INCREMENT ,
    moviename TEXT,
    score FLOAT,
    url TEXT,
    PRIMARY KEY ( id )
)

我先按照原来的教程添加了相应的代码

model.py

# _*_ coding:utf-8 _*_
import web
import web.db
from bae.core import const
 
dbname = "数据库名字"
 
db = web.database(
    dbn='mysql',
    host=const.MYSQL_HOST,
    port=int(const.MYSQL_PORT),
    user=const.MYSQL_USER,
    passwd=const.MYSQL_PASS,
    db=dbname
)
 
def additem(name, rating, address):
    return db.insert('DoubanTop250', moviename=name, score=rating, url=address)
 
def get_items():
    return db.select('DoubanTop250', order='id')
 
def get_item(id):
    return db.select('DoubanTop250', where='id=$id', vars=locals())[0]

index.py

#_*_ coding:utf-8 _*_
import web
import model
import os
import re
 
urls = (
    "/", "Index",
    "/play/(\d+)", "Play"
)
 
t_globals = {
    'datestr': web.datestr
}
 
app_root = os.path.dirname(__file__)
template_root = os.path.join(app_root, 'templates/')
render = web.template.render(template_root, base='base', globals=t_globals)
 
class Index:
    def GET(self):
        items = model.get_items()
#       return render.test(items)
        return render.index(items)
 
class Play:
    def POST(self, id):
        id = int(id)
        item = model.get_item(id)
        return render.play(item)
 
app = web.application(urls, globals()).wsgifunc()
from bae.core.wsgi import WSGIApplication
application = WSGIApplication(app)

base.html

$def with (page)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title> 杨彦星的自娱自乐</title>
        <link type="text/css" rel="stylesheet" href="/templates/top250style.css" />
    </head>
 
    <body>
        <div id="header">
            <a target="_blank" href="http://movie.douban.com/chart" title="豆瓣电影排行旁"><img src="/static/images/lg_movie_a12_2.png" ></a>
        </div>
 
        <div id="main">
          <h1> 这是瞎写的我会乱说吗|<a target="_blank" href = "/addmovie/">添加电影</a></h1>
            $:page
        </div>
 
        <div id="footer">
            <div id="copyright">
                <p>本站纯属自娱自乐与学习python之用,电影啥的全是网上收集</p>
              <a href = "/">返回首页</a>
                <p><em>Proudly powered by Web.py</em></p>
            </div>
        </div>
 
    </body>
</html>

index.html

$def with(items)
        <table>
            <tr>
                <th>排名</th>
                <th>影片名</th>
                <th>得分</th>
                <th>百度影音播放</th>
            </tr>
            $for item in items:
            <tr>
                <td id="tdstyle">$item.id</td>
                <td id="tdstyle">$item.moviename</td>
                <td id="tdstyle">$item.score</td>
                <td id="tdstyle">
                    <form action="/play/$item.id" method="post">
                      <input type="submit" value="播放" />
                    </form>
                </td>
            </tr>
        </table>

play.html

$def with(item)
<h2>$item.id $item.moviename</h2>
<blockquote>
        <object classid="clsid:02E2D748-67F8-48B4-8AB4-0A085374BB99" width="600" height="400" id="BaiduPlayer" name="BaiduPlayer" onError=if(window.confirm('请您先安装百度影音软件,然后刷新本页才可以正常播放.')){window.open('http://player.baidu.com')}else{self.location='http://player.baidu.com'}>
        <PARAM NAME='URL' VALUE=$item.url>
        <PARAM NAME='Autoplay' VALUE='1'>
        </object>
 
<a title="返回首页" href="http://kanimdb.duapp.com"> 返回首页 </a>
</blockquote>

top250style.css

body{
  background-image: url(tw.jpg);
  
  background-position:right;
  background-color: #fff;
  margin-left:15%;
  margin-right:15%;
  border: 2px dotted gray;
  padding: 20px 20px 20px 20px;
  font-family: sans-serif;
}
 
h1 {
  font-family: sans-serif;
  font-weight: bolder;;
  color: green;
  border-bottom: 2px solid gray;
  text-align: center;
}
 
table {
  width: 500px;
  text-align: center;
  margin-top: 30px;
  margin-left: 20%;
  margin-right: 20%;
  border: thin solid black;
  border-collapse: collapse;
}
 
th, #tdstyle {
  border: thin dotted gray;
  padding: 5px;
  background-color: silver;
}
th {
  background-color: #fcba7a;
}
 
#main {
  padding-top: 20px;
  padding-bottom: 20px;
}
 
#bdplaer {
  padding-left: 10px;
  padding-right: 10px;
}
 
#header {
  text-align: center;
}
 
#footer {
  padding: 10px, 10px, 10px, 10px;
  
  text-align: center;
}
 
#copyright {
  padding: 10px, 10px, 10px, 10px;
  font-size: small;
}

修改app.conf

handlers:
  - url : /static/images/(.*)
    script: /static/images/$1
  - url : /templates/(.*)
    script: /templates/$1
  - url : /(.*)
    script: index.py
 
  - expire : .jpg modify 10 years
  - expire : .swf modify 10 years
  - expire : .png modify 10 years
  - expire : .gif modify 10 years
  - expire : .JPG modify 10 years
  - expire : .ico modify 10 years

好了,现在这个应用基本上就可以看了,不过现在请忘了以上的代码。因为我们要为其添加一些自已的想要的东西

首先我们要添加“添加影片”功能

修改urls配置

urls = (
    "/","Index",
    "/play/(\d+)","Play",
    "/add/","Add",
    "/addmovie/","addmovie"
)

这里的addmovie 其实只是想render到一个模板中

添加class addmovie实现

class addmovie:
  def GET(self):
    return render.add()

添加add.html

<form action="/add/" method="post">
电影名:<input type="text" name = "name"><br>
得分:<input type="text" name = "rating"><br>
播放地址:<input type="text" name = "address"><br>
<input type="submit" value="add">
</form>

很简单的表单,我前端不会,只会写简单的html

这里name值可以随便写,有意义或者你自已认识即可,反正后面的python代码会做处理

这里将movie的信息post到/add/中

转为urls里已经配置了

"/add/","Add",

下面来写class Add实现

class Add:
  def POST(self):
    movieinfo = web.data()
    #model.additem(movieinfo)
    #return render.show(movieinfo)
    postlist = movieinfo.split('&')   
    movie = []
    for i in postlist:
      movie.append(i.split('=')[1])
    model.additem(urllib.unquote(movie[0]),movie[1],urllib.unquote(movie[2]))
    web.seeother("/")

这里的代码写的太ugly了,但是可以满足需要,如果有更好的实现可以和我说下

先将post来的数据使用&分割,将会得到name=xxx,rating=xxx,address=xxx的列表

接着来获取相应的值,也就是再将列表中的各个项再用‘=’进行分割,然后将值append到一个新的列表中

然后将新的列表中的各个值进行unquote,要不你插入到数据库中的将不是中文等,而是quote过的数据

插件结束后跳转到首页 web.seeother(“/”)

好了,现在我们完成了添加电影的操作

2.完成后你现在就去找些电影和百度影音地址来添加看看,但是我发现一个新的问题,百度影音在非IE浏览器上是不好用的,这还了得……

在网上找方法,有一个通过 javacsript先判断浏览器的appname来决定使用哪个,http://pcbbs.baidu.com/thread-62871-1-1.html

这个是我试过了,可以实现在chrome与FF下调用百度影音,但是我要传的$item.url不能传入javascrip中,传入后就是$item.url,在网上查找说可以要写两个$,我也试过了,但是还是不能播放,于是我决定放弃IE用户,让所有播放都走非IE的方法中,爱咋地咋地。


<embed id="QvodPlayer2" name="QvodPlayer2" width="860" height="460" URL=$item.url type='application/qvod-plugin' Autoplay='1' Showcontrol='1' ></embed>


百度这点做的就不如qvod,人家官方都出了在非IE浏览器上调用的方法,而百度还在使用IE,真是不思进取,我也决定在网页上调用qvod播放接口

那么新的问题又来了,程序怎么知道你是要用qvod还是百度来播放?其实很简单,你在添加播放地址的时候,qvod的地址是以qvod开始的,百度影音是以bdhd开始的,只要判断一下$item.url是以哪个开头的就可以了

但是网上更多的还是thunder,edk等协议的影视资源,这些无论是百度还是qvod都无法播放,于是我想到了现在很流行的云点播,迅雷的云点播可以播放,但是非白金会员只能播放一段时间,随便找了几个提供在线云点播的,有弹出式广告的占大多数,于是找了一个没有广告的,okdvd,其接口调用也挺简单的

<iframe scrolling="no" frameborder="0" name="win_vod" id="win_vod" border="0" style="width: 950px; height: 550px" src="http://www.okdvd.com/api.php#!url=后面加上播放地址"></iframe>

所以最终修改我的play.html为

$def with(item)
<h2>$item.id $item.moviename</h2>
<blockquote>
<div align = "center">
$if item.url.startswith('qvod'):
    				<object classid="clsid:F3D0D36F-23F8-4682-A195-74C92B03D4AF" width="860" height="460"
                    id="QvodPlayer" name="QvodPlayer" onerror="document.getElementById('QvodPlayer').style.display='none';document.getElementById('iframe_down').style.display='';document.getElementById('iframe_down').src='http://error2.qvod.com/error4.htm';">
                    <param name='Showcontrol' value='2'>
                    <param name='URL' value=$item.url>
                    <param name='Autoplay' value='1'>
                    <embed id="QvodPlayer2" name="QvodPlayer2" width="860" height="460" URL=$item.url type='application/qvod-plugin' Autoplay='1' Showcontrol='1' ></embed>
					   </object>    
$elif item.url.startswith('bdhd'):
	<object id="BaiduPlayer" name="BaiduPlayer" type="application/player-activex" width="860" height="460" progid="Xbdyy.PlayCtrl.1" param_URL=$item.url param_OnPlay="onPlay" param_OnPause="onPause" param_OnFirstBufferingStart="onFirstBufferingStart" param_OnFirstBufferingEnd="onFirstBufferingEnd" param_OnPlayBufferingStart="onPlayBufferingStart" param_OnPlayBufferingEnd="onPlayBufferingEnd" param_OnComplete="onComplete" param_Autoplay="1"></object>
$else:
	<iframe scrolling="no" frameborder="0" name="win_vod" id="win_vod" border="0" style="width: 860px; height: 460px" src="http://www.okdvd.com/okapi.php#!url=$item.url"></iframe>
</div>
</blockquote>

这里有一个问题困扰了我很长时间,原来这里的模板如果有python代码的话也是要遵循其缩进原则的,如$if 下面的<object>如果和$if同级,那么也会报错,BAE提供错误日志,可以很快的查看到哪里出错了

3.首页上播放按钮现在还都是“播放”字样,我想让它显示是百度还是qvod播放,其实方法和上面一样,判断$item.url的startswith()方法,另外我又有了新的需求,因为网上有些电影的资源实在不好找到百度或者qvod与thunder或者edk资源,但是优酷或者土豆上有,那我可以让其跳转到相应的网址上播放

所以最终的index.html修改成这样

$def with(items)
        <table>
            <tr>
                <th>排名</th>
                <th>影片名</th>
                <th>得分</th>
                <th>播放</th>
            </tr>
            $for item in items:
            <tr>
                <td id="tdstyle">$item.id</td>
                <td id="tdstyle">$item.moviename</td>
                <td id="tdstyle">$item.score</td>
                <td id="tdstyle">
                  $if item.url.startswith("http"):                  
                    <form action="$item.url" method="get" target="_blank">
                    <input type="submit" value="新页面播放" />
                    </form>
                  $elif item.url.startswith('bdhd'):
                    <form action="/play/$item.id" method="post">
                    <input type="submit" value="百度影音播放" />
                    </form>
                  $elif item.url.startswith('qvod'):
                    <form action="/play/$item.id" method="post">
                    <input type="submit" value="qvod播放" />
                    </form>
                  $else:
                    <form action="/play/$item.id" method="post">
                    <input type="submit" value="云点播播放" />
                    </form>
                </td>
            </tr>
        </table>

而最终的index.html修改成这样

#-*- coding:utf-8 -*-
import web
import model
import os
import re
import urllib

urls = (
    "/","Index",
    "/play/(\d+)","Play",
    "/add/","Add",
    "/addmovie/","addmovie"
)
 
t_globals = {
    'datestr': web.datestr
}
 
app_root = os.path.dirname(__file__)
template_root = os.path.join(app_root, 'templates/')
render = web.template.render(template_root, base='base', globals=t_globals)
 
class Index:
    def GET(self):
        items = model.get_items()
#       return render.test(items)
        return render.index(items)
 
class Play:
    def POST(self, id):
        id = int(id)
        item = model.get_item(id)
        return render.play(item)
      
class Add:
  def POST(self):
    movieinfo = web.data()
    #model.additem(movieinfo)
    #return render.show(movieinfo)
    postlist = movieinfo.split('&')   
    movie = []
    for i in postlist:
      movie.append(i.split('=')[1])
    model.additem(urllib.unquote(movie[0]),movie[1],urllib.unquote(movie[2]))
    web.seeother("/")

class addmovie:
  def GET(self):
    return render.add()
      
app = web.application(urls, globals()).wsgifunc()
from bae.core.wsgi import WSGIApplication
application = WSGIApplication(app)

 

4.遗留问题,现在没有权限限制,谁都可以添加,也没有修改与删除选项,所以后面我将添加相应的权限管理,另外总不能自已都去手工添加电影,考虑使用爬虫来自动添加电影

5.献给热爱的电影的同胞们,向亚伦&middot;斯沃茨 致敬

Aaron_Swartz_at_Boston_Wikipedia_Meetup,_2009-08-18_

  向汤唯致敬

357px-Tang_Wei2

标签: python web.py BAE
共有 人打赏支持
粉丝 246
博文 34
码字总数 34570
评论 (7)
itfanr
谢谢分享
3kqing
无法解析主机名 是不是挂掉了啊!
Kevin_Yang

引用来自“DolphinBoy”的评论

无法解析主机名 是不是挂掉了啊!

嗯,百度把未备案的域名解析给去掉了,你可以访问http://mypythontest.duapp.com/ 查看效果
3kqing

引用来自“Kevin_Yang”的评论

引用来自“DolphinBoy”的评论

无法解析主机名 是不是挂掉了啊!

嗯,百度把未备案的域名解析给去掉了,你可以访问http://mypythontest.duapp.com/ 查看效果

可以访问, BAE还支持自己的域名吗?
3kqing
现在已经无法申请到 python 的部署资源了, 太坑了!
Kevin_Yang

引用来自“DolphinBoy”的评论

现在已经无法申请到 python 的部署资源了, 太坑了!

可以申请资源,每周四下午2点开始抢,这是最坑的…… 老版的BAE已经不允许绑定域名了
3kqing
怎么抢呢, 都不知道入口! 擦, 干啥都是抢...27
×
Kevin_Yang
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: