在好例子网，分享、交流、成长！
您当前所在位置：首页 → PHP 开发实例 → PHP语言基础 → thinkPHP5+bootstrap博客源码例子

thinkPHP5+bootstrap博客源码例子

PHP语言基础

下载此实例
  • 开发语言：PHP
  • 实例大小：4.97M
  • 下载次数：142
  • 浏览次数：2617
  • 发布时间：2017-09-19
  • 实例类别：PHP语言基础
  • 发 布 人：restart913
  • 文件格式：.zip
  • 所需积分：1
 相关标签： php 源码 thinkPHP thinkPHP5 bootstrap
网友评论 举报投诉 收藏该页

实例介绍

【实例简介】thinkPHP5 bootstrap博客源码例子

【实例截图】from clipboard



【核心代码】

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--手机端-->
<!--width - viewport的宽度,height - viewport的高度,initial-scale - 初始的缩放比例,minimum-scale - 允许用户缩放到的最小比例,maximum-scale - 允许用户缩放到的最大比例,user-scalable - 用户是否可以手动缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<title>异清轩技术博客 - POWERED BY WY ALL RIGHTS RESERVED</title>
<link href="__INDEX_CSS__/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="__INDEX_CSS__/style.css" type="text/css" rel="stylesheet">
<link type="text/css" href="css/nprogress.css" rel="stylesheet">
<!--[if lt IE 9]>
    <script src="js/html5shiv.min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
    <script src="js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<!--IPhone和IPad桌面图标-->
<link rel="apple-touch-icon-precomposed" href="__INDEX_IMG__/icon/icon.png">
<!--浏览器地址图标-->
<link rel="shortcut icon" href="__INDEX_IMG__/icon/favicon.ico">
<meta name="Keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
//判断浏览器是否支持HTML5
window.onload = function() {
if (!window.applicationCache) {
window.location.href="ie.html";
}
}
</script>
<style>

</style>
</head>

<body>
<section class="container user-select">
  {include file="public/header" /}
  <!--/超小屏幕可见-->
  <div class="content-wrap"><!--内容-->
    <div class="content">
      <div id="carousel-example-generic"  data-ride="carousel"> <!--banner-->
        <div class="container_1">
