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. 用docker快速搭建wordpress博客

      WordPress是一个非常著名的PHP编写的博客平台,发展到目前为止已经形成了一个庞大的网站平台系统.在WP上有规模庞大的插件和主题,可以帮助我们快速建立一个博客甚至网站. 在Windows上可 ...

  2. 【进阶1-2期】JavaScript深入之执行上下文栈和变量对象（转）

    这是我在公众号(高级前端进阶)看到的文章,现在做笔记 https://mp.weixin.qq.com/s/hZIpnkKqdQgQnK1BcrH6Nw 阅读笔记 JS是单线程的语言,执行顺序肯定是顺 ...

  3. Java对象之间的深度复制拷贝

    /* * Copyright (c) 1995, 2011, Oracle and/or its affiliates. All rights reserved. * ORACLE PROPRIETA ...

  4. Confluence 6 配置服务器基础地址

    服务器基础地址(Server Base URL)是用户访问 Confluence 的 URL 地址.这个基础的 URL 地址必须与你在浏览器中访问 Confluence 中的地址. Confluenc ...

  5. Confluence 6 基于 Confluence 数据中心的 SAML 单点登录

    安全申明标记语言(Security Assertion Markup Language (SAML))是一个基于 XML 的数据格式,允许各个软件平台通过identity provider (IdP) ...

  6. JPA核心类与使用

    点击访问:JPA环境配置(一) Persistence: Persistence用于获取EntityManagerFactory实例,这个类中包含一个名为createEntityManagerFact ...

  7. ERROR 1045 (28000): Access denied for user 'mysql'@'localhost' (using password: YES

    一.有时可以直接输入命令: mysql进入数据库 启动数据库:# mysqld_safe & 二.查看用户命令: mysql> use mysql; Reading table info ...

  8. 高斯消元处理无解|多解情况 poj1830

    高斯消元结束后,若存在系数为0,常数不为0的行,则方程无解 若系数不为0的行有k个,则说明主元有k个,自由元有n-k个,方程多解 /* 给定n个开关的初始状态si,要求将其变成目标状态di 规定: 每 ...

  9. Git使用二：git与svn的区别与工作流程

    svn记录的是每一次版本变动的内容,三角形代表改动的内容 git是将每个版本独立保存 git的三棵树:工作区域.暂存区域.git仓库 工作目录:平时存放项目的地方暂存区域:临时存放改动,即将提交到仓库 ...

  10. selenium 操作复选框

    场景 从上一节的例子中可以看出,webdriver可以很方便的使用findElement方法来定位某个特定的对象,不过有时候我们却需要定位一组对象, 这时候就需要使用findElements方法. 定 ...