public/base.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="">

    <meta name="author" content="">

    <title>{block name="title"}1、浏览器窗口的标题{/block}</title>

    <!-- Bootstrap Core CSS* -->

    <link href="__ADMIN__/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS* -->

    <link href="__ADMIN__/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS* -->

    <link href="__ADMIN__/css/sb-admin-2.min.css" rel="stylesheet">

    <!-- Custom Fonts* -->

    <link href="__ADMIN__/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- 2、专属css开始 -->

    {block name="pagecss"} <link href="" rel="stylesheet" type="text/css" > {/block}

    <!-- 专属css结束 --> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>

        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->

        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

            {include file="public/header" /}

            {include file="public/menu" /}

        </nav>

        <div id="page-wrapper">

            <div class="row">

                <div class="col-lg-12">

                    <h1 class="page-header">

                        <!--3、这里是需要改变的标题-->

                        {block name="pagetitle"}标题：如用户列表{/block}

                    </h1>

                </div>

                <!-- /.col-lg-12 -->

            </div>

            <!-- /.row -->

            {block name="main"}

                网站主要内容！！！

            {/block}

            <!-- /.row -->

        </div>

        <!-- /#page-wrapper -->

    </div>

    <!-- /#wrapper -->

    <!-- jQuery* -->

    <script src="__ADMIN__/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript* -->

    <script src="__ADMIN__/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript* -->

    <script src="__ADMIN__/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript* -->

    <script src="__ADMIN__/js/sb-admin-2.min.js"></script>

    <!-- 5、页面专属js开始 -->

    {block name="pagejs"}

        <script src="" type="text/javascript"></script>

    {/block}

    <!-- 页面专属js结束 -->

    <!-- 6、页面专属自定义js开始 -->

    {block name="customjs"}

        <script type="text/javascript">

        </script>

    {/block}

    <!-- 页面专属自定义js结束 -->   

</body>

</html>

public/header.html

            <div class="navbar-header">

                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

                    <span class="sr-only">Toggle navigation</span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </button>

                <a class="navbar-brand" href="index.html">SB Admin v2.0</a>

            </div>

            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right">

                <li class="dropdown">

                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">

                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>

                    </a>

                    <ul class="dropdown-menu dropdown-messages">

                        <li>

                            <a href="#">

                                <div>

                                    <strong>John Smith</strong>

                                    <span class="pull-right text-muted">

                                        <em>Yesterday</em>

                                    </span>

                                </div>

                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <strong>John Smith</strong>

                                    <span class="pull-right text-muted">

                                        <em>Yesterday</em>

                                    </span>

                                </div>

                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <strong>John Smith</strong>

                                    <span class="pull-right text-muted">

                                        <em>Yesterday</em>

                                    </span>

                                </div>

                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a class="text-center" href="#">

                                <strong>Read All Messages</strong>

                                <i class="fa fa-angle-right"></i>

                            </a>

                        </li>

                    </ul>

                    <!-- /.dropdown-messages -->

                </li>

                <!-- /.dropdown -->

                <li class="dropdown">

                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">

                        <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>

                    </a>

                    <ul class="dropdown-menu dropdown-tasks">

                        <li>

                            <a href="#">

                                <div>

                                    <p>

                                        <strong>Task 1</strong>

                                        <span class="pull-right text-muted">40% Complete</span>

                                    </p>

                                    <div class="progress progress-striped active">

                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">

                                            <span class="sr-only">40% Complete (success)</span>

                                        </div>

                                    </div>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <p>

                                        <strong>Task 2</strong>

                                        <span class="pull-right text-muted">20% Complete</span>

                                    </p>

                                    <div class="progress progress-striped active">

                                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">

                                            <span class="sr-only">20% Complete</span>

                                        </div>

                                    </div>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <p>

                                        <strong>Task 3</strong>

                                        <span class="pull-right text-muted">60% Complete</span>

                                    </p>

                                    <div class="progress progress-striped active">

                                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">

                                            <span class="sr-only">60% Complete (warning)</span>

                                        </div>

                                    </div>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <p>

                                        <strong>Task 4</strong>

                                        <span class="pull-right text-muted">80% Complete</span>

                                    </p>

                                    <div class="progress progress-striped active">

                                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">

                                            <span class="sr-only">80% Complete (danger)</span>

                                        </div>

                                    </div>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a class="text-center" href="#">

                                <strong>See All Tasks</strong>

                                <i class="fa fa-angle-right"></i>

                            </a>

                        </li>

                    </ul>

                    <!-- /.dropdown-tasks -->

                </li>

                <!-- /.dropdown -->

                <li class="dropdown">

                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">

                        <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>

                    </a>

                    <ul class="dropdown-menu dropdown-alerts">

                        <li>

                            <a href="#">

                                <div>

                                    <i class="fa fa-comment fa-fw"></i> New Comment

                                    <span class="pull-right text-muted small">4 minutes ago</span>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers

                                    <span class="pull-right text-muted small">12 minutes ago</span>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <i class="fa fa-envelope fa-fw"></i> Message Sent

                                    <span class="pull-right text-muted small">4 minutes ago</span>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <i class="fa fa-tasks fa-fw"></i> New Task

                                    <span class="pull-right text-muted small">4 minutes ago</span>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a href="#">

                                <div>

                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted

                                    <span class="pull-right text-muted small">4 minutes ago</span>

                                </div>

                            </a>

                        </li>

                        <li class="divider"></li>

                        <li>

                            <a class="text-center" href="#">

                                <strong>See All Alerts</strong>

                                <i class="fa fa-angle-right"></i>

                            </a>

                        </li>

                    </ul>

                    <!-- /.dropdown-alerts -->

                </li>

                <!-- /.dropdown -->

                <li class="dropdown">

                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">

                        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>

                    </a>

                    <ul class="dropdown-menu dropdown-user">

                        <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>

                        </li>

                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>

                        </li>

                        <li class="divider"></li>

                        <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Logout</a>

                        </li>

                    </ul>

                    <!-- /.dropdown-user -->

                </li>

                <!-- /.dropdown -->

            </ul>

            <!-- /.navbar-top-links -->