<div id="carousel_1">
<figure><img src="__INDEX_IMG__/1.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/2.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/3.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/4.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/5.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/6.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/7.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/8.jpg" alt=""></figure>
<figure><img src="__INDEX_IMG__/9.jpg" alt=""></figure>
</div>
</div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
      <!--/banner-->
      <div class="content-block hot-content hidden-xs">
        <h2 class="title"><strong>本周热门排行</strong></h2>
        <ul>
          <li class="large"><a href="{:url('Content/index')}" ><img src="__INDEX_IMG__/img3.jpg" alt="">
            <h3> 欢迎来到异清轩技术博客 </h3>
            </a></li>
          <li><a href="{:url('Content/index')}" ><img src="__INDEX_IMG__/logo.jpg" alt="">
            <h3> 欢迎来到异清轩技术博客,在这里可以看到网站前端和后端的技术等 </h3>
            </a></li>
          <li><a href="{:url('Content/index')}"><img src="__INDEX_IMG__/img2.jpg" alt="">
            <h3> 欢迎来到异清轩技术博客,在这里可以看到网站前端和后端的技术等 </h3>
            </a></li>
          <li><a href="{:url('Content/index')}" ><img src="__INDEX_IMG__/img1.jpg" alt="">
            <h3> 欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 </h3>
            </a></li>
          <li><a href="{:url('Content/index')}"><img src="__INDEX_IMG__/logo.jpg" alt="">
            <h3> 欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 </h3>
            </a></li>
        </ul>
      </div>
      <div class="content-block new-content">
        <h2 class="title"><strong>最新文章</strong></h2>
        <div class="row">
          <div class="news-list">
            <div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="__INDEX_IMG__//logo.jpg" alt=""> </a> </div>
            <div class="news-info col-xs-7 col-sm-7 col-md-8">
              <dl>
                <dt> <a href="" target="_blank" > 异清轩技术博客正式上线！ </a> </dt>
                <dd><span class="name"><a href="" title="由 异清轩 发布" rel="author">异清轩</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd>
                <dd class="text">欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术，还有CMS内容管理系统，包括但不限于这些还有CMS内容管理系统，包括但不限于这些。</dd>
              </dl>
              <div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">异清轩</a> </span> <span class="look"> 共 <strong>2126</strong> 人围观，发现 <strong> 12 </strong> 个不明物体 </span> </div>
            </div>
          </div>
          
        </div>
        <!--<div class="news-more" id="pagination">
        <a href="">查看更多</a>
        </div>-->
        <div class="quotes" style="margin-top:15px"><span class="disabled">首页</span><span class="disabled">上一页</span><span class="current">1</span><a href="">2</a><a href="">下一页</a><a href="">尾页</a></div>
      </div>
    </div>
  </div>
  <!--/内容-->
  <aside class="sidebar visible-lg"><!--右侧>992px显示-->
    <div class="sentence"> <strong>每日一句</strong>
      <h2>2015年11月1日 星期日</h2>
      <p>你是我人生中唯一的主角，我却只能是你故事中的一晃而过得路人甲。</p>
    </div>
    <div id="search" class="sidebar-block search" role="search">
      <h2 class="title"><strong>搜索</strong></h2>
      <form class="navbar-form" action="search.php" method="post">
        <div class="input-group">
          <input type="text" class="form-control" size="35" placeholder="请输入关键字">
          <span class="input-group-btn">
          <button class="btn btn-default btn-search" type="submit">搜索</button>
          </span> </div>
      </form>
    </div>
    <div class="sidebar-block recommend">
      <h2 class="title"><strong>热门推荐</strong></h2>
      <ul>
        <li><a target="_blank" href=""> <span class="thumb"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text">异清轩技术博客的SHORTCUT和ICON图标 ...</span> <span class="text-muted">阅读(2165)</span></a></li>
        <li><a target="_blank" href=""> <span class="thumb"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text">异清轩技术博客的SHORTCUT和ICON图标 ...</span> <span class="text-muted">阅读(2165)</span></a></li>
        <li><a target="_blank" href=""> <span class="thumb"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text">异清轩技术博客的SHORTCUT和ICON图标 ...</span> <span class="text-muted">阅读(2165)</span></a></li>
        <li><a target="_blank" href=""> <span class="thumb"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text">异清轩技术博客的SHORTCUT和ICON图标 ...</span> <span class="text-muted">阅读(2165)</span></a></li>
        <li><a target="_blank" href=""> <span class="thumb"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text">异清轩技术博客的SHORTCUT和ICON图标 ...</span> <span class="text-muted">阅读(2165)</span></a></li>
      </ul>
    </div>
    <div class="sidebar-block comment">
      <h2 class="title"><strong>最新评论</strong></h2>
      <ul>
        <li data-toggle="tooltip" data-placement="top" title="站长的评论"><a target="_blank" href=""><span class="face"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text"><strong>异清轩站长</strong> (2015-10-18) 说：<br />
          欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 ...</span></a></li>
        <li data-toggle="tooltip" data-placement="top" title="读者墙上的评论"><a target="_blank" href=""><span class="face"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text"><strong>异清轩站长</strong> (2015-10-18) 说：<br />
          欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 ...</span></a></li>
        <li data-toggle="tooltip" data-placement="top" title="异清轩技术博客的SHORTCUT和ICON图标...的评论"><a target="_blank" href=""><span class="face"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text"><strong>异清轩站长</strong> (2015-10-18) 说：<br />
          欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 ...</span></a></li>
        <li data-toggle="tooltip" data-placement="top" title="异清轩技术博客的SHORTCUT和ICON图标...的评论"><a target="_blank" href=""><span class="face"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text"><strong>异清轩站长</strong> (2015-10-18) 说：<br />
          欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 ...</span></a></li>
        <li data-toggle="tooltip" data-placement="top" title="异清轩技术博客的SHORTCUT和ICON图标...的评论"><a target="_blank" href=""><span class="face"><img src="__INDEX_IMG__/icon/icon.png" alt=""></span> <span class="text"><strong>异清轩站长</strong> (2015-10-18) 说：<br />
          欢迎来到异清轩技术博客，在这里可以看到网站前端和后端的技术等 ...</span></a></li>
      </ul>
    </div>
  </aside>
  <!--/右侧>992px显示-->
  <footer class="footer">POWERED BY &copy;<a href="http://www.ylsat.com">异清轩 YLSAT.COM</a> ALL RIGHTS RESERVED &nbsp;&nbsp;&nbsp;<span><a href="http://www.miitbeian.gov.cn/" target="_blank">豫ICP备15026801号-1</a></span> <span style="display:none"><a href="">网站统计</a></span> </footer>
