一、展示前台首页
1，命令行创建前台首页控制器
php artisan make:controller Index/IndexController
运行后，自动生成 App\Http\Controllers\Index\IndexController.php
2，在 \resources\views\ 下新建 Index\Index\index.blade.php 前台首页模板文件 ，完整路径为 \resources\views\Index\Index\index.blade.php
3，编辑路由 \routes\web.php，在文件最后增加代码
Route::group(['namespace'=> 'Index'],function(){//前台路由分组 Route::get('/',"indexController@index")->name('index.index.index'); });
4，前台模板的静态文件css,img,js等 复制到 \public\static\index
5， \resources\views\Index\Index\index.blade.php 的代码如下
<html lang="zh-CN" class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="HandheldFriendly" content="true"> <link rel="profile" href="http://gmpg.org/xfn/11"> <title>大牛课堂 – thinphp6.0</title> <meta name="robots" content="noindex,follow"> <link rel="dns-prefetch" href="https://s.w.org/"> <link rel="stylesheet" id="wp-block-library-css" href="{{asset('static')}}/index/css/style.min.css" type="text/css" media="all"> <link rel="stylesheet" id="zimeiti-2-style-css" href="{{asset('static')}}/index/css/style.css" type="text/css" media="all"> <link rel="stylesheet" id="genericons-style-css" href="{{asset('static')}}/index/css/genericons.css" type="text/css" media="all"> <link rel="stylesheet" id="zimeiti-2-responsive-style-css" href="{{asset('static')}}/index/css/responsive.css" type="text/css" media="all"> </script><script type="text/javascript" src="{{asset('static')}}/index/js/jquery.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/js/jquery-migrate.min.js"></script> <script type="text/javascript"> /* <![CDATA[ */ var simpleLikes = {"ajaxurl":"https:\/\/www.zhutibaba.com\/demo\/zimeiti2\/wp-admin\/admin-ajax.php","like":"\u70b9\u8d5e\u8fd9\u7bc7\u6587\u7ae0","unlike":"\u53d6\u6d88\u70b9\u8d5e"}; /* ]]> */ </script> <script type="text/javascript" src="{{asset('static')}}/index/js/simple-likes-public.js"></script> <link rel="https://api.w.org/" href="https://www.zhutibaba.com/demo/zimeiti2/wp-json/"> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.zhutibaba.com/demo/zimeiti2/xmlrpc.php?rsd"> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.zhutibaba.com/demo/zimeiti2/wp-includes/wlwmanifest.xml"> <style type="text/css" id="wp-custom-css"> .bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-pager { z-index: 90; } </style> <style type="text/css"> /* Theme Colors */ /* Primary Color */ a:hover, .sf-menu li.sfHover li a:hover, .sidebar .widget a:hover, .site-footer .widget a:hover, .author-box a:hover, .page-content a:hover, .entry-content a:hover, article.hentry .edit-link a:hover, .comment-content a:hover, .entry-meta a:hover, .entry-title a:hover, .content-list .entry-title a:hover, .pagination .page-numbers:hover, .pagination .page-numbers.current, #site-bottom a:hover, .tab-titles li.active a, .entry-category a:after, .author-box .author-meta .author-name a:hover, #featured-grid h2.section-title span { color: #ff4c4c; } h2.section-title .title, .breadcrumbs h1 span.title, .tab-titles li.active a, .pagination .page-numbers:hover, .pagination .page-numbers.current, .sidebar .widget .widget-title span, #featured-grid h2.section-title span { border-bottom-color: #ff4c4c; } button, .btn, input[type="submit"], input[type="reset"], input[type="button"], .sf-menu li a:hover, .sf-menu li.sfHover a, .entry-category a, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background-color: #ff4c4c; } @media only screen and (max-width: 767px) { #primary-nav { background-color: #ff4c4c; } } /* Secondary Color */ .site-header .search-icon:hover span, .site-header .search-icon:hover span:before, article.hentry .edit-link a, .author-box a, .page-content a, .entry-content a, .comment-author a, .comment-content a, .comment-reply-title small a:hover, .sidebar .widget a, .site-footer .widget a { color: #037ef3; } /* Tertiary Color */ #featured-grid .entry-like a.liked, h2.section-title .posts-counter strong, .popular-content .entry-meta .entry-like a.liked, .content-list .entry-meta.second-line .entry-like a.liked, .related-content .entry-meta .entry-like a.liked, .entry-tags .tag-links a, .widget_tag_cloud .tagcloud a { color: #76b852 !important; } .single #primary .entry-footer .entry-like a { background-color: #76b852; } .entry-tags .tag-links a, .widget_tag_cloud .tagcloud a { border-color: #76b852 !important; } </style> </head> <body class="home blog wp-custom-logo hfeed"> <div id="page" class="site"> <div id="content" class="site-content container clear"> <div class="left-col sidebar-2"> <div class="site-branding"> <div id="logo"> <a href="https://www.zhutibaba.com/demo/zimeiti2/" class="custom-logo-link" rel="home"><img width="240" height="120" src="{{asset('static')}}/index/imgs/logo.png" class="custom-logo" alt="自媒体二号"></a> </div><!-- #logo --> </div><!-- .site-branding --> <nav id="primary-nav" class="primary-navigation phone_menu_col_4"> <div class="menu-primary-container"> <ul id="primary-menu" class="sf-menu sf-js-enabled sf-arrows" style="touch-action: auto;"> <li id="menu-item-492" class="color1 menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-492"> <a href="https://www.zhutibaba.com/demo/zimeiti2/" aria-current="page">旅游攻略</a> </li> <li id="menu-item-492" class="color1 menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-492"> <a href="https://www.zhutibaba.com/demo/zimeiti2/" aria-current="page">教育公益</a> </li> <li id="menu-item-492" class="color1 menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-492"> <a href="https://www.zhutibaba.com/demo/zimeiti2/" aria-current="page">财经股票</a> </li> <li id="menu-item-492" class="color1 menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-492"> <a href="https://www.zhutibaba.com/demo/zimeiti2/" aria-current="page">大牛课堂</a> </li> </ul></div> </nav><!-- #primary-nav --> <!--<div id="slick-mobile-menu"></div>--> <span class="search-icon"> <span class="genericon genericon-search"> <span>搜索</span></span> <span class="genericon genericon-close"> <span>收起</span></span> </span> <div class="header-search"> <form id="searchform" method="get" action="https://www.zhutibaba.com/demo/zimeiti2/"> <input type="search" name="s" class="search-input" placeholder="请输入关键词" autocomplete="off"> <button type="submit" class="search-submit">搜索</button> </form> </div><!-- .header-search --> </div><!-- .left-col --> <div id="primary" class="content-area clear"> <div class="content-wrapper"> <!-- #featured-slider --> <!-- #featured-grid --> <main id="main" class="site-main clear"> <div id="recent-content" class="content-list"> <h2 class="section-title"> <span class="title">最新发布</span> <div class="posts-counter"> <span class="hours">今日更新<strong>0</strong>篇</span> <span class="days">文章总数<strong>56</strong>篇</span> </div> </h2> <div id="post-176" class="clear post-176 post type-post status-publish format-standard has-post-thumbnail hentry category-travel category-auto category-tech category-food category-finance tag-25 tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/176.html">呼伦贝尔: 你不可错过的辽阔草原和兴安秋色!</a></h2> <div class="entry-overview block-div"> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-08-03 </span><!-- .entry-date --> </div> <ul class="gallery-list"> <li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/176.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g8-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/176.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g7-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/176.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g6-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li> </ul> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/travel">旅游攻略</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=176&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-176" data-nonce="178f7d1a83" data-post-id="176" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(159)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/176.html#comments" class="comments-link">评论(2)</a></span> <span class="entry-views">阅读<span class="view-count">(1,635)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-176 --> <div id="post-375" class="clear post-375 post type-post status-publish format-standard has-post-thumbnail hentry category-finance tag-28 tag-30 tag-39"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/375.html">美拟补贴贸易战中受损农场主遭反对：不要补贴要市场</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/375.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/b53-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-08-02 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>特朗普政府24日宣布一项总额最高达120亿美元的农业补贴计划，以援助在美国挑起的贸易争端中受损的美国农场主。但…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/finance">财经股票</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=375&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-375" data-nonce="178f7d1a83" data-post-id="375" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(104)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/375.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(984)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-375 --> <div id="post-355" class="clear post-355 post type-post status-publish format-standard has-post-thumbnail hentry category-edu tag-28 tag-30 tag-36"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/355.html">百胜中国“捐一元”开启第十一年爱心之旅</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/355.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/b46-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-date"> 发布于 2018-08-01 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>对于贵州省三都水族自治县都江镇甲找村甲找小学的师生而言，7月24日是个美好的日子。学校里来了许多和善的叔叔阿姨…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/edu">教育公益</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=355&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-355" data-nonce="178f7d1a83" data-post-id="355" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(101)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/355.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(803)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-355 --> <div id="post-168" class="clear post-168 post type-post status-publish format-standard has-post-thumbnail hentry category-auto tag-jeep tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/168.html">JEEP全新牧马人高清官图曝光,彰显与时俱进的新一代野性!</a></h2> <div class="entry-overview block-div"> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-30 </span><!-- .entry-date --> </div> <ul class="gallery-list"> <li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/168.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g1-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/168.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g2-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/168.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g3-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li> </ul> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/auto">汽车资讯</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=168&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-168" data-nonce="178f7d1a83" data-post-id="168" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(141)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/168.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(1,024)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-168 --> <div id="post-466" class="clear post-466 post type-post status-publish format-standard has-post-thumbnail hentry category-house tag-20 tag-28 tag-30"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/466.html">多地住房公积金政策收紧 异地购房提取难度加大</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/466.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/b47-280x180.png" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-29 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>为防止提取住房公积金用于炒房投机，近日，广东、内蒙古、广西等省份和一些地级市相继调整公积金提取政策，收紧了异地…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/house">房产家居</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=466&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-466" data-nonce="178f7d1a83" data-post-id="466" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(91)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/466.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(824)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-466 --> <div id="post-147" class="clear post-147 post type-post status-publish format-standard has-post-thumbnail hentry category-tech tag-iphone tag-25 tag-26"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/147.html">最全汇总：iPhone X Plus的传闻都在这儿了</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/147.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/36-280x180.jpeg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-28 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>外界普遍预计，苹果将在两个月以后发布三款新 iPhone，包括 5.8 英寸 iPhone X 的继任者、尺寸…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/tech">科技创新</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=147&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-147" data-nonce="178f7d1a83" data-post-id="147" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(93)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/147.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(836)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-147 --> <div id="post-294" class="clear post-294 post type-post status-publish format-standard has-post-thumbnail hentry category-sports category-house category-edu category-news category-travel category-auto category-tech category-food category-finance tag-25 tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/294.html">超美的三亚,5天4晚全五星酒店高大上自由行</a></h2> <div class="entry-overview block-div"> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-27 </span><!-- .entry-date --> </div> <ul class="gallery-list"> <li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/294.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g16-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/294.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g15-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/294.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g17-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li> </ul> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/sports">体育视界</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=294&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-294" data-nonce="178f7d1a83" data-post-id="294" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(171)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/294.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(1,932)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-294 --> <div id="post-77" class="clear post-77 post type-post status-publish format-standard has-post-thumbnail hentry category-sports tag-25 tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/77.html">中国小将阿不都沙拉木完成夏联首秀 助勇士拿下三连胜</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/77.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/20-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-27 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>北京时间7月6日，NBA夏季联赛继续进行，金州勇士队77-71战胜洛杉矶湖人队。中国球员阿不都沙拉木代表勇士完…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/sports">体育视界</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=77&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-77" data-nonce="178f7d1a83" data-post-id="77" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(76)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/77.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(771)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-77 --> <div id="post-13" class="clear post-13 post type-post status-publish format-standard has-post-thumbnail hentry category-auto tag-25 tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/13.html">重拳布局智能网联 东风启辰逆势跑赢上半年</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/13.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/3-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-27 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>东风启辰对外公布了“期中成绩单”：1-6月，启辰累计销量75301辆，同比增长17.5%，终端交车72232辆，同比增长15.9%。</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/auto">汽车资讯</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=13&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-13" data-nonce="178f7d1a83" data-post-id="13" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(71)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/13.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(520)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-13 --> <div id="post-195" class="clear post-195 post type-post status-publish format-standard has-post-thumbnail hentry category-auto tag-25 tag-26 tag-27"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/195.html">特斯拉Model 3高清官图公布:设计极简 配15英寸大号iPad</a></h2> <div class="entry-overview block-div"> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-26 </span><!-- .entry-date --> </div> <ul class="gallery-list"> <li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/195.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g14-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/195.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/g11-1-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li><li class="ht_fixed_grid_1_3"><a class="thumb-link" href="https://www.zhutibaba.com/demo/zimeiti2/195.html"><div class="thumbnail-wrap"><img width="280" height="180" src="{{asset('static')}}/index/imgs/4-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb" alt=""></div></a></li> </ul> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/auto">汽车资讯</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=195&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-195" data-nonce="178f7d1a83" data-post-id="195" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(54)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/195.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(621)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-195 --> <div id="post-380" class="clear post-380 post type-post status-publish format-standard has-post-thumbnail hentry category-food tag-28 tag-30 tag-32"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/380.html">菜市场的这4种猪肉，再便宜也不能买，主妇必看</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/380.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/b54-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-25 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>现如今，越来越多的小伙伴加入到无肉不欢的队伍中来，可见肉是多么勾人胃口。今天发哥要说的，是最常见的猪肉，菜场的…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/food">美食天地</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=380&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-380" data-nonce="178f7d1a83" data-post-id="380" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(102)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/380.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(980)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-380 --> <div id="post-371" class="clear last post-371 post type-post status-publish format-standard has-post-thumbnail hentry category-finance tag-28 tag-30 tag-39"> <h2 class="entry-title"><a href="https://www.zhutibaba.com/demo/zimeiti2/371.html">发改委：中美贸易摩擦背景下就业信心来自三方面</a></h2> <a class="thumbnail-link" href="https://www.zhutibaba.com/demo/zimeiti2/371.html"> <div class="thumbnail-wrap"> <img width="280" height="180" src="{{asset('static')}}/index/imgs/b52-280x180.jpg" class="attachment-zimeiti_2_list_thumb size-zimeiti_2_list_thumb wp-post-image" alt=""> </div><!-- .thumbnail-wrap --> </a> <div class="entry-overview "> <div class="entry-meta first-line"> <span class="entry-author"> <a href="https://www.zhutibaba.com/demo/zimeiti2/author/zhutibaba"> <img alt="" src="{{asset('static')}}/index/imgs/4c2ed72c6be86742f05e9750110d5731.png" srcset="https://secure.gravatar.com/avatar/4c2ed72c6be86742f05e9750110d5731?s=160&d=mm&r=g 2x" class="avatar avatar-80 photo" height="80" width="80"> 网站小编 </a> </span><!-- .entry-author --> <span class="entry-date"> 发布于 2018-07-25 </span><!-- .entry-date --> </div> <div class="entry-summary"> <p>国家发改委在中配楼三层大会议室召开专题新闻发布会，发展改革委就业司巡视员哈增友在回答记者关于“中美贸易摩擦升级…</p> </div><!-- .entry-summary --> </div><!-- .entry-overview --> <div class="entry-meta second-line"> <span class="entry-category"> <a href="https://www.zhutibaba.com/demo/zimeiti2/category/finance">财经股票</a> </span><!-- .entry-category --> <span class="entry-like"> <span class="sl-wrapper"><a href="https://www.zhutibaba.com/demo/zimeiti2/wp-admin/admin-ajax.php?action=process_simple_like&post_id=371&nonce=178f7d1a83&is_comment=0&disabled=true" class="sl-button sl-button-371" data-nonce="178f7d1a83" data-post-id="371" data-iscomment="0" title="点赞这篇文章"><span class="sl-count"><i class="fa fa-thumbs-o-up"></i> 点赞(85)</span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> <span class="entry-comment"><a href="https://www.zhutibaba.com/demo/zimeiti2/371.html#respond" class="comments-link">评论(0)</a></span> <span class="entry-views">阅读<span class="view-count">(698)</span> </span> </div><!-- .entry-meta --> </div><!-- #post-371 --> </div><!-- #recent-content --> </main><!-- .site-main --> <nav class="navigation pagination" role="navigation"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="https://www.zhutibaba.com/demo/zimeiti2/page/2">2</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://www.zhutibaba.com/demo/zimeiti2/page/5">5</a> <a class="next page-numbers" href="https://www.zhutibaba.com/demo/zimeiti2/page/2">下一页</a></div> </nav> </div><!-- .content-wrapper --> </div><!-- #primary --> <aside id="secondary" class="widget-area sidebar"> <div id="search-2" class="widget widget_search"><form id="searchform" method="get" action="https://www.zhutibaba.com/demo/zimeiti2/"> <input type="search" name="s" class="search-input" placeholder="请输入关键词" autocomplete="off"> <button type="submit" class="search-submit">搜索</button> </form></div><div id="zimeiti_2-views-2" class="widget widget-zimeiti_2-views widget_posts_thumbnail"><h2 class="widget-title"><span>浏览最多的文章<span></span></span></h2><ul><li class="clear"><a href="https://www.zhutibaba.com/demo/zimeiti2/294.html" rel="bookmark"><div class="thumbnail-wrap"><img width="120" height="85" src="{{asset('static')}}/index/imgs/g17-120x85.jpg" class="attachment-zimeiti_2_widget_post_thumb size-zimeiti_2_widget_post_thumb wp-post-image" alt=""></div></a><div class="entry-wrap"><a href="https://www.zhutibaba.com/demo/zimeiti2/294.html" rel="bookmark">超美的三亚,5天4晚全五星酒店高大上自由行</a><div class="entry-meta">2018-07-27</div></div></li><li class="clear"><a href="https://www.zhutibaba.com/demo/zimeiti2/176.html" rel="bookmark"><div class="thumbnail-wrap"><img width="120" height="85" src="{{asset('static')}}/index/imgs/g8-120x85.jpg" class="attachment-zimeiti_2_widget_post_thumb size-zimeiti_2_widget_post_thumb wp-post-image" alt=""></div></a><div class="entry-wrap"><a href="https://www.zhutibaba.com/demo/zimeiti2/176.html" rel="bookmark">呼伦贝尔: 你不可错过的辽阔草原和兴安秋色!</a><div class="entry-meta">2018-08-03</div></div></li><li class="clear"><a href="https://www.zhutibaba.com/demo/zimeiti2/341.html" rel="bookmark"><div class="thumbnail-wrap"><img width="120" height="85" src="{{asset('static')}}/index/imgs/b43-120x85.jpeg" class="attachment-zimeiti_2_widget_post_thumb size-zimeiti_2_widget_post_thumb wp-post-image" alt=""></div></a><div class="entry-wrap"><a href="https://www.zhutibaba.com/demo/zimeiti2/341.html" rel="bookmark">海关总署：已立即暂停采购和使用长春长生各类疫苗</a><div class="entry-meta">2018-07-25</div></div></li><li class="clear"><a href="https://www.zhutibaba.com/demo/zimeiti2/70.html" rel="bookmark"><div class="thumbnail-wrap"><img width="120" height="85" src="{{asset('static')}}/index/imgs/18-120x85.jpg" class="attachment-zimeiti_2_widget_post_thumb size-zimeiti_2_widget_post_thumb wp-post-image" alt=""></div></a><div class="entry-wrap"><a href="https://www.zhutibaba.com/demo/zimeiti2/70.html" rel="bookmark">世界杯最大牌女球迷，一举动令人钦佩</a><div class="entry-meta">2018-07-07</div></div></li><li class="clear"><a href="https://www.zhutibaba.com/demo/zimeiti2/168.html" rel="bookmark"><div class="thumbnail-wrap"><img width="120" height="85" src="{{asset('static')}}/index/imgs/g1-120x85.jpg" class="attachment-zimeiti_2_widget_post_thumb size-zimeiti_2_widget_post_thumb wp-post-image" alt=""></div></a><div class="entry-wrap"><a href="https://www.zhutibaba.com/demo/zimeiti2/168.html" rel="bookmark">JEEP全新牧马人高清官图曝光,彰显与时俱进的新一代野性!</a><div class="entry-meta">2018-07-30</div></div></li></ul></div></aside><!-- #secondary --> </div><!-- #content .site-content --> <div class="container"> <footer id="colophon" class="site-footer"> <!-- .footer-columns --> <div class="clear"></div> <!-- #site-bottom --> </footer><!-- #colophon --> </div><!-- .container --> </div><!-- #page --> <script> </script><script type="text/javascript" src="{{asset('static')}}/index/imgs/superfish.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/jquery.slicknav.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/modernizr.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/html5.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/jquery.bxslider.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/jquery.custom.js"></script> <script type="text/javascript" src="{{asset('static')}}/index/imgs/wp-embed.min.js"></script> <div id="back-top" style="display: none;"> <a href="https://www.zhutibaba.com/demo/zimeiti2/#top" title="返回顶部"><span class="genericon genericon-collapse"></span></a> </div> <script> (function($){ //create closure so we can safely use $ as alias for jQuery $(document).ready(function(){ "use strict"; /*-----------------------------------------------------------------------------------*/ /* Slick Mobile Menu /*-----------------------------------------------------------------------------------*/ $('#primary-menu').slicknav({ prependTo: '#slick-mobile-menu', allowParentLinks: true, label: '导航' }); }); })(jQuery); </script> <!-- WP Super Cache: 已禁用已知用户的缓存。 用户已登录或已找到cookie。 --> </body></html>
6，浏览器访问 http://laravel.pensive.top 前台首页 如下
成功 展示前台首页 。
二、列表页
1，命令行输入命令 创建前台CateController.php 列表控制器
php artisan make:controller Index/CateController
2，命令行输入命令 创建前台ArticleController.php 文章控制器
php artisan make:controller Index/ArticleController
3，新建前台 列表模板 和 文章模板
4，编辑路由 \routes\web.php，在前台路由分组下 增加 访问 前台文章列表的路由
Route::get('cate/{id}',"cateController@index")->name('index.cate.index')->where(['id'=>'\d+']);
5，浏览器 访问 http://laravel.pensive.top/cate/2 ，能正常访问代表路由设置成功。
END