public/menu.html

            <div class="navbar-default sidebar" role="navigation">

                <div class="sidebar-nav navbar-collapse">

                    <ul class="nav" id="side-menu">

                        <li class="sidebar-search">

                            <div class="input-group custom-search-form">

                                <input type="text" class="form-control" placeholder="Search...">

                                <span class="input-group-btn">

                                <button class="btn btn-default" type="button">

                                    <i class="fa fa-search"></i>

                                </button>

                            </span>

                            </div>

                            <!-- /input-group -->

                        </li>

                        <li>

                            <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

                        </li>

                        <li>

                            <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>

                            <ul class="nav nav-second-level">

                                <li>

                                    <a href="flot.html">Flot Charts</a>

                                </li>

                                <li>

                                    <a href="morris.html">Morris.js Charts</a>

                                </li>

                            </ul>

                            <!-- /.nav-second-level -->

                        </li>

                        <li>

                            <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>

                        </li>

                        <li>

                            <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>

                        </li>

                        <li>

                            <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>

                            <ul class="nav nav-second-level">

                                <li>

                                    <a href="panels-wells.html">Panels and Wells</a>

                                </li>

                                <li>

                                    <a href="buttons.html">Buttons</a>

                                </li>

                                <li>

                                    <a href="notifications.html">Notifications</a>

                                </li>

                                <li>

                                    <a href="typography.html">Typography</a>

                                </li>

                                <li>

                                    <a href="icons.html"> Icons</a>

                                </li>

                                <li>

                                    <a href="grid.html">Grid</a>

                                </li>

                            </ul>

                            <!-- /.nav-second-level -->

                        </li>

                        <li>

                            <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>

                            <ul class="nav nav-second-level">

                                <li>

                                    <a href="#">Second Level Item</a>

                                </li>

                                <li>

                                    <a href="#">Second Level Item</a>

                                </li>

                                <li>

                                    <a href="#">Third Level <span class="fa arrow"></span></a>

                                    <ul class="nav nav-third-level">

                                        <li>

                                            <a href="#">Third Level Item</a>

                                        </li>

                                        <li>

                                            <a href="#">Third Level Item</a>

                                        </li>

                                        <li>

                                            <a href="#">Third Level Item</a>

                                        </li>

                                        <li>

                                            <a href="#">Third Level Item</a>

                                        </li>

                                    </ul>

                                    <!-- /.nav-third-level -->

                                </li>

                            </ul>

                            <!-- /.nav-second-level -->

                        </li>

                        <li>

                            <a href="#"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>

                            <ul class="nav nav-second-level">

                                <li>

                                    <a href="blank.html">Blank Page</a>

                                </li>

                                <li>

                                    <a href="login.html">Login Page</a>

                                </li>

                            </ul>

                            <!-- /.nav-second-level -->

                        </li>

                    </ul>

                </div>

                <!-- /.sidebar-collapse -->

            </div>

            <!-- /.navbar-static-side -->