</section>
<div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
<!--/返回顶部--> 
<script src="__INDEX_JS__/jquery-2.1.4.min.js" type="text/javascript"></script> 
<script src="__INDEX_JS__/nprogress.js" type="text/javascript" ></script> 
<script src="__INDEX_JS__/bootstrap.min.js" type="text/javascript"></script> 
<script type="text/javascript">
//页面加载
$('body').show();
$('.version').text(NProgress.version);
NProgress.start();
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
//返回顶部按钮
$(function(){
$(window).scroll(function(){
if($(window).scrollTop()>100){
$(".gotop").fadeIn();
}
else{
$(".gotop").hide();
}
});
$(".gotop").click(function(){
$('html,body').animate({'scrollTop':0},500);
});
});
//提示插件启用
$(function () {
  $('[data-toggle="popover"]').popover();
});
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
//鼠标滑过显示 滑离隐藏
$(function(){
$(".carousel").hover(function(){
$(this).find(".carousel-control").show();
},function(){
$(this).find(".carousel-control").hide();
});
});
$(function(){
$(".hot-content ul li").hover(function(){
$(this).find("h3").show();
},function(){
$(this).find("h3").hide();
});
});
//页面元素智能定位
$.fn.smartFloat = function() { 
var position = function(element) { 
var top = element.position().top; //当前元素对象element距离浏览器上边缘的距离 
var pos = element.css("position"); //当前元素距离页面document顶部的距离
$(window).scroll(function() { //侦听滚动时 
var scrolls = $(this).scrollTop(); 
if (scrolls > top) { //如果滚动到页面超出了当前元素element的相对页面顶部的高度 
if (window.XMLHttpRequest) { //如果不是ie6 
element.css({ //设置css 
position: "fixed", //固定定位,即不再跟随滚动 
top: 0 //距离页面顶部为0 
}).addClass("shadow"); //加上阴影样式.shadow 
} else { //如果是ie6 
element.css({ 
top: scrolls  //与页面顶部距离 
});     
} 
}else { 
element.css({ //如果当前元素element未滚动到浏览器上边缘，则使用默认样式 
position: pos, 
top: top 
}).removeClass("shadow");//移除阴影样式.shadow 
} 
}); 
}; 
return $(this).each(function() { 
position($(this));                          
}); 
}; 
//启用页面元素智能定位
$(function(){
$("#search").smartFloat();
});
//异步加载更多内容
jQuery("#pagination a").on("click", function ()
{
    var _url = jQuery(this).attr("href");
    var _text = jQuery(this).text();
    jQuery(this).attr("href", "javascript:viod(0);");
    jQuery.ajax(
    {
        type : "POST",
        url : _url,
        success : function (data)
        {
            //将返回的数据进行处理，挑选出class是news-list的内容块
            result = jQuery(data).find(".row .news-list");
            //newHref获取返回的内容中的下一页的链接地址
            nextHref = jQuery(data).find("#pagination a").attr("href");
            jQuery(this).attr("href", _url);
            if (nextHref != undefined)
            {
                jQuery("#pagination a").attr("href", nextHref);
            }
else
            {
                jQuery("#pagination a").html("下一页没有了").removeAttr("href")
            }
            // 渐显新内容
            jQuery(function ()
            {
                jQuery(".row").append(result.fadeIn(300));
                jQuery("img").lazyload(
                {
                    effect : "fadeIn"
                });
            });
        }
    });
    return false;
});
</script>
</body>
</html>



标签： php 源码 thinkPHP thinkPHP5 bootstrap

实例下载地址

thinkPHP5+bootstrap博客源码例子

不能下载？内容有错？ 点击这里报错 + 投诉 + 提问

好例子网口号：伸出你的我的手 — 分享！

相关软件

相关文章

网友评论

我要评论

第 1 楼 wangsusu 发表于: 2018-04-23 12:28 53
好坑啊 就是几个静态页面

支持(0) 盖楼(回复)

第 2 楼 五华 发表于: 2018-11-19 11:02 01
下载了，没看到怎么安装的方法，弄了半天不懂，等于没有用...

支持(0) 盖楼(回复)

第 3 楼 0705 发表于: 2018-12-13 14:42 10
下载了，报错。尴尬啊!

支持(0) 盖楼(回复)

第 4 楼 0705 发表于: 2018-12-13 14:44 32
报错：模块不存在:ie 希望作者给个答复!

支持(0) 盖楼(回复)

发表评论

(您的评论需要经过审核才能显示)

查看所有4条评论>>

小贴士

感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警