Repository: hanyucd/movieweb_python
Branch: master
Commit: f3206df0b856
Files: 26
Total size: 102.6 KB
Directory structure:
gitextract_s4e40pa7/
├── .gitignore
├── README.md
└── movieweb/
├── db.sqlite3
├── manage.py
├── movieweb/
│ ├── __init__.py
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
└── videoplay/
├── __init__.py
├── admin.py
├── forms.py
├── migrations/
│ ├── 0001_initial.py
│ └── __init__.py
├── models.py
├── serializers.py
├── static/
│ ├── home_page.css
│ ├── user_login.css
│ ├── user_regist.css
│ ├── video_play.css
│ └── video_play.js
├── templates/
│ ├── index.html
│ ├── user_login.html
│ ├── user_regist.html
│ └── video.html
├── tests.py
└── views.py
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
# git 提交忽略的文件
*.pyc
================================================
FILE: README.md
================================================
## 网站相关技术：
django 框架搭建整个网站
bootstrap 作为前端样式框架
使用微信 JS-SDK 开发工具包，对接微信分享API,使之视频播放页面支持微信分享
python 用于程序后台逻辑处理
使用 django 自带的数据库 Sqlite3 存储网站数据
> Admin（后台管理）:
用户名：root 密码：root
## 项目环境相关依赖：
Django 安装：
```bash
> $ pip install Django==1.8.13
```
Django REST framework 安装：
```bash
> $ pip install djangorestframework
```
Django REST Swagger 安装：
```bash
> $ pip install django-rest-swagger
```
Requests 安装：
```bash
> $ pip install requests
```
## 项目运行：
```bash
> $ python manage.py runserver 端口
```
## 项目展示：
__[视频网站（部分内容）](http://oojestrjh.bkt.clouddn.com/movieweb/index.html)__
> PC 端
__首页:__
__播放页面:__
> 移动端
© Movie website. Developer by [hanyu](https://github.com/hanyucd).
================================================
FILE: movieweb/manage.py
================================================
#!/usr/bin/env python
import os
import sys
if __name__ == "__main__":
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "movieweb.settings")
from django.core.management import execute_from_command_line
execute_from_command_line(sys.argv)
================================================
FILE: movieweb/movieweb/__init__.py
================================================
================================================
FILE: movieweb/movieweb/settings.py
================================================
"""
Django settings for movieweb project.
Generated by 'django-admin startproject' using Django 1.8.13.
For more information on this file, see
https://docs.djangoproject.com/en/1.8/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.8/ref/settings/
"""
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '&7!w5(_zz(3ar)hkvkl1kwg=wn&e!5pt#9xs(xjeo0%wm1665c'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'videoplay',
'rest_framework',
'rest_framework_swagger',
)
MIDDLEWARE_CLASSES = (
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
# 'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
'django.middleware.security.SecurityMiddleware',
)
ROOT_URLCONF = 'movieweb.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
WSGI_APPLICATION = 'movieweb.wsgi.application'
# Database
# https://docs.djangoproject.com/en/1.8/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': 'movieweb.db',
# 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
# Internationalization
# https://docs.djangoproject.com/en/1.8/topics/i18n/
LANGUAGE_CODE = 'zh-hans'
# LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/
STATIC_URL = '/static/'
================================================
FILE: movieweb/movieweb/urls.py
================================================
# -*- coding: UTF-8 -*-
"""movieweb URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/1.8/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
Including another URLconf
1. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import include, url
from django.contrib import admin
from videoplay.views import index, play, regist, login
# 实现swagger code
from videoplay import views
from rest_framework import renderers, response, schemas
from rest_framework.decorators import api_view, renderer_classes
from rest_framework.routers import DefaultRouter
from rest_framework_swagger.renderers import OpenAPIRenderer, SwaggerUIRenderer
@api_view()
@renderer_classes([SwaggerUIRenderer, OpenAPIRenderer, renderers.CoreJSONRenderer])
def schema_view(request):
generator = schemas.SchemaGenerator(title='Data API')
return response.Response(generator.get_schema(request=request))
# Routers（路由）提供了一种简单的方法来自动生成URL配置
router = DefaultRouter()
router.register(r'movie', views.SnippetViewSet)
urlpatterns = [
url(r'^admin/', include(admin.site.urls)),
url(r'^regist/$', regist),
url(r'^$', login),
url(r'^movie/$', index),
url(r'^movie/video_(?P<id>\d{1,2}).html$', play),
url(r'^swagger$', schema_view),
url(r'^', include(router.urls)),
# url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework'))
]
================================================
FILE: movieweb/movieweb/wsgi.py
================================================
"""
WSGI config for movieweb project.
It exposes the WSGI callable as a module-level variable named ``application``.
For more information on this file, see
https://docs.djangoproject.com/en/1.8/howto/deployment/wsgi/
"""
import os
from django.core.wsgi import get_wsgi_application
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "movieweb.settings")
application = get_wsgi_application()
================================================
FILE: movieweb/videoplay/__init__.py
================================================
================================================
FILE: movieweb/videoplay/admin.py
================================================
from django.contrib import admin
from videoplay.models import Movie, User, UserComment, MoviePay
# Register your models here.
admin.site.register(Movie)
admin.site.register(User)
admin.site.register(UserComment)
admin.site.register(MoviePay)
================================================
FILE: movieweb/videoplay/forms.py
================================================
# -*- coding: UTF-8 -*-
# 导入表单
from django import forms
''' 用户注册/登录数据 '''
class UserForm(forms.Form):
username = forms.CharField(max_length = 20)
password = forms.IntegerField()
''' 用户评论数据 '''
class UserCommentForm(forms.Form):
user_comment = forms.CharField(max_length = 300)
''' 电影支付数据 '''
class MoviePayForm(forms.Form):
movie_pay = forms.IntegerField()
================================================
FILE: movieweb/videoplay/migrations/0001_initial.py
================================================
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
]
operations = [
migrations.CreateModel(
name='Movie',
fields=[
('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
('movie', models.CharField(max_length=100)),
],
),
migrations.CreateModel(
name='MoviePay',
fields=[
('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
('pay_username', models.CharField(max_length=20)),
('movie_id', models.IntegerField()),
('movie_pay', models.IntegerField()),
],
),
migrations.CreateModel(
name='User',
fields=[
('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
('username', models.CharField(max_length=20)),
('password', models.IntegerField()),
],
),
migrations.CreateModel(
name='UserComment',
fields=[
('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
('comment_username', models.CharField(max_length=20)),
('user_comment', models.CharField(max_length=300)),
('comment_time', models.CharField(max_length=40)),
],
),
]
================================================
FILE: movieweb/videoplay/migrations/__init__.py
================================================
================================================
FILE: movieweb/videoplay/models.py
================================================
# -*- coding: UTF-8 -*-
from django.db import models
# Create your models here.
''' 视频 URL 存数据库 '''
class Movie(models.Model):
movie = models.CharField(max_length = 100)
def __str__(self):
return self.movie
''' 用户名 存数据库 '''
class User(models.Model):
username = models.CharField(max_length = 20)
password = models.IntegerField()
def __str__(self):
return '%s | %s' % (self.username, self.password)
''' 用户评论 存数据库 '''
class UserComment(models.Model):
comment_username = models.CharField(max_length = 20)
user_comment = models.CharField(max_length = 300)
comment_time = models.CharField(max_length = 40)
def __str__(self):
return "%s : %s | %s" % (self.comment_username, self.user_comment, self.comment_time)
''' 用户支付 存数据库 '''
class MoviePay(models.Model):
pay_username = models.CharField(max_length = 20)
movie_id = models.IntegerField()
movie_pay = models.IntegerField()
def __str__(self):
return "user: %s / movie_id: %d / pay: %d" % (self.pay_username, self.movie_id, self.movie_pay)
================================================
FILE: movieweb/videoplay/serializers.py
================================================
# -*- coding: UTF-8 -*-
from rest_framework import serializers
from videoplay.models import Movie
# Serializers(序列化器)定义了如何展示API
class MovieSerializer(serializers.HyperlinkedModelSerializer):
class Meta:
model = Movie
fields = ('movie',)
================================================
FILE: movieweb/videoplay/static/home_page.css
================================================
#user {
padding-left: 10px;
margin-top: 20px
}
.figures_lists {
margin-left: 0;
padding: 0;
list-style-type: none;
}
.list_item {
display: inline-block;
/*float: left;*/
vertical-align: top;
margin-bottom: 20px;
position: relative;
}
.label_title {
position: absolute;
top: 0;
left: 0;
background-color: #1CBF11;
border-radius: 10px;
}
.label_font {
color: #fff;
padding: 0 5px;
}
#my-content {
margin: 25px auto;
padding: 0 10px;
}
#my-content:first-child {
padding: 0;
}
.figure_title>a {
display: block;
}
.figure img {
width: 80%;
}
.new_image {
position: absolute;
top: 0;
left: 0;
}
/*@media 设备类型 and|only|not (设备特性) {样式代码}*/
@media handheld and (max-device-width: 768px) {
.nav>li {
display: inline-table;
margin-right: 10px;
}
.container {
padding-left: 0;
padding-right: 0;
margin: 0 10px;
}
.list_item {
width: 32%;
}
}
@media screen and (max-width: 768px) {
.nav>li {
display: inline-block;
margin-right: 10px;
}
.container {
padding-left: 0;
padding-right: 0;
margin: 0 10px;
}
.list_item {
width: 32%;
}
}
================================================
FILE: movieweb/videoplay/static/user_login.css
================================================
#cont {
margin: auto;
margin-top: 150px;
width: 500px;
}
a {
float: right;
}
.my_btn {
margin-left: 30px;
}
================================================
FILE: movieweb/videoplay/static/user_regist.css
================================================
#cont {
margin: auto;
margin-top: 150px;
width: 800px;
/*border: 1px solid black;*/
}
#btn {
padding-left: 5px;
}
================================================
FILE: movieweb/videoplay/static/video_play.css
================================================
div.container{
margin-top: 50px;
}
.my_font {
font-size: 20px;
font-weight: bolder;
}
#all_comment {
margin-top: 15px;
border-bottom: 1px solid #87CEFA;
}
.single_comment {
min-height: 100px;
display: flex;
margin-bottom: 3px;
border-bottom: 1px solid #D8D8D8;
}
.username {
min-width: 100px;
margin: auto 0;
}
.contents {
padding: 15px;
min-width: 600px;
}
.comment_time {
margin: auto 0;
}
================================================
FILE: movieweb/videoplay/static/video_play.js
================================================
// alert('js代码引入成功....')
// var my_video = document.getElementById("my_video");
// my_video.ontimeupdate = function() {
// var currentTime = my_video.currentTime;
// var duration = my_video.duration;
// document.getElementById("current_time").innerHTML = currentTime;
// document.getElementById('video_duration').innerHTML = duration;
// if (currentTime >= 60) {
// // my_video.load();
// my_video.pause();
// }
// }
================================================
FILE: movieweb/videoplay/templates/index.html
================================================
<!DOCTYPE html>
<html>
<head>
<title>小宇视频</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, height=divice-height, inital-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
{% load staticfiles %}
<link type="text/css" rel="stylesheet" href="{% static 'home_page.css' %}">
</head>
<body>
<div class="container">
<div id="user">
{% if error %}
<p class="text-danger">☹ 欧漏。你还未登录 or 用户名存储已过期，可重新<a href="/">登录</a> ……</p>
{% else %}
<p class="text-primary">☺ 登录成功。欢迎用户 {{ username }}，来到小宇视频 ……</p>
{% endif %}
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<a href="video_11.html" target="_blank"><img src="{% static 'images/BingHeShiDai4.jpg' %}" alt="冰河时代4" /></a>
</div>
<div class="item">
<a href="video_12.html" target="_blank"><img src="{% static 'images/GongFuXiongMao3.jpg' %}" alt="功夫熊猫3" /></a>
</div>
<div class="item">
<a href="video_13.html" target="_blank"><img src="{% static 'images/XianXiaXueXuan.jpg' %}" alt="仙侠学院" /></a>
</div>
<div class="item">
<a href="video_14.html" target="_blank"><img src="{% static 'images/CiWeiXiaoZi.jpg' %}" alt="刺猬小子" /></a>
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class="carousel-control left" href="#myCarousel"
data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">›</a>
</div>
<div>
<hr />
<ul class="nav nav-tabs nav-justified" id="index">
<li class="active"><a href="#tab0" data-toggle="tab">动作</a></li>
<li><a href="#tab1" data-toggle="tab">冒险</a></li>
<li><a href="#tab2" data-toggle="tab">喜剧</a></li>
<li><a href="#tab3" data-toggle="tab">动画</a></li>
<li><a href="#tab4" data-toggle="tab">科幻</a></li>
<li><a href="#tab5" data-toggle="tab">犯罪</a></li>
<li><a href="#tab6" data-toggle="tab">爱情</a></li>
<li><a href="#tab7" data-toggle="tab">武侠</a></li>
</ul>
</div>
<div class="tab-content" id="my-content">
<div class="tab-pane fade in active" id="tab0">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/01.jpg' %}" alt="澳门风云3">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="澳门风云3">澳门风云3</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/02.jpg' %}" alt="唐人街探案">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="唐人街探案">唐人街探案</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/03.jpg' %}" alt="鬼吹灯之寻龙诀">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="鬼吹灯之寻龙诀">鬼吹灯之寻龙诀</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/04.jpg' %}" alt="魔卡行动">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="魔卡行动">魔卡行动</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/05.jpg' %}" alt="猛龙特囧">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="猛龙特囧">猛龙特囧</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/06.jpg' %}" alt="解救吾先生">
</a>
<image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="解救吾先生">解救吾先生</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/07.jpg' %}" alt="西游记之大圣归来">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="西游记之大圣归来">西游记之大圣归来</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/08.jpg' %}" alt="九层妖塔">
</a>
<image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_8.html" target="_blank" title="九层妖塔">九层妖塔</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/09.jpg' %}" alt="道士下山">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="道士下山">道士下山</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/10.jpg' %}" alt="杀破狼2">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="杀破狼2">杀破狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/11.jpg' %}" alt="一万年以后">
</a>
<image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="一万年以后">一万年以后</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/12.jpg' %}" alt="饥饿游戏3：嘲笑鸟(上)">
</a>
<image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="饥饿游戏3：嘲笑鸟(上)">饥饿游戏3：嘲笑鸟(上)</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/13.jpg' %}" alt="神探驾到">
</a>
<image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="神探驾到">神探驾到</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/14.jpg' %}" alt="钟馗伏魔：雪妖魔灵">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="钟馗伏魔：雪妖魔灵">钟馗伏魔：雪妖魔灵</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/15.jpg' %}" alt="一个人的武林">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="一个人的武林">一个人的武林</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Action/16.jpg' %}" alt="富春山居图">
</a>
<image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
<strong class="figure_title">
<a _boss="film" href="video_16.html" target="_blank" title="富春山居图">富春山居图</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab1">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/01.jpg' %}" alt="星球大战：原力觉醒">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="星球大战：原力觉醒">星球大战：原力觉醒</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/02.jpg' %}" alt="一个勺子">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="一个勺子">一个勺子</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/03.jpg' %}" alt="狂野飞车">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="狂野飞车">狂野飞车</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/04.jpg' %}" alt="白幽灵传奇之绝命逃亡">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="白幽灵传奇之绝命逃亡">白幽灵传奇之绝命逃亡</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/05.jpg' %}" alt="我是谁2015">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="我是谁2015">我是谁2015</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/06.jpg' %}" alt="智取威虎山">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="智取威虎山">智取威虎山</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/07.jpg' %}" alt="末日浩劫">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="末日浩劫">末日浩劫</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/08.jpg' %}" alt="分歧者：异类觉醒">
</a>
<strong class="figure_title">
<a _boss="film" href="video_8.html" target="_blank" title="分歧者：异类觉醒">分歧者：异类觉醒</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/09.jpg' %}" alt="神通佛影">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/10.jpg' %}" alt="庞贝末日">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/11.jpg' %}" alt="横冲直撞好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/12.jpg' %}" alt="神通佛影">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="神通佛影">神通佛影</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/13.jpg' %}" alt="庞贝末日">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="庞贝末日">庞贝末日</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/14.jpg' %}" alt="横冲直撞好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/15.jpg' %}" alt="美人鱼">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/16.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/17.jpg' %}" alt="哥斯拉">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/18.jpg' %}" alt="美国队长2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/19.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/20.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Adventure/21.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab2">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/01.jpg' %}" alt="超能太监">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="超能太监">超能太监</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/02.jpg' %}" alt="致我们终将到来的爱情">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="致我们终将到来的爱情">致我们终将到来的爱情</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/03.jpg' %}" alt="一念天堂">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="一念天堂">一念天堂</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/04.jpg' %}" alt="浪漫天降">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="浪漫天降">浪漫天降</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/05.jpg' %}" alt="恶棍天使">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="恶棍天使">恶棍天使</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/06.jpg' %}" alt="万万没想到">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="万万没想到">万万没想到</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/07.jpg' %}" alt="美人鱼">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/08.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/09.jpg' %}" alt="哥斯拉">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/10.jpg' %}" alt="美国队长2">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/11.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/12.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/13.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/14.jpg' %}" alt="美人鱼">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/15.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/16.jpg' %}" alt="哥斯拉">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Comedy/17.jpg' %}" alt="美国队长2">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab3">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/01.jpg' %}" alt="阿里巴巴2所罗门封印">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="阿里巴巴2所罗门封印">阿里巴巴2所罗门封印</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/02.jpg' %}" alt="乐高史酷比：闹鬼的好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="乐高史酷比：闹鬼的好莱坞">乐高史酷比：闹鬼的好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/03.jpg' %}" alt="疯狂动物城">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="疯狂动物城">疯狂动物城</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/04.jpg' %}" alt="功夫熊猫3">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="功夫熊猫3">功夫熊猫3</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/05.jpg' %}" alt="青蛙王国之冰冻大冒险">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="青蛙王国之冰冻大冒险">青蛙王国之冰冻大冒险</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/06.jpg' %}" alt="丛林大反攻4:吓傻了">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="丛林大反攻4:吓傻了">丛林大反攻4:吓傻了</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/07.jpg' %}" alt="果宝特攻之水果大逃亡">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="果宝特攻之水果大逃亡">果宝特攻之水果大逃亡</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/08.jpg' %}" alt="年兽大作战">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="年兽大作战">年兽大作战</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/09.jpg' %}" alt="熊出没之熊心归来">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="熊出没之熊心归来">熊出没之熊心归来</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/10.jpg' %}" alt="小门神">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="小门神">小门神</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/11.jpg' %}" alt="夺旗">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="夺旗">夺旗</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/12.jpg' %}" alt="小王子">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="小王子">小王子</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/13.jpg' %}" alt="极地大反攻">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="极地大反攻">极地大反攻</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/14.jpg' %}" alt="咕噜咕噜美人鱼">
<span></span>
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="咕噜咕噜美人鱼">咕噜咕噜美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/15.jpg' %}" alt="海绵宝宝">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="海绵宝宝">海绵宝宝</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Cartoon/16.jpg' %}" alt="洛克王国4:出发！巨人谷">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="洛克王国4:出发！巨人谷">洛克王国4:出发！巨人谷</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab4">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/01.jpg' %}" alt="美人鱼">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/02.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/03.jpg' %}" alt="哥斯拉">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/04.jpg' %}" alt="美国队长2">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/05.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/06.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/07.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/08.jpg' %}" alt="复仇者联盟">
</a>
<strong class="figure_title">
<a _boss="film" href="video_8.html" target="_blank" title="复仇者联盟">复仇者联盟</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/09.jpg' %}" alt="极盗者">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="极盗者">极盗者</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/10.jpg' %}" alt="蚁人">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="蚁人">蚁人</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/11.jpg' %}" alt="终结者：创世纪">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="终结者：创世纪">终结者：创世纪</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/12.jpg' %}" alt="猴子王国">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="猴子王国">猴子王国</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/13.jpg' %}" alt="明星伙伴电影版">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="明星伙伴电影版">明星伙伴电影版</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/14.jpg' %}" alt="港囧">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="港囧">港囧</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/15.jpg' %}" alt="夏洛特烦恼">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="夏洛特烦恼">夏洛特烦恼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Science/16.jpg' %}" alt="华丽上班族">
</a>
<strong class="figure_title">
<a _boss="film" href="video_16.html" target="_blank" title="华丽上班族">华丽上班族</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab5">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/01.jpg' %}" alt="一万年以后">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="一万年以后">一万年以后</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/02.jpg' %}" alt="饥饿游戏3：嘲笑鸟(上)">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="饥饿游戏3：嘲笑鸟(上)">饥饿游戏3：嘲笑鸟(上)</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/03.jpg' %}" alt="神探驾到">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="神探驾到">神探驾到</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/04.jpg' %}" alt="钟馗伏魔：雪妖魔灵">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="钟馗伏魔：雪妖魔灵">钟馗伏魔：雪妖魔灵</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/05.jpg' %}" alt="一个人的武林">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="一个人的武林">一个人的武林</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/06.jpg' %}" alt="富春山居图">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="富春山居图">富春山居图</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/07.jpg' %}" alt="末日浩劫">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="末日浩劫">末日浩劫</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/08.jpg' %}" alt="分歧者：异类觉醒">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="分歧者：异类觉醒">分歧者：异类觉醒</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/09.jpg' %}" alt="神通佛影">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="神通佛影">神通佛影</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/10.jpg' %}" alt="庞贝末日">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="庞贝末日">庞贝末日</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/11.jpg' %}" alt="横冲直撞好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/12.jpg' %}" alt="美人鱼">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/13.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/14.jpg' %}" alt="哥斯拉">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/15.jpg' %}" alt="美国队长2">
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/16.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/17.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Crime/18.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab6">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/01.jpg' %}" alt="阿里巴巴2所罗门封印">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="阿里巴巴2所罗门封印">阿里巴巴2所罗门封印</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/02.jpg' %}" alt="乐高史酷比：闹鬼的好莱坞">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="乐高史酷比：闹鬼的好莱坞">乐高史酷比：闹鬼的好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/03.jpg' %}" alt="疯狂动物城">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="疯狂动物城">疯狂动物城</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/04.jpg' %}" alt="功夫熊猫3">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="功夫熊猫3">功夫熊猫3</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/05.jpg' %}" alt="青蛙王国之冰冻大冒险">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="青蛙王国之冰冻大冒险">青蛙王国之冰冻大冒险</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/06.jpg' %}" alt="丛林大反攻4:吓傻了">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="丛林大反攻4:吓傻了">丛林大反攻4:吓傻了</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/07.jpg' %}" alt="果宝特攻之水果大逃亡">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="果宝特攻之水果大逃亡">果宝特攻之水果大逃亡</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/08.jpg' %}" alt="年兽大作战">
</a>
<strong class="figure_title">
<a _boss="film" href="video_8.html" target="_blank" title="年兽大作战">年兽大作战</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/09.jpg' %}" alt="熊出没之熊心归来">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="熊出没之熊心归来">熊出没之熊心归来</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/10.jpg' %}" alt="小门神">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="小门神">小门神</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/11.jpg' %}" alt="夺旗">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="夺旗">夺旗</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/12.jpg' %}" alt="小王子">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="小王子">小王子</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/13.jpg' %}" alt="极地大反攻">
</a>
<strong class="figure_title">
<a _boss="film" href="video_13.html" target="_blank" title="极地大反攻">极地大反攻</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/14.jpg' %}" alt="咕噜咕噜美人鱼">
<span></span>
</a>
<strong class="figure_title">
<a _boss="film" href="video_14.html" target="_blank" title="咕噜咕噜美人鱼">咕噜咕噜美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/15.jpg' %}" alt="神通佛影">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/16.jpg' %}" alt="庞贝末日">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/17.jpg' %}" alt="横冲直撞好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_16.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/18.jpg' %}" alt="美人鱼">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/19.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/20.jpg' %}" alt="哥斯拉">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/21.jpg' %}" alt="美国队长2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/22.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/23.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Love/24.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
</ul>
</div>
<div class="tab-pane fade" id="tab7">
<ul class="figures_lists">
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/01.jpg' %}" alt="神通佛影">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/02.jpg' %}" alt="庞贝末日">
</a>
<strong class="figure_title">
<a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/03.jpg' %}" alt="横冲直撞好莱坞">
</a>
<strong class="figure_title">
<a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/04.jpg' %}" alt="美人鱼">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/05.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/06.jpg' %}" alt="哥斯拉">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/07.jpg' %}" alt="美国队长2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/08.jpg' %}" alt="金刚狼2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/09.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/10.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/11.jpg' %}" alt="美人鱼">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/12.jpg' %}" alt="复仇者联盟2：奥创纪元">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/13.jpg' %}" alt="哥斯拉">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/14.jpg' %}" alt="美国队长2">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/15.jpg' %}" alt="金刚狼2">
</a>
<strong class="figure_title">
<a _boss="film" href="video_15.html" target="_blank" title="金刚狼2">金刚狼2</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/16.jpg' %}" alt="恶魔蜘蛛王">
</a>
<strong class="figure_title">
<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/17.jpg' %}" alt="永不失败的国家">
</a>
<strong class="figure_title">
<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/18.jpg' %}" alt="复仇者联盟">
</a>
<strong class="figure_title">
<a _boss="film" href="video_8.html" target="_blank" title="复仇者联盟">复仇者联盟</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/19.jpg' %}" alt="极盗者">
</a>
<strong class="figure_title">
<a _boss="film" href="video_9.html" target="_blank" title="极盗者">极盗者</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/20.jpg' %}" alt="蚁人">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_2.html" target="_blank" title="蚁人">蚁人</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/21.jpg' %}" alt="终结者：创世纪">
</a>
<div class="label_title">
<span class="label_font">VIP影片</span>
</div>
<strong class="figure_title">
<a _boss="film" href="video_3.html" target="_blank" title="终结者：创世纪">终结者：创世纪</a>
</strong>
</li>
<li class="list_item" data-trigger-class="list_item_hover">
<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
<img src="{% static 'images/Swordsman/22.jpg' %}" alt="猴子王国">
</a>
<strong class="figure_title">
<a _boss="film" href="video_12.html" target="_blank" title="猴子王国">猴子王国</a>
</strong>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
================================================
FILE: movieweb/videoplay/templates/user_login.html
================================================
<!DOCTYPE html>
<html>
<head>
<title>视频登录界面</title>
<meta charset="UTF-8"/>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'user_login.css' %}">
</head>
<body>
<div id="cont">
{% if userName_error %}
<p class="bg-danger text-danger">没有该用户名 或 用户名错误，请注册 ...</p>
{% endif %}
{% if userPassword_error %}
<p class="bg-danger text-danger">密码错误，请重新输入 ...</p>
{% endif %}
{% if userForm_error %}
<p class="bg-danger text-danger">输入的数据为空 或 输入的数据不合法 ...</p>
{% endif %}
<form role="form" method="post">
<div class="form-group">
<label for="user">用户名</label>
<input type="text" name="username" class="form-control" id="user" placeholder="请输入用户名 ..." />
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" name="password" class="form-control" id="password" placeholder="请输入密码 ..."/>
</div>
<a href="/regist/">还没账号，立即注册</a>
<button type="submit" class="btn btn-primary">登录</button>
<!-- <button type="reset" class="btn btn-primary my_btn">重置</button> -->
</form>
</div>
</body>
</html>
================================================
FILE: movieweb/videoplay/templates/user_regist.html
================================================
<!DOCTYPE html>
<html>
<head>
<title>用户注册界面</title>
<meta charset="UTF-8"/>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'user_regist.css' %}"/>
</head>
<body>
<div id="cont">
{% if danger %}
<div class="alert alert-danger" alert-dismissible role="alert">
<button type="button" class="close" data-dismiss="alert">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<p>输入的数据为空 或 输入的数据不合法，请重新输入 ...</p>
</div>
{% endif %}
<h3>用户注册</h3>
<hr />
<form class="form-horizontal" role='form' method="post">
<div class="form-group">
<label for="input_user" class="col-sm-2 control-label">请输入用户名：</label>
<div class="col-sm-10">
<input type="text" name="username" class="form-control" id="input_user" placeholder="请输入字母 ..."/>
</div>
</div>
<div class="form-group">
<label for="input_password" class="col-sm-2 control-label">请输入密码：</label>
<div class="col-sm-10">
<input type="password" name="password" class="form-control" id="input_password" placeholder="请输入数字 ..."/>
</div>
</div>
<div class="from-group">
<div class="col-sm-offset-2" id="btn">
<button type="submit" class="btn btn-success">注册</button>
</div>
</div>
</form>
</div>
</body>
</html>
================================================
FILE: movieweb/videoplay/templates/video.html
================================================
<!DOCTYPE html>
<html>
<head>
<title>视频播放页面</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- 导入 video.js框架 -->
<link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<!-- 导入微信分享javaScript文件 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'video_play.css' %}"></link>
<script src="{% static 'video_play.js' %}" type="text/javascript"></script>
</head>
<body>
<div class="container">
<!-- 模态框 -->
<div class="modal fade" id="my_modal" tabindex="-1" role="dialog" aria-labeledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
</button>
<h3>此电影需要购买</h3>
</div>
<div class="modal-body">
<form role="form" method="post">
<div class="form-group">
<label for="movie_price"><p class="text-primary">所需金额: 5￥</p></label>
<input type="text" name="movie_pay" class="form-control" id="movie_price" placeholder="请输入金额..."></input>
</div>
<button type="submit" class="btn btn-success">发起支付</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-dismiss="modal">暂不购买</button>
</div>
</div>
</div>
</div>
{% if video_id < 6 %}
{% if pay %}
<p class="text-primary"><strong>此电影已购买，可观看完整版...</strong></p>
{% else %}
<p class="text-primary"><strong>此电影需要购买,尚可观看1分钟...</strong></p>
{% endif %}
{% else %}
<p class="text-primary"><strong>此电影可免费观看...</strong></p>
{% endif %}
<hr />
<!-- 视频播放 -->
<video id="my_video" controls preload="auto" width="100%" height="500px"
class="video-js vjs-default-skin vjs-big-play-centered">
<source src="{{ video_source.movie }}" type="video/mp4">
</video>
<p class="text-primary">当前播放时长/秒：<span id="current_time"></span></p>
<p class="text-primary">总时长/秒： <span id="video_duration"></span></p>
<hr />
<p class="text-primary my_font">用户评论：</p>
<form role="form" method="post">
<div class="form-group">
<textarea class="form-control" rows="3" name="user_comment" maxlength="300" placeholder="看点 | 槽点，不吐不快！别憋着，马上说出来吧！"></textarea>
</div>
<button type="submit" class="btn btn-success">发表评论</button>
</form>
<p class="text-primary my_font" id="all_comment">全部评论</p>
<div class="allComments">
<ul class="list-unstyled comment_list">
<!-- 反向迭代出数据库中的数据 -->
{% for comment in comments_list reversed %}
<li class="single_comment">
<div class="username">
<strong>{{ comment.comment_username }}</strong>
</div>
<div class="contents">
<p>{{ comment.user_comment }}</p>
</div>
<div class="comment_time">
<p class="text-info">{{ comment.comment_time }}</p>
</div>
</li>
{% endfor %}
<li class="single_comment">
<div class="username">
<strong>匿名用户 </strong>
</div>
<div class="contents">
<p>三国吕布，字奉先。</p>
</div>
<div class="comment_time">
<p class="text-info">2016/10/09 | 14:00:30</p>
</div>
</li>
</ul>
</div>
</div>
<script>
// 获取当前播放视频ID
var video_id = {{ video_id }};
// 获取已支付电影对象 0：未支付 1： 已支付
var movie_pay = {{ movie_payment_obj }};
// 获取 DOM 中指定的视频标签
var my_video = document.getElementById("my_video");
// 监听视频播放位置变化 事件
my_video.ontimeupdate = function() {
// 返回播放视频当前播放位置/秒
var currentTime = my_video.currentTime;
// 返回播放视频长度/秒
var duration = my_video.duration;
document.getElementById("current_time").innerHTML = Math.floor(currentTime);
document.getElementById('video_duration').innerHTML = Math.floor(duration);
// 当视频ID <= 5 且 未支付 执行
if (video_id <= 5 && movie_pay == 0) {
if (currentTime >= 10) {
// 重新加载视频
my_video.load();
document.getElementById("current_time").innerHTML = 0;
// js动态显示模态框
$('#my_modal').modal({show: true})
}
}
}
// 微信分享配置
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '{{user.appid}}', // 必填，公众号的唯一标识
timestamp: {{user.ret.timestamp}}, // 必填，生成签名的时间戳
nonceStr: '{{user.ret.nonceStr}}', // 必填，生成签名的随机串
signature: '{{user.ret.signature}}',// 必填，签名
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
});
wx.ready(function(){
$(document).ready(function(){
// 分享到朋友圈
wx.onMenuShareTimeline({
title: '支持微信分享视频网页',
link: '{{ url }}',
imgUrl: 'http://ulab.newclass.org/movie/kakaxi.png',
trigger: function () {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('点击分享菜单:ok');
},
success: function () {
alert('分享成功');
},
cancel: function () {
alert('取消分享');
}
});
// alert('注册成功，支持分享到朋友圈');
});
$(document).ready(function(){
// 分享给朋友
wx.onMenuShareAppMessage({
title: '支持微信分享视频网页',
desc: '小宇的第一个支持微信--分享的网页',
link: '{{ url }}',
imgUrl: 'http://ulab.newclass.org/movie/kakaxi.png',
trigger: function () {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('点击分享菜单:ok');
},
success: function () {
alert('分享成功');
},
cancel: function () {
alert('取消分享');
}
});
// alert('注册成功，支持分享给朋友');
});
});
</script>
</body>
</html>
================================================
FILE: movieweb/videoplay/tests.py
================================================
from django.test import TestCase
# Create your tests here.
================================================
FILE: movieweb/videoplay/views.py
================================================
# -*- coding: UTF-8 -*-
from django.shortcuts import render
# Create your views here.
from django.http import HttpResponse, HttpResponseRedirect
from django.template import loader, Context
from django.shortcuts import render_to_response
import time
import random
import string
import hashlib
import requests
# 导入缓存
from django.core.cache import cache
# 导入模型
from videoplay.models import Movie
from videoplay.models import User, UserComment, MoviePay
# 导入表单
from .forms import UserForm, UserCommentForm, MoviePayForm
class Sign:
''' 实例化初始值 '''
def __init__(self, appid, appsecret, url):
self.appid = appid
# self.access_token = self.get_access_token(appid, appsecret)
''' 缓存access_token '''
self.access_token = cache.get('access_token')
if self.access_token == None:
cache.set('access_token', self.get_access_token(appid, appsecret), 7050)
self.access_token = cache.get('access_token')
''' 缓存jsapi_ticket '''
self.jsapi_ticket = cache.get('jsapi_ticket')
if self.jsapi_ticket == None:
cache.set('jsapi_ticket', self.get_ticket(self.access_token), 7100)
self.jsapi_ticket = cache.get('jsapi_ticket')
self.ret = {
'nonceStr': self.__create_nonce_str(),
'jsapi_ticket': self.jsapi_ticket,
'timestamp': self.__create_timestamp(),
'url': url,
}
# 缓存signature
# self.signature = cache.get('signature')
# if self.signature == None:
# cache.set('signature', self.sign(), 7150)
# self.signature = cache.get('signature')
''' 获取随机字符串 '''
def __create_nonce_str(self):
return ''.join(random.choice(string.ascii_letters + string.digits) for _ in range(16))
''' 获取时间戳 '''
def __create_timestamp(self):
return int(time.time())
''' 获取access_token '''
def get_access_token(self, appid, appsecret):
url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={}&secret={}'.format(appid,appsecret)
r = requests.get(url)
data = r.json()
access_token = data.get('access_token')
return access_token
''' 获取jsapi_ticket '''
def get_ticket(self, access_token, type='jsapi'):
url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={}&type={}'.format(access_token, type)
r = requests.get(url)
data = r.json()
ticket = data.get('ticket')
return ticket
''' 获取signature '''
def sign(self):
string = '&'.join(['%s=%s' % (key.lower(), self.ret[key]) for key in sorted(self.ret)])
self.ret['signature'] = hashlib.sha1(string).hexdigest()
return self.ret
# return self.ret.get('signature')
""" 视频播放页面 """
def play(request, id):
# 通过 session 来获取传过来的数据 (用户名)
comment_username = request.session.get('comment_username')
if request.method == "POST":
print request.POST
if 'user_comment' in request.POST:
''' 用户评论 '''
# 绑定评论表单
uf_comment = UserCommentForm(request.POST)
# 校验提交数据是否合法
if uf_comment.is_valid():
# 如合法,获取数据并赋于变量
user_comment = uf_comment.cleaned_data.get('user_comment')
# 获取当前时间 (格式化)
comment_time = time.strftime('%Y/%m/%d | %H:%M:%S', time.localtime())
# 存入数据库
UserComment.objects.create(comment_username = comment_username, user_comment = user_comment, comment_time = comment_time)
print user_comment
print comment_time
# 获取当前除域名以外的请求路径
path = request.path
print path
''' 重定向到当前页面 '''
return HttpResponseRedirect(path)
elif 'movie_pay' in request.POST:
''' 电影支付 '''
movie_id = int(id)
# 绑定支付表单
uf_payment = MoviePayForm(request.POST)
# 校验提交数据是否合法
if uf_payment.is_valid():
# 获取支付数据
movie_pay = uf_payment.cleaned_data.get('movie_pay')
# 存入数据库
MoviePay.objects.create(pay_username = comment_username, movie_id = movie_id, movie_pay = movie_pay)
# 获取当前除域名以外的请求路径
path = request.path
''' 重定向到当前页面 '''
return HttpResponseRedirect(path)
''' 微信分享的 code '''
appid, appsecret = 'wx89d78fda8c962552', '41d433fe0e3194e1aff2d607c585be65'
# 动态获取当前的url
url = 'http://' + request.get_host() + request.get_full_path()
sign = Sign(appid, appsecret, url)
# 调用签名方法
sign.sign()
# 将获取到的字符串类型参数转换为 int
video_id = int(id)
# 获取(数据库)模型中对应电影的对象
video_source = Movie.objects.get(id = video_id)
# 获取数据库中所有的评论对象 | all() 和 filter()函数返回一个记录集 (列表)
comments_list = UserComment.objects.all()
# 获取数据库中已支付的对象
movie_payment_obj = MoviePay.objects.filter(pay_username = comment_username, movie_id = video_id)
# 支付 False：未购买 True: 已购买
pay = False
if video_id <= 5:
if len(movie_payment_obj) != 0:
pay = True
else:
pay = False
# 加载视频播放模板
t = loader.get_template("video.html")
c = Context({"user": sign, "video_source": video_source, "video_id": video_id,"movie_payment_obj": len(movie_payment_obj), "pay": pay, "url": url, "comments_list": comments_list})
return HttpResponse(t.render(c))
""" 用户注册 """
def regist(request):
if request.method == "POST":
# 绑定表单
uf_regist = UserForm(request.POST)
# 校验提交数据是否合法
if uf_regist.is_valid():
# 如合法,获取各自的数据并赋于变量
username = uf_regist.cleaned_data.get('username')
password = uf_regist.cleaned_data.get('password')
# 存入数据库
User.objects.create(username = username, password = password)
# 跳转到登录界面
return HttpResponseRedirect('/')
else:
return render(request, "user_regist.html", {"danger": True})
else:
uf_regist = UserForm()
# 加载用户注册模板
user_regist = loader.get_template("user_regist.html")
return HttpResponse(user_regist.render())
""" 用户登录 """
def login(request):
if request.method == 'POST':
# 绑定表单 | request.Post:获取表单提交的数据 (类字典对象)
uf_login = UserForm(request.POST)
# 校验提交数据是否合法
if uf_login.is_valid():
# 如合法后,获取各自的数据并赋于变量
username = uf_login.cleaned_data['username']
password = uf_login.cleaned_data['password']
''' 异常 用户名不存在 '''
try:
User.objects.get(username = username)
except User.DoesNotExist:
return render_to_response('user_login.html', {"userName_error": True})
# 获取数据库(模型)中对应的对象
user = User.objects.filter(username__exact = username, password__exact = password)
# 如果输入的对象匹配数据库中的对象为 True（存在数据库中）
if user:
# 创建 HTTpResponse 对象（跳转至 /movie 页面）
response = HttpResponseRedirect('/movie/')
# 设置 cookie 值，有效期 1 小时
response.set_cookie('username', username)
# response.set_cookie('username', username, 3600)
# request.session['username'] = username /使用 session 来设置 cookie值， 等效同上
return response
# 输入的密码不匹配数据库中的密码 执行
elif password != User.objects.get(username = username).password:
return render_to_response('user_login.html', {"userPassword_error" : True})
# 如果输入的内容不合法（数据为空）
else:
return render_to_response('user_login.html', {'userForm_error': True})
else:
uf_login = UserForm()
# 加载用户登录模板
user_login = loader.get_template("user_login.html")
return HttpResponse(user_login.render())
""" 网站首页 """
def index(request):
username = request.COOKIES.get('username', None)
# username = request.session.get('username', 'anonymity') /使用 session 来获取传来的 cookie值， 等效同上
''' 设置 session 的数据（传到视频播放页面）'''
request.session['comment_username'] = username
# 获取用户名成功 执行
if username != None:
return render_to_response('index.html', {"username": username})
# 用户名超时 执行
else:
return render_to_response('index.html', {'error': True})
""" 实现swagger code """
from rest_framework import viewsets
from videoplay.models import Movie
from videoplay.serializers import MovieSerializer
# ViewSets定义了View的行为
class SnippetViewSet(viewsets.ModelViewSet):
queryset = Movie.objects.all()
serializer_class = MovieSerializer
gitextract_s4e40pa7/
├── .gitignore
├── README.md
└── movieweb/
├── db.sqlite3
├── manage.py
├── movieweb/
│ ├── __init__.py
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
└── videoplay/
├── __init__.py
├── admin.py
├── forms.py
├── migrations/
│ ├── 0001_initial.py
│ └── __init__.py
├── models.py
├── serializers.py
├── static/
│ ├── home_page.css
│ ├── user_login.css
│ ├── user_regist.css
│ ├── video_play.css
│ └── video_play.js
├── templates/
│ ├── index.html
│ ├── user_login.html
│ ├── user_regist.html
│ └── video.html
├── tests.py
└── views.py
SYMBOL INDEX (27 symbols across 6 files)
FILE: movieweb/movieweb/urls.py
function schema_view (line 30) | def schema_view(request):
FILE: movieweb/videoplay/forms.py
class UserForm (line 5) | class UserForm(forms.Form):
class UserCommentForm (line 10) | class UserCommentForm(forms.Form):
class MoviePayForm (line 14) | class MoviePayForm(forms.Form):
FILE: movieweb/videoplay/migrations/0001_initial.py
class Migration (line 7) | class Migration(migrations.Migration):
FILE: movieweb/videoplay/models.py
class Movie (line 6) | class Movie(models.Model):
method __str__ (line 9) | def __str__(self):
class User (line 13) | class User(models.Model):
method __str__ (line 17) | def __str__(self):
class UserComment (line 21) | class UserComment(models.Model):
method __str__ (line 26) | def __str__(self):
class MoviePay (line 29) | class MoviePay(models.Model):
method __str__ (line 34) | def __str__(self):
FILE: movieweb/videoplay/serializers.py
class MovieSerializer (line 6) | class MovieSerializer(serializers.HyperlinkedModelSerializer):
class Meta (line 8) | class Meta:
FILE: movieweb/videoplay/views.py
class Sign (line 21) | class Sign:
method __init__ (line 23) | def __init__(self, appid, appsecret, url):
method __create_nonce_str (line 52) | def __create_nonce_str(self):
method __create_timestamp (line 55) | def __create_timestamp(self):
method get_access_token (line 58) | def get_access_token(self, appid, appsecret):
method get_ticket (line 65) | def get_ticket(self, access_token, type='jsapi'):
method sign (line 72) | def sign(self):
function play (line 79) | def play(request, id):
function regist (line 147) | def regist(request):
function login (line 169) | def login(request):
function index (line 207) | def index(request):
class SnippetViewSet (line 224) | class SnippetViewSet(viewsets.ModelViewSet):
Condensed preview — 26 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (125K chars).
[
{
"path": ".gitignore",
"chars": 21,
"preview": "# git 提交忽略的文件\n\n*.pyc\n"
},
{
"path": "README.md",
"chars": 820,
"preview": "## 网站相关技术：\n\ndjango 框架搭建整个网站\n\nbootstrap 作为前端样式框架\n\n使用微信 JS-SDK 开发工具包，对接微信分享API,使之视频播放页面支持微信分享\n\npython 用于程序后台逻辑处理\n\n使用 djan"
},
{
"path": "movieweb/manage.py",
"chars": 251,
"preview": "#!/usr/bin/env python\nimport os\nimport sys\n\nif __name__ == \"__main__\":\n os.environ.setdefault(\"DJANGO_SETTINGS_MODULE"
},
{
"path": "movieweb/movieweb/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "movieweb/movieweb/settings.py",
"chars": 2777,
"preview": "\"\"\"\nDjango settings for movieweb project.\n\nGenerated by 'django-admin startproject' using Django 1.8.13.\n\nFor more infor"
},
{
"path": "movieweb/movieweb/urls.py",
"chars": 1730,
"preview": "# -*- coding: UTF-8 -*-\n\"\"\"movieweb URL Configuration\n\nThe `urlpatterns` list routes URLs to views. For more information"
},
{
"path": "movieweb/movieweb/wsgi.py",
"chars": 393,
"preview": "\"\"\"\nWSGI config for movieweb project.\n\nIt exposes the WSGI callable as a module-level variable named ``application``.\n\nF"
},
{
"path": "movieweb/videoplay/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "movieweb/videoplay/admin.py",
"chars": 243,
"preview": "from django.contrib import admin\nfrom videoplay.models import Movie, User, UserComment, MoviePay\n# Register your models "
},
{
"path": "movieweb/videoplay/forms.py",
"chars": 379,
"preview": "# -*- coding: UTF-8 -*-\n# 导入表单\nfrom django import forms\n''' 用户注册/登录数据 '''\nclass UserForm(forms.Form):\n username = for"
},
{
"path": "movieweb/videoplay/migrations/0001_initial.py",
"chars": 1646,
"preview": "# -*- coding: utf-8 -*-\nfrom __future__ import unicode_literals\n\nfrom django.db import migrations, models\n\n\nclass Migrat"
},
{
"path": "movieweb/videoplay/migrations/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "movieweb/videoplay/models.py",
"chars": 1076,
"preview": "# -*- coding: UTF-8 -*-\nfrom django.db import models\n# Create your models here.\n\n''' 视频 URL 存数据库 '''\nclass Movie(models"
},
{
"path": "movieweb/videoplay/serializers.py",
"chars": 259,
"preview": "# -*- coding: UTF-8 -*-\nfrom rest_framework import serializers\nfrom videoplay.models import Movie\n\n# Serializers(序列化器)定义"
},
{
"path": "movieweb/videoplay/static/home_page.css",
"chars": 1142,
"preview": "#user {\n padding-left: 10px;\n margin-top: 20px\n}\n\n.figures_lists {\n margin-left: 0;\n padding: 0;\n list-style-type: "
},
{
"path": "movieweb/videoplay/static/user_login.css",
"chars": 118,
"preview": "#cont {\n margin: auto;\n margin-top: 150px;\n width: 500px;\n}\na {\n float: right;\n}\n.my_btn {\n margin-left: 30px;\n}\n"
},
{
"path": "movieweb/videoplay/static/user_regist.css",
"chars": 124,
"preview": "#cont {\n margin: auto;\n margin-top: 150px;\n width: 800px;\n /*border: 1px solid black;*/\n}\n#btn {\n padding-left: 5px"
},
{
"path": "movieweb/videoplay/static/video_play.css",
"chars": 420,
"preview": "div.container{\n margin-top: 50px;\n}\n.my_font {\n font-size: 20px;\n font-weight: bolder;\n}\n#all_comment {\n margin-top:"
},
{
"path": "movieweb/videoplay/static/video_play.js",
"chars": 437,
"preview": "// alert('js代码引入成功....')\n// var my_video = document.getElementById(\"my_video\");\n// my_video.ontimeupdate = function() {\n"
},
{
"path": "movieweb/videoplay/templates/index.html",
"chars": 74024,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <title>小宇视频</title>\n <meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\""
},
{
"path": "movieweb/videoplay/templates/user_login.html",
"chars": 1690,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <title>视频登录界面</title>\n <meta charset=\"UTF-8\"/>\n <!-- 新 Bootstrap 核心 CSS 文件 -->\n <link"
},
{
"path": "movieweb/videoplay/templates/user_regist.html",
"chars": 1941,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <title>用户注册界面</title>\n <meta charset=\"UTF-8\"/>\n <!-- 新 Bootstrap 核心 CSS 文件 -->\n <link"
},
{
"path": "movieweb/videoplay/templates/video.html",
"chars": 6830,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <title>视频播放页面</title>\n <meta http-equiv=\"content-type\" content=\"text/html; charset=UT"
},
{
"path": "movieweb/videoplay/tests.py",
"chars": 60,
"preview": "from django.test import TestCase\n\n# Create your tests here.\n"
},
{
"path": "movieweb/videoplay/views.py",
"chars": 8657,
"preview": "# -*- coding: UTF-8 -*-\nfrom django.shortcuts import render\n# Create your views here.\nfrom django.http import HttpRespon"
}
]
// ... and 1 more files (download for full content)
About this extraction
This page contains the full source code of the hanyucd/movieweb_python GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 26 files (102.6 KB), approximately 30.9k tokens, and a symbol index with 27 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.