index/index.html

{extend name="public/base" /}

{block name="title"}租赁网站{/block}

{block name="pagetitle"}首页{/block}

{block name="pagecss"}

    <!-- DataTables CSS -->

    <link href="__ADMIN__/vendor/datatables-plugins/dataTables.bootstrap.css" rel="stylesheet">

    <!-- DataTables Responsive CSS -->

    <link href="__ADMIN__/vendor/datatables-responsive/dataTables.responsive.css" rel="stylesheet">

{/block}

{block name="pagejs"}

    <!-- DataTables JavaScript -->

    <script src="__ADMIN__/vendor/datatables/js/jquery.dataTables.min.js"></script>

    <script src="__ADMIN__/vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>

    <script src="__ADMIN__/vendor/datatables-responsive/dataTables.responsive.js"></script>

{/block}

{block name="customjs"}

    <!-- Page-Level Demo Scripts - Tables - Use for reference -->

    <script>

    $(document).ready(function() {

        $('#dataTables-example').DataTable({

            responsive: true,

                        'language':{

                "emptyTable":     "没有数据",

                "info":           "从 _TOTAL_ 数据中显示 _START_ 到 _END_ 条数据",

                "infoEmpty":      "从0条记录中显示0到0条记录",

                "infoFiltered":   "(查询筛选时总共过滤 _MAX_ 条)",

                "infoPostFix":    "",

                "thousands":      ",",

                "lengthMenu":     "每页显示 _MENU_ 记录(数据)",

                "loadingRecords": "加载中...",

                "processing":     "查询中...",

                "search":         "查询筛选:",

                "zeroRecords":    "没有数据",

                "paginate": {

                    "first":      "首页",

                    "last":       "尾页",

                    "next":       "下一页",

                    "previous":   "上一页"

                },

                "aria": {

                    "sortAscending":  " : 以升序排列此列",

                    "sortDescending": " : 以降序排列此列"

                } ,

                    'info': '第 _PAGE_ 页 / 总 _PAGES_ 页', //加上这条 language里的info会被覆盖将不再显示

                    'infoEmpty': '没有数据',  //加上这条 language里的emptyTable会被覆盖将不再显示

                    'infoFiltered': '(过滤总件数 _MAX_ 条)'//加上这条 language里的infoFiltered会被覆盖将不再显示

            }

        });

    });

    </script>

{/block}

{block name="main"}

            <div class="row">

                <div class="col-lg-12">

                    <div class="panel panel-default">

                        <div class="panel-heading">

                            DataTables Advanced Tables

                        </div>

                        <!-- /.panel-heading -->

                        <div class="panel-body">

                            <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">

                                <thead>

                                    <tr>

                                        <th>Rendering engine</th>

                                        <th>Browser</th>

                                        <th>Platform(s)</th>

                                        <th>Engine version</th>

                                        <th>CSS grade</th>

                                    </tr>

                                </thead>

                                <tbody>

                                    <tr class="odd gradeX">

                                        <td>Trident</td>

                                        <td>Internet Explorer 4.0</td>

                                        <td>Win 95+</td>

                                        <td class="center">4</td>

                                        <td class="center">X</td>

                                    </tr>

                                    <tr class="even gradeC">

                                        <td>Trident</td>

                                        <td>Internet Explorer 5.0</td>

                                        <td>Win 95+</td>

                                        <td class="center">5</td>

                                        <td class="center">C</td>

                                    </tr>

                                </tbody>

                            </table>

                            <!-- /.table-responsive -->

                        </div>

                        <!-- /.panel-body -->

                    </div>

                    <!-- /.panel -->

                </div>

                <!-- /.col-lg-12 -->

            </div>

{/block}

