动漫网站源码设计与实现

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

PC电脑端效果截图：

APP手机端效果截图：

数据库相关表设计如下：

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

信息采集使用jsoup爬取

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

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}){} %>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/38428.html

动漫网站源码设计与实现

相关推荐

发表回复