Django项目实战视频内容页内容调用接口开发

Django项目实战视频内容页内容调用接口开发

views.py

def video(request, tail):
    if request.method == 'GET':
        video = Video.objects.get(video_tail=tail)

        # 翻页 01234
        previous_page = Video.objects.filter(id__gt=video.id).first()
        next_page = Video.objects.filter(id__lt=video.id).first()

        # 点击
        video.video_click += 1
        video.save()

        context = {'video': video, 'previous_page': previous_page, 'next_page': next_page}
        return render(request, 'video.html', context=context)

video.html

    <!-- 中间部分 start -->
    <div class="container">
        <!-- 主体内容 star  -->
        <div class="main_center">      
           <div class="videobar">
            <div class="mains">  
                <!-- 文章主体 开始 -->
                <div class="main">
                    <div class="mainbar">
                      <article class="item">
                        <header class="article_header">
                            <div>
                            <h1>{{ video.video_title }}</h1>
                            <div class="article_meta">
                                <span class="item">日期：{{ video.video_time }}</span>
                                <span class="item">所属栏目：<a href="/video/">PyQt5视频教程_PyQt5菜鸟教程</a></span>
                                <span class="item">阅读：({{ video.video_click }})</span>
                                <span class="item">作者：{{ video.video_author }}</span>
                            </div>
                            </div>
                        </header>

                        
                        <div class="videobox">
                            <video src="{{ video.video_link }}" controls="controls"></video>
                            
                            <div class="join_vip">
                                <a href="http://www.pyqt5.cn/vip/" class="vip" rel="nofollow">
                                    <span>加入会员</span>
                                    <span>观看完整视频</span>
                                </a>
                                <div class="del iconfont icon-caidan"></div>
                            </div>
                            
                        </div>
                        

                        <div class="video_nav">
                            {% if next_page %}
                            <a href="/video-{{ next_page.video_tail }}.html" class="back"><i class="iconfont icon-jiantoul"></i>
                                <span>上一集：{{ next_page.video_title }}</span>
                            </a>
                            {% else %}
                            | 没有了
                            {% endif %}
                            
                            {% if previous_page %}
                            <a href="/video-{{ previous_page.video_tail }}.html" class="next"><i class="iconfont icon-jiantour"></i>
                                <span>下一集：{{ previous_page.video_title }}</span>
                            </a>
                            {% else %}
                            | 没有了
                            {% endif %}
                        </div> 
                        <div class="texts">
                            {{ video.video_text|safe }}
                        </div>
                      </article>
                      <div class="article_about">
                            <div class="about_title">相关文章</div>
                            <ul class="about_ul">
                                
                                <li><a href="http://www.pyqt5.cn/buy.html">PyQt5收费吗？GPL和Riverbank商业许可有什么区别？</a></li>
                                
                                <li><a href="http://www.pyqt5.cn/guanxi.html">PyQt5和Qt是什么关系？</a></li>
                                
                                <li><a href="http://www.pyqt5.cn/xuanze.html">Python GUI编程中为什么选择PyQt5？</a></li>
                                
                            </ul>
                      </div>
                    </div>
                </div>
                <!-- 文章主体 结束 -->
            </div>
           </div>
        </div>
        <!-- 主体内容 end  -->
    </div>
    <!-- 中间部分 end -->