动漫网站源码设计与实现

zz_cl zz_cl     2022-12-09     168

关键词:

已完成编写的Sky动漫网主页如下

PC电脑端效果截图:

APP手机端效果截图:

      

数据库相关表设计如下:

主要有:动漫主体信息表、视频播放源表、文章资讯表、主题专辑表、经典语录表、图片图集表、评论表等等

信息采集使用jsoup爬取

各大视频网站(优酷、爱奇艺、搜狐、腾讯、哔哩哔哩、乐视、新浪、土豆、芒果、PPTV等等)共享的内嵌播放器源码整理如下:

function openurl()
    var sourceurl = $("#sourceurl").val();
    window.open(sourceurl);

function checkplayer(obj)
    var sourceurl = $("#sourceurl").val();
    var vid = $("#vid").val();
    var tvid = $("#tvid").val();
    var sourceplatform = $("#sourceplatform").val();
    var sourceurl2 = sourceurl;
    var page = "1";
    if(sourceplatform=='爱奇艺')
        if(vid!=''&&vid!=null)
            if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))
                document.getElementById('player').innerHTML = ('<iframe id="playiframe" allowfullscreen frameborder="0" src="http://m.iqiyi.com/shareplay.html?vid='+vid+'&tvId='+tvid+'"></iframe>');
                //<iframe src="http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=b3ee0c25176f5ef58ae7901ca34418fd&tvId=1504532800&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>
             else
                document.getElementById('player').innerHTML = '<embed id="playiframe" align="middle" id="flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://dispatcher.video.qiyi.com/disp/shareplayer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" flashvars="vid='+vid+'&tvId='+tvid+'&coop=coop_58dm&cid=qc_100001_300144&autoPlay=1&showSearchBox=0&showSearch=0&showRank=0&showShare=0&showDock=0&showComment=0&showRecommend=0&showFocus=0&showNext=0&enableAd=0&showDefinition=0&isPlayNext=0" bgcolor="#000000" menu="true" allowfullscreen="true" devicefont="false" scale="showall" quality="hight" play="true" loop="true"/>';
                //document.getElementById('player').innerHTML = ('<embed src="http://player.video.iqiyi.com/'+vid+'/0/0/v_19rr2qbh9o.swf-albumId=1504532800-tvId='+tvid+'-isPurchase=0-cnId=undefined" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>');
            
        else
            document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.bbbbbb.me/jx/?url='+sourceurl+'"></iframe>');
        
        
    else if(sourceplatform=='优酷')
        sourceurl2=sourceurl2.substring(sourceurl2.indexOf("id_")+3,sourceurl2.indexOf(".html"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
        
        document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://player.youku.com/embed/'+sourceurl2+'" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
        else
            //document.getElementById('player').innerHTML  = ('<embed id="playiframe" align="middle" id="flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://static.youku.com/v1.0.0242/v/swf/player.swf" type="application/x-shockwave-flash" allowscriptaccess="always" flashvars="MMControl=false&MMout=false&isShowRelatedVideo=false&showAd=0&show_pre=0&show_next=0&isAutoPlay=true&show_ce=0&playMovie=true&winType=interior&VideoIDS='+sourceurl2+'" bgcolor="#000000" menu="true" allowfullscreen="true" devicefont="false" scale="showall" quality="hight" play="true" loop="true"/>');
            //document.getElementById('player').innerHTML  = '<div class="tz_center"><a class="tz_button" href="http://v.youku.com/v_show/id_XMzA1NzA2MTYwOA.html" target="_blank" onFocus="this.blur()">点击进入播放</a></div>';
            document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://player.youku.com/embed/'+sourceurl2+'" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
        
    else if(sourceplatform=='搜狐')
        if(vid!=''&&vid!=null)
            if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
            
            document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://tv.sohu.com/upload/static/share/share_play.html#'+vid+'_'+tvid+'_0_16_1" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
            else
            document.getElementById('player').innerHTML  = '<iframe id="playiframe" src="http://tv.sohu.com/upload/static/share/share_play.html#'+vid+'_'+tvid+'_0_16_1" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>';
            
        else
            document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.bbbbbb.me/jx/?url='+sourceurl+'"></iframe>');
        
        
    else if(sourceplatform=='哔哩哔哩')
        if(sourceurl2.indexOf(".html")!=-1)
            page = sourceurl2.substring(sourceurl2.lastIndexOf("/index_")+7,sourceurl2.indexOf(".html"));
        
        sourceurl2=sourceurl2.substring(sourceurl2.indexOf("av")+2,sourceurl2.lastIndexOf("/"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
        
        document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.baiyug.cn/vip/index.php?url='+sourceurl+'"></iframe>');
        else
            document.getElementById('player').innerHTML  = ('<embed id="playiframe" src="http://static.hdslb.com/miniloader.swf?aid='+sourceurl2+'&page='+page+'" type="audio/mpeg" loop="-1" autostart="false" volume="0" style=""></embed>');
        
        //<embed height="415" width="544" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="//static.hdslb.com/miniloader.swf" 
        //flashvars="aid=15280493&page=1" pluginspage="//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
        //static.hdslb.com/miniloader.swf?aid=15280493&page=1
        //https://www.bilibili.com/video/av15280493/
        
//        if (navigator.userAgent.match(/(Android)/i)) 
//        
//        document.getElementById('player').innerHTML  = ('<iframe width="100%" height="100%" src="https://api.vparse.org/?url=http://bangumi.bilibili.com/anime/'+u1+'/play#'+u2+'" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
//        else if(navigator.userAgent.match(/(iPhone|iPod|ios|iPad)/i)) 
//        document.getElementById('player').innerHTML  = ('<iframe width="100%" scrolling="no" height="100%" frameborder="0" src="http://www.bilibili.com/html/html5player.html?cid='+u3+'" marginheight="0" marginwidth="0"></iframe>');
//        else
//        document.getElementById('player').innerHTML  = '<a href="http://bangumi.bilibili.com/anime/'+u1+'/play#'+u2+'" target="_blank" onFocus="this.blur()"><img id="player" src="img/lazyload.gif" class="image"></a><br><span style="font-size:12px;color:#888;margin-right:-8px;">点击进入</span>';
//        
//        if (navigator.userAgent.match(/(iPhone|iPod|ios|iPad)/i)) 
//            if(u3==null)
//        document.getElementById('player').innerHTML  = ('<iframe width="100%" scrolling="no" height="100%" frameborder="0" src="http://www.bilibili.com/html/html5player.html?cid='+u1+'" marginheight="0" marginwidth="0"></iframe>');
//            
//            else
//        document.getElementById('player').innerHTML  = ('<iframe width="100%" scrolling="no" height="100%" frameborder="0" src="http://www.bilibili.com/html/html5player.html?cid='+u1+'" marginheight="0" marginwidth="0"></iframe>');
//            
//            
//        else if (navigator.userAgent.match(/(Android)/i)) 
//        
//        document.getElementById('player').innerHTML  = '<iframe width="100%" scrolling="no" height="100%" frameborder="0" src="http://www.bilibili.com/html/html5player.html?cid='+u1+'" marginheight="0" marginwidth="0"></iframe>';
//        
//        else 
//        
//        document.getElementById('player').innerHTML  = '<iframe width="100%" scrolling="no" height="100%" frameborder="0" src="http://www.bilibili.com/html/html5player.html?cid='+u1+'" marginheight="0" marginwidth="0"></iframe>';
//        
//        document.getElementById('player').innerHTML  = ('<embed src="http://static.hdslb.com/miniloader.swf?aid=15247398&page=1" width=400 height=300 type="audio/mpeg" loop="-1" autostart="false" volume="0" style=""></embed>');
    else if(sourceplatform=='PPTV')
        sourceurl2=sourceurl2.substring(sourceurl2.lastIndexOf("/")+1,sourceurl2.indexOf(".html"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
         
            if(vid!=''&&vid!=null)
                document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://player.pptv.com/iframe/index.html#id='+vid+'&ctx=o%3Dv_share" allowtransparency="true" scrolling="no" frameborder="0" ></iframe>');
            else
                document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.bbbbbb.me/jx/?url='+sourceurl+'"></iframe>');
            
        else
        document.getElementById('player').innerHTML  = '<embed id="playiframe" src="http://player.pptv.com/v/'+sourceurl2+'.swf" quality="high" bgcolor="#000" align="middle" allowScriptAccess="always" allownetworking="all" allowfullscreen="true" type="application/x-shockwave-flash" wmode="direct" />';
        
    else if(sourceplatform=='腾讯')
        sourceurl2=sourceurl2.substring(sourceurl2.lastIndexOf("/")+1,sourceurl2.indexOf(".html"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
        
        document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://v.qq.com/iframe/player.html?vid='+sourceurl2+'&tiny=0&auto=0" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
        else
        document.getElementById('player').innerHTML  = '<embed id="playiframe" src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid='+sourceurl2+'&auto=0" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>';
        
    
    else if(sourceplatform=='芒果')
        sourceurl2=sourceurl2.substring(sourceurl2.lastIndexOf("/")+1,sourceurl2.indexOf(".html"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
        
        document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.bbbbbb.me/jx/?url='+sourceurl+'"></iframe>');
        else
        document.getElementById('player').innerHTML  = '<embed id="playiframe" src="http://player.hunantv.com/mgtv_v5_main/main.swf?play_type=1&video_id='+sourceurl2+'" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>';
        
    else if(sourceplatform=='土豆')
        //sourceurl2=sourceurl2.substring(sourceurl2.lastIndexOf("/")+1,sourceurl2.indexOf(".html"));
        //if (navigator.userAgent.match(/(iPhone|Android|ios)/i)) 
        //
        //document.getElementById('player').innerHTML  = ('<iframe marginheight="0" marginwidth="0" src="http://www.tudou.com/programs/view/html5embed.action?code='+sourceurl2+'" frameborder="0" width="360"  height="100%" scrolling="no"></iframe>');
        //else
        //document.getElementById('player').innerHTML  = '<embed id="playiframe" width="100%" height="100%" align="middle" id="flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.tudou.com/v/'+sourceurl2+'/dW5pb25faWQ9MTAyNzQ4XzEwMDAwMV8wMV8wMQ/&videoClickNavigate=false/v.swf" type="application/x-shockwave-flash" allowscriptaccess="always" flashvars="autoPlay=true" bgcolor="#000000" menu="true" allowfullscreen="true" devicefont="false" scale="showall" quality="hight" play="true" loop="true"/>';
        //
        document.getElementById('player').innerHTML = ('<iframe id="playiframe" src="http://api.bbbbbb.me/jx/?url='+sourceurl+'"></iframe>');
    //else if(sourceplatform=='新浪')
//        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
//        
//        document.getElementById('player').innerHTML  = ('<iframe width="100%" height="100%" src="https://cosmsia.duapp.com/Sina/index.php?vid='+parent.now+'_sina" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
//        else
//        document.writeln(str);
//        document.getElementById('player').innerHTML  = '<video id="player" controls="controls" autoplay="autoplay" height="100%" width="100%" οnerrοr="playerror()" οnended="playend()"><source src="http://yunflv404.duapp.com/404/404.mp4" type="video/mp4" ></source></ video>';
//        
    else if(sourceplatform=='乐视')
        sourceurl2=sourceurl2.substring(sourceurl2.lastIndexOf("/")+1,sourceurl2.indexOf(".html"));
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) 
        
        document.getElementById('player').innerHTML  = ('<iframe id="playiframe" src="http://minisite.letv.com/tuiguang/index.shtml?vid='+sourceurl2+'&flashvars=autoPlay=1&bd=1" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>');
        else
        document.getElementById('player').innerHTML  = '<iframe id="playiframe" src="http://player.hz.letv.com/hzplayer.swf/typeFrom=dm456/v_list=35?vid='+sourceurl2+'" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling=no></iframe>';
        
    else
        //document.getElementById('player').innerHTML = ('<div class="w-30" style="position: absolute;top: 40%;left: 35%;"><input type="button" value="点击播放"  class="btn btn-success btn-block" οnclick="openurl();"/></div>');
    
    $(".sourceli").removeClass('active');
    $(obj).parent("li").addClass('active');
    divResize();

checkplayer(this);

java部分相关代码如下:

try
                                                 if (bfpt.equals("爱奇艺"))
                                                     docbftp=Jsoup.connect(string3).userAgent("Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31").timeout(5000).get();
                                                     String docString=docbftp.html();
                                                     Elements elements = docbftp.select("div#flashbox");
                                                        if (elements.size()==0)
                                                            elements = docbftp.select("div.cms-qipuId");//$(".cms-qipuId").attr("data-qipuId");
                                                            for(Element elementq : elements)
                                                                aqy=elementq.attr("data-qipuId");
                                                            
                                                            docbftp=Jsoup.connect("http://www.iqiyi.com/v_" + aqy + ".html").userAgent("Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31").timeout(5000).get();
                                                            elements = docbftp.select("div#flashbox");
                                                            for(Element elementq : elements)
                                                                vid=elementq.attr("data-player-videoid");
                                                                tvid=elementq.attr("data-player-tvid");
                                                            
                                                        else
                                                            for(Element elementq : elements)
                                                                vid=elementq.attr("data-player-videoid");
                                                                tvid=elementq.attr("data-player-tvid");
                                                            
                                                    
                                                        if (vid.equals("")||StringUtils.isBlank(tvid))
                                                            
                                                                Pattern pvid = Pattern.compile("\\"vid\\":\\".*\\",\\"cid\\"");
                                                                Pattern ptvid = Pattern.compile(",\\"tvId\\":.*,\\"vid\\":\\"");
                                                                Matcher mvid = pvid.matcher(docString);
                                                                Matcher mtvid = ptvid.matcher(docString);
                                                                   while (mvid.find())
                                                                       vid=mvid.group().replaceAll("\\"vid\\":\\"", "").replaceAll("\\",\\"cid\\"", "");
                                                                   
                                                                   while (mtvid.find())
                                                                       tvid=mtvid.group().replaceAll(",\\"tvId\\":", "").replaceAll(",\\"vid\\":\\"", "");
                                                                   
                                                        
                                                else if (bfpt.equals("搜狐"))
                                                     docbftp=Jsoup.connect(string3).userAgent("Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31").timeout(5000).get();
                                                     hString=docbftp.html();
                                                     tvid=hString.substring(hString.indexOf("var playlistId=")+16, hString.indexOf("var o_playlistId=")-5);
                                                     vid=hString.substring(hString.indexOf("var vid=")+9, hString.indexOf("var nid = ")-5);
                                                else if (bfpt.equals("PPTV"))
                                                     docbftp=Jsoup.connect(string3).userAgent("Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31").timeout(5000).get();
                                                     Elements elementbfs = docbftp.select("input#share-input3");
                                                        for(Element elementbfpt : elementbfs)
                                                            flashvars=elementbfpt.attr("value");
                                                            vid=flashvars.substring(flashvars.indexOf("#id=")+4, flashvars.indexOf("&ctx="));
                                                        
                                                else
                                                
                                             catch (Exception e)
                                                vid="";
                                                tvid="";
                                            
                                            string3 = string3.replaceAll("'", "");
                                            sql3="insert into tb_video_source values ("+bf+",'"+tbVideo.getId()+"','"+StrUtils.getNow()+"','1','"+string3+"','"+bfpt+"','"+bfsort+"','"+copyjishu+"','"+vid+"','"+tvid+"');\\r\\n";

log_maxid++;
        logsource="更新数据-更新动漫视频信息成功。共更新"+logvideo_cnt+"个动漫视频信息";
        logsource=logsource.replaceAll("'", "");
        Db.update("insert into data_log values ("+log_maxid+",'tb_video','更新数据','"+logsource+"','"+StrUtils.getNow()+"','1');\\r\\n");
        log_maxid++;
        logsource="更新数据-插入播放源成功。共新增"+logsource_cnt+"个播放源";
        logsource=logsource.replaceAll("'", "");
        Db.update("insert into data_log values ("+log_maxid+",'tb_video_source','更新数据','"+logsource+"','"+StrUtils.getNow()+"','1');\\r\\n");
        connection.commit();

主要html相关代码如下:

<% var headContent = include("/template/dm/includes/header.html") %>
<% ; var bodyContent = include("/template/dm/includes/header_menu2.html") %>
<div id="mainContent" class="container">
    <div class="h6_style" style="padding: 0;">
        <ol class="breadcrumb pl-0" style="margin: 0px;">
            <li><a href="$BASE_PATH home.html">首页</a></li>
            <li class=""><a href="$BASE_PATH front/video/$item.id.html">动漫详情</a></li>
            <li class="active">$item.name </li>
        </ol>
    </div>
    <div class="col-xs-4 col-md-2 pt-10 row">
        <figure class="mb-10 playd panel">
            <% if(!strutil.isEmpty(item.thumbnail)) %>
            <img src="$BASE_PATH file_manage/dm/video_image/$item.thumbnail"
                alt=""> <% else %>
            <img src="$BASE_PATH static/images/video/no_image.jpg" alt="">
            <% %>
            <span class="pRightBottom">$item.status==1?item.jishu+'集全':'更新至'+item.gxjishu+'集共'+item.jishu+'集'</em></span>
            <span class="plays"></span>
        </figure>
        <p class="font-14 h-25">$item.name</p>
    </div>
    <div class="col-xs-8 col-md-10 pt-10">
        <div class="col-xs-12 col-sm-12 col-md-12 padding_0 mb-5 h-20">
            <span>类型:</span> <span>$item.types</span>
        </div>
        <div class="col-xs-6 col-sm-12 col-md-12 padding_0 mb-5">
            <span>年份:</span> <span>$item.year</span>
        </div>
        <div class="col-xs-6 col-sm-12 col-md-12 padding_0 mb-5 h-20">
            <span>地区:</span> <span>$javaweb.showVideoArea(item.area)</span>
        </div>
        <div class="col-xs-6 col-sm-12 col-md-12 padding_0 m_none mb-5">
            <span>版本:</span> <span>$javaweb.showVideoVersions(item.versions)</span>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 padding_0 mb-5 h-20">
            <span>导演:</span> <span>$item.daoyan</span>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 padding_0 mb-5 h-20">
            <span>演员:</span> <span>$item.yanyuan</span>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 padding_0 mb-5">
            <div class="panel panel-default">
                <div class="">
                    <span id="remarkto">简介:$strutil.length(item.remark) >
                        (session.javaweb_is_moile?37:37)?strutil.subStringTo(item.remark,
                        0, (session.javaweb_is_moile?37:37)):item.remark</span> <span> <a
                        data-toggle="collapse" data-parent="#accordion"
                        id="collapseThreeA" href="#collapseThree" class="color-green">
                            展开<i class="fa fa-caret-down" aria-hidden="true"></i>
                    </a>
                    </span>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                    <span class="">简介:$item.remark <br />
                        $item.name在线播放高清视频资源由sky动漫岛[www.51skydao.com]收集整理,是$item.year年$javaweb.showVideoArea(item.area)$javaweb.toReplaceAll(item.types,"/","、")类的$javaweb.showVideoVersions(item.versions)动漫,是一部不错的作品哦!
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="tabs tabs-v1 col-xs-12 row">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <% for (item2 in listsou) if(item2LP.index==1) %>
            <li id="tabs_$item2LP.index" role="presentation"
                class="$item2LP.index==1?'active':''"><a
                href="#role_$item2LP.index" load="$item2LP.index==1?'1':'0'"
                index="$item2LP.index" οnclick="loadsource(this);"
                aria-controls="$item2" role="tab" data-toggle="tab"
                aria-expanded="false">$item2</a></li> <%if(listsou.~size>1)%>
            <li class="dropdown"><a href="#" id="myTabDrop1"
                class="dropdown-toggle" data-toggle="dropdown">更多播放源 <b
                    class="caret"></b>
            </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                    <% else%>
                    <li id="tabs_$item2LP.index" role="presentation"><a
                        href="#role_$item2LP.index" load="0" index="$item2LP.index"
                        οnclick="loadsource(this);" aria-controls="$item2" role="tab"
                        data-toggle="tab" aria-expanded="false">$item2</a></li> <% %>
                    <%if(listsou.~size>1)%>
                </ul></li><%%>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <% for (item3 in listsou) %>
            <div role="tabpanel"
                class="$item3LP.index==1?'tab-pane ptb-10 fade in active':'tab-pane ptb-10 fade'"
                id="role_$item3LP.index">
                <div class="tags" id="tags_role_$item3LP.index">
                    <% if(item3LP.index==1) if(videosources.~size > 0)
                    if(videosources.~size > 100) %>
                    <div class="tabs tabs-v1">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs panel" role="tablist">
                            <% var total = videosources.~size/100; for(var i = 0;i < total ;
                            i++ ) %>
                            <li id="tabs_source_$i" role="presentation"
                                class="$i==0?'active':''"><a href="#role_source_$i"
                                aria-controls="1" role="tab" data-toggle="tab"
                                aria-expanded="false">$i*100+1-$(i+1)*100集</a></li> <% %>
                        </ul>
                        <div class="tab-content">
                            <% var j=0; for(item4 in videosources)
                            if(item4LP.index==j*100+1) %>
                            <div role="tabpanel"
                                class="$j==0?'tab-pane ptb-20 active':'tab-pane ptb-20'"
                                id="role_source_$j">
                                <%%> <%if(item4LP.index<=((j+1)*100)) %> <a
                                    href="$item4.sourceurl=='javascript:void(0);'?'javascript:void(0);':BASE_PATH+'front/video/playvideo.html?sid='+item4.id+'&vid='+item.id+''"
                                    class="$item4.sourceurl=='javascript:void(0);'?'badge badge2 noLink':'badge badge2'">第$item4.sort集</a>
                                <%%> <%if(item4LP.index==((j+1)*100)) j=j+1; %>
                            </div>
                            <% %> <%%></div>
                        </div>
                    </div>
                    <%else for(item5 in videosources) %> <a
                        href="$item5.sourceurl=='javascript:void(0);'?'javascript:void(0);':BASE_PATH+'front/video/playvideo.html?sid='+item5.id+'&vid='+item.id+''"
                        class="$item5.sourceurl=='javascript:void(0);'?'badge badge2 noLink':'badge badge2'">第$item5.sort集</a>
                    <% %>
                </div>
            </div>
            <% %>
        </div>
    <div id="playdiv" class="pull-left row-rl-10">
        <h4 class="h-title mb-20 ml-7">更多推荐</h4>
        <% for(item in videos) %>
        <div class="col-md-2 col-xs-4 pb-5 padding0 lazyimg mimg">
            <figure class="mb-10 playd panel">
                <% if(!strutil.isEmpty(item.thumbnail)) %>
                <img
                    data-original="$BASE_PATH file_manage/dm/video_image/$item.thumbnail"
                    alt="$item.name"> <% else %>
                <img data-original="$BASE_PATH static/images/video/no_image.jpg"
                    alt="$item.name"> <% %>
                <span class="pRightBottom">$item.status==1?item.jishu+'集全':'更新至'+item.gxjishu+'集'</em></span>
                <a href="$BASE_PATH front/video/$item.id.html" target="_blank"
                    title="$item.name"><span class="plays5"></span></a>
            </figure>
            <p class="font-14 h-25">
                <a href="$BASE_PATH front/video/$item.id.html" target="_blank"
                    title="$item.name">$item.name</a>
            </p>
        </div>
        <% %>
    </div>
</div>
</div>
<% include("/template/dm/includes/footer.html") %>
<div id="backTop" class="back-top is-hidden-sm-down">
    <i class="fa fa-angle-up" aria-hidden="true"></i>
</div>
<script type="text/javascript">
    $(function()
        $('#collapseThree')
                .on(
                        'show.bs.collapse',
                        function()
                            $('#remarkto').hide();
                            $('#collapseThreeA')
                                    .html(
                                            "收起<i class='fa fa-caret-up' aria-hidden='true'></i>");
                        )

        $('#collapseThree')
                .on(
                        'hide.bs.collapse',
                        function()
                            $('#collapseThreeA')
                                    .html(
                                            "展开<i class='fa fa-caret-down' aria-hidden='true'></i>");
                            $('#remarkto').show();
                        )

    );
</script>
<%; layout("/pages/template/_layout.html",head:headContent,body:bodyContent) %>

超级简单计算机毕业设计java项目开发基于springboot发现美食网站的设计与实现(项目源码+数据库文档)

springboot+mysql,计算机毕业设计Java项目开发基于springboot发现美食网站的设计与实现,mysql数据库源码下载地址:请点击!》》》 查看详情

javaweb网上购物系统设计与实现(开题报告+任务书+外文翻译+论文+源码).rar

中文摘要………………………………………………………………………………Ⅰ英文摘要………………………………………………………………………………Ⅱ1网上购物系统绪论41.1系统开发背景41.1.1网上购物的发展41.1.2网上购... 查看详情

基于html汽车商城网站页面设计与实现.rar共计页面30+(毕业设计+毕业源码+答辩ppt)

摘要V关键字:html;css;jQuery;网站美化;交互设计。VI1.1选题背景及意义III1.2研究内容和拟解决的问题III(1)排版III(2)单页布局的设计III(3)交互性III1.3本章小结IV第2章前端开发工具及相关技术IV1.4前端开发环境IV... 查看详情

基于springboot的前后端分离在线课程的设计与实现(附源码)

摘要本优课程网站是根据学生和教师的实际情况设计开发的,而优课程网站是为了提高学生的学习效率而产生的。在线优课程系统采用SpringBoot技术实现的B端Web系统。其中,SpringBoot框架大大降低了后端开发模块之间的依... 查看详情

html静态网站基于数码类电商购物网站网页设计与实现共计30个页面.rar(项目源码+毕业设计+论文+答辩ppt)(代码片段)

随着互联网的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就,为网站开发提供了很好的技术支持。网站已经成为现阶段众多电商企业不可或缺的网络营销平台,互联网应用... 查看详情

学子商城网站的设计与实现(代码片段)

...计、简历模板、学习资料、面试题库、技术互助文末获取源码 一,项目简介   本设计基于Laravel框架和MySQL数据库开发,Windows作为操作系统实现。本系统在开发设计时首 查看详情

基于html电商项目的设计与实现——html静态网站基于数码类电商购物网站网页设计与实现共计30个页面...

...你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码,画面精明,排版整洁,内容丰富,主题鲜明,非常 查看详情

基于html仿华为手机网站电商项目的设计与实现

...你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码,画面精明,排版整洁,内容丰富,主题鲜明,非常 查看详情

基于ssm框架的cms内容管理系统的设计与实现(附源码论文)

摘要在这个网络高速发展的时代,在这么一个网站争霸的时代,建立一个功能性能够普及到大部分人的网站成为了目标,并且相对与企业来说,能够创建出一个更加符合大众心意的网站,或者说更加利民的网... 查看详情

基于springboot前端vue的在线办公网站的设计与实现.rar(论文+项目源码)

企业人事管理中面临着比较大的问题就是企业人员的不断增加信息量也在增长,考勤便成为难点。而使用计算机存储,就可以更轻松解决这一问题。伴随着计算机技术的飞速发展,传统的管理方式不利于企业的发展&#x... 查看详情

网站统计功能的设计与实现

关键字:网站统计设计实现 作者:方倍工作室原文: http://www.cnblogs.com/txw1958/p/website-statistic-analysis.html 本文简要介绍网站统计功能的设计与实现。本文分为以下五个部分:埋点设计与实现页面引入数据接收数据入库统... 查看详情

springboot网上订餐管理系统设计与实现.rar(项目源码)

...收藏管理、购物车管理、订单管理。项目截图:项目源码下载地址:请点击! 查看详情

基于java+ssm+vue的旅游资源网站设计与实现源码(完整源码请私聊)+论文+演示视频+包运行成功(代码片段)

...:专注于Java技术领域和毕业项目实战🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟Java项目精品实战案例(200套)目录一、效果演示二、前言介绍三、主要技术四、... 查看详情

基于仿360小说网站(校园网)的源码设计实现(升级版)

基于博文仿360小说网站的源码设计实现对小说网站的源码更新升级(动漫小说网)。网站PC电脑端效果截图:APP手机端效果截图:                  数据库相关表设计:主要包含小说id,章节id,类型ID,小... 查看详情

基于html(服饰类)电商项目项目的设计与实现(html前端源码)毕业设计.rar

高端大气的服饰类购物网站,设计功能开发:首页、商品列表页、详细页、展示页,等常用功能。设计的技术主要有html,div+css+jquery部分截图:论文下载地址:请点击》》》》 查看详情

基于j2ee的实时新闻推送网站系统的设计与实现.rar(毕业论文+程序源码+项目配置运行说明)

1绪论41.1项目开发目的和意义41.2国内外研究现状51.3项目主要的内容62相关技术介绍及环境开发条件62.1相关技术介绍62.1.1Java开发语言62.1.2MySQL数据库72.1.3Tomcat服务器72.1.4Idea开发工具72.1.5Structs2框架介绍82.1.6JSP技术概述92.2环境开发... 查看详情

基于javajspaspphpvb安卓系统毕业设计与实现论文源码下载?

...一下,大家顺遍点下赞吧在线考试制卷系统(任务书,论文,源码)net小型证券术语解释及翻译系统的设计与开发(源码,论文)原创vf员工培训管理系统(任务书,论文)asp科研信息管理系统(任务书,开题,论文,源码)android小型企业工资管理系... 查看详情

基于rifd的自习室座位管理系统设计与实现.rar(论文+项目源码)

1引言11.1选题背景11.2选题意义11.3国内外研究现状12相关技术分析32.1IDEA编译器32.2JDBC技术32.3Jquery技术43可行性分析及需求分析53.1可行性分析53.2需求分析64系统总体设计74.1开发设计思想74.2设计方案74.3网站结构分析84.4系统硬件选择... 查看详情