thinkphp模板继承的更多相关文章

  1. ThinkPHP模板继承和修改title

    先说下模板继承: 假定:在View文件夹中 -> Public  公共模块 —>base/header/top/footer 4个html文件 这下面base文件使用include引入其他 ...

  2. thinkphp 模板继承

    模板继承是一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区 ...

  3. thinkphp中模板继承

    模板继承是3.1.2版本添加的一项更加灵活的模板布局方式,模板继承不同于模板布局,甚至来说,应该在模板布局的上层.模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局), ...

  4. thinkPHP框架 简单的删除和修改数据的做法 和 模板继承的意思大概做法

    BiaodanController.class.php控制器页面 <?php namespace Admin\Controller; use think\Controller; class Bi ...

  5. thinkphp 中区块block和模板继承extend用法举例

    1.介绍 模板继承其实并不难理解,就好比类的继承一样,模板也可以定义一个基础模板(或者是布局),并且其中定义相关的区块(block),然后继承(extend)该基础模板的子模板中就可以对基础模板中定义 ...

  6. (转) ThinkPHP模板自定义标签使用方法

    这篇文章主要介绍了ThinkPHP模板自定义标签使用方法,需要的朋友可以参考下  转之--http://www.jb51.net/article/51584.htm   使用模板标签可以让网站前台开发 ...

  7. thinkPHP 模板的使用技巧（十三）

    原文:thinkPHP 模板的使用技巧(十三) 模板的使用技巧:页面跳转 .模板包含.模板渲染.模板的继承 页面跳转 <a href='__URL__/index'>我要跳转到首页面,用这 ...

  8. 转换器2：ThinkPhp模板转Django模板

    前天写了个<ThinkPhp模板转Flask模板> 居然被同事鄙视了,原因是他用Django,我用Flask,为了避免被他继续安利Django的强大.我决定写一个Django模板转换器. ...

  9. Thinkphp模板简单入门

    Thinkphp模板概述: ThinkPHP内置了一个基于XML的性能卓越的模板引擎,这是一个专门为ThinkPHP服务的内置模板引擎,使用了XML标签库技术的编译型模板引擎,支持两种类型的模板标签, ...

随机推荐

  1. Netty简单聊天室

    1.创建maven项目,在pom.xml中引入netty的jar包 <project xmlns="http://maven.apache.org/POM/4.0.0" xm ...

  2. NIO（一）

    1.NIO是什么? 是JDK1.4之后推出的一个新的IO操作(netty.mina通讯框架的底层都是NIO实现的连接) 2.NIO和IO的区别(阻塞只会出现在网络通讯中,都是同步) NIO:非阻塞类型 ...

  3. HTML5 缓存: cache manifest

    ---恢复内容开始--- 1:MIME TYPE:text/cache-manifest 服务器配置MIME类型2:需要由你创建的:NAME.manifest 创建manifest文件3:给 < ...

  4. java Swing组件和事件处理(二)

    1.BoxLayout类可以创建一个布局对象,成为盒式布局,BoxLayout在javax.Swing  border 包中,java.swing 包提供一个Box类,该类也是一个类,创建的容器称作一 ...

  5. WinHex数据恢复笔记（二）

    续写上次笔记: 1.Winhex数据恢复软件的界面上的所有功能已经介绍了一遍,最主要的还是编程恢复的能力. 今天主要看看记事本的编辑恢复及其相关的一些问题,记事本的 编辑值是ASCII值,所以没有文件 ...

  6. python之路第二天

    为何要有操作系统 为了让程序员更轻松的完成命令电脑工作而存在的,控制硬件,服务于软件. 操作系统的位置 操作系统位于软件和硬件之间.操作系统由内核(运行于内核态,控制硬件)和系统调用(运行于用户态,为 ...

  7. C++ Primer 笔记——迭代器

    iostream迭代器 1.虽然iostream类不是容器,但是标准库定义了可以用于IO的迭代器.创建一个流迭代器的时候必须指定要读写的类型.我们可以对任何具有输入运算符(>>)的类型定义 ...

  8. 论文阅读笔记十一：Rethinking Atrous Convolution for Semantic Image Segmentation（DeepLabv3)(CVPR2017)

    论文链接:https://blog.csdn.net/qq_34889607/article/details/8053642 摘要 该文重新窥探空洞卷积的神秘,在语义分割领域,空洞卷积是调整卷积核感受 ...

  9. CAS统一登录认证好文汇集贴

    悟空的专栏 https://blog.csdn.net/u010475041/article/category/7156505 LinBSoft的专栏 https://blog.csdn.net/ol ...

  10. JQuery调用WCF服务

    一:创建一个wcf服务项目 [ServiceContract] public interface IService1 { [OperationContract] [WebInvoke(RequestF ...