当我们做动态页面时，我们会发现一个网站的头部和尾部是相同的，那么我们如何用tp框架来做模板呢 ？

先看一下注意事项：

（1）每个区块由<block></block>标签组成

（2）子模板中使用extend标签继承模板

（3）注释语法：{/* 注释内容 */ } 或 {// 注释内容 } 

一、看一下基本的模板继承

（1）先做出模板页面  Ceshi/View/Main/base.html

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<!--放标题-->

		<title><block name="bt">标题</block></title>

		<style>

			*{padding: 0px;margin: 0px;}

			#head{width: 100%;height: 100px;background-color: azure;}

			#foot{width: 100%;height: 100px;background-color: gray;}

		</style>

		<!--用于放js、css样式-->

		<block name="tou"></block>

	</head>

	<body>

		<div id="head">

			 <h1>这是头部</h1>

			 <!--从数据库读取数据-->

			<foreach name="arr" item="vo" >

				<span>{$vo.name}</span>

			</foreach>

		</div>

		<!--这是需要依据页面变化的内容-->

		<block name="nr"></block>

		<div id="foot">

			 <h1>这是尾部</h1>

		</div>

	</body>

</html>

　　(2)做操作方法Ceshi/Controller/MainController.class.php

<?php

namespace Ceshi\Controller;

use Think\Controller;

class MainController extends  Controller

{	

   	//模板的继承

   	public function test(){

   		//这样可以调用模板中连接数据库部分

        $this->base();

   		$this->show();

   	}

    	
   //当模板页面链接数据库时

   	public function base(){

   		$m=M("users");

   		$arr = $m->select();

   		$this->assign("arr",$arr);

   	}

}

　　(3)做子页面   Ceshi/View/Main/test.html

<!--调用模板-->

<extend name="base" />

<block name="bt">子页面</block>

<block name="tou">

	<style type="text/css">

		#nr{width: 100%;height: 400px;background-color: yellow;	}

	</style>

</block>

<block name="nr">

	<div id="nr">

		<h1>我是中间内容</h1>

	</div>

</block>

　　效果图（样式有点简单）

注意事项：当模板页面有链接数据库的数据时怎样做

（二）举例：删除和修改

（1）先做显示页面    Ceshi/View/Main/mains.html

<extend name="base" />

<block name="bt">shanchu</block>

<block name="tou">

	<style type="text/css">

		/*#nr{width: 100%;height: 400px;background-color: yellow;	}*/

		#aa{height: 400px;width: 100%;background-color: yellow;}

	</style>

</block>

<block name="nr">

	<div id="aa">

	<table width="100%" border="1" cellpadding="0" cellspacing="0">

		<tr>

			<td>代号</td>

			<td>书名</td>

			<td>单价</td>

			<td>库存</td>

			<td>时间</td>

			<td>操作</td>

		</tr>

		<!--name表示数组名称  item表示遍历出来的每一个小数组-->

			<foreach name="attr" item="v" >

		<tr>

			<td>{$v.bkid}</td>

			<td>{$v.bkname}</td>

			<td>{$v.bkprice}</td>

			<td>{$v.bkstock}</td>

			<td>{$v.time}</td>

			<!--用get方式传值-->

			<td><a href="__CONTROLLER__/del/bkid/{$v.bkid}">删除</a>

			<a href="__CONTROLLER__/update/bkid/{$v.bkid}">修改</a></td>

		</tr>

			</foreach>

	</table>

</div>

</block>

　　

(2)做操作方法Ceshi/Controller/MainController.class.php

<?php

namespace Ceshi\Controller;

use Think\Controller;

class MainController extends  Controller

{	

   	public  function mains(){

   		$m = M("book");

   		$arr = $m->select();

   		$this->assign("attr",$arr);

   		$this->show();

   	}

    public  function del($bkid){

    	//$bkid 以形参的方式传值

   		$m = M("book");

   		$url = U("mains");

   		if($m->delete($bkid)){

   			//第二个参数，表示返回的路径；第三个参数：表示停留时间

   			$this->success("删除成功",$url);

   		} else{

   			//不写第二个参数，默认返回上一个页面

   				$this->error("删除失败");

   		}

   	}

   	public  function update(){

   	  	$m = M("book");

   	  	//get方式取到值

   	  	$bkid = $_GET["bkid"];

   	  	$attr = $m->find($bkid);

   	  	//注册变量

   		$this->assign("attr",$attr);

   		if(empty($_POST)){

   			$this->show();

   		}else{

   			//自动获取表单数据

   			$m->create();

   			$m->save();

   		}

   	}

}

　　(3)修改页面 Ceshi/View/Main/update.html

<extend name="base" />

<block name="bt">修改</block>

<block name="tou">

	<style type="text/css">

		#nr{width: 100%;height: 400px;background-color: yellow;}

	</style>

</block>

<block name="nr">

<form method="post" action="__ACTION__">

	<input type="hidden" name="bkid" value="{$attr.bkid}" /><br />

	书名：<input type="text" name="bkname" value="{$attr.bkname}" /><br />

	单价：<input type="text" name="bkprice"  value="{$attr.bkprice}"/><br />

	库存：<input type="text" name="bkstock"  value="{$attr.bkstock}"/><br />

	<input type="submit" value="修改"/>

</form>

</block>

　　看一下效果：

点击删除bkid=33;

原页面bkid=33已经被删除

点击修改bkid=22;

点击修改提交数据，重新刷新页面，会发现单价和粗存已经被修改了

这样，tp框架的删除和修改就完成了，至于用ajax方式还是tp框架方式写，哪个更方便就用哪个呗~~~

tp框架---View视图层---模板继承（举例说明）的更多相关文章

  1. laravel5.1框架基础之Blade模板继承简单使用方法分析

    本文实例讲述了laravel5.1框架基础之Blade模板继承简单使用方法.分享给大家供大家参考,具体如下: 模板继承什么用? 自然是增强基础页面的复用,有利于页面文档的条理,也便于更改多处使用的内容 ...

  2. TP框架---Model模型层---做模型对象

    TP框架----Model模型层---------------做模型对象 Model模型层是用来做什么的呢???? 主要是用来做操作数据库访问的. 也就说明TP框架自带了一种访问数据库的方式,使用的是 ...

  3. Django 的路由层 视图层 模板层

    --------------------------------------------------------------通过苦难,走向欢乐.——贝多芬 Django-2的路由层(URLconf) ...

  4. 3.Django| 视图层| 模板层

    1.视图函数 文件在view_demo 一个视图函数简称视图,是一个简单的Python 函数,它接受Web请求并且返回Web响应.响应可以是一张网页的HTML内容,一个重定向,一个404错误,一个XM ...

  5. Django:（2）视图层&模板层

    视图函数 一个视图函数,简称视图,是一个简单的Python 函数,它接受Web请求并且返回Web响应.响应可以是一张网页的HTML内容,一个重定向,一个404错误,一个XML文档,或者一张图片. . ...

  6. Tp框架之模型层

    数据模型层是专门针对数据库来操作的 我们在home模块用一下数据模型层 先把配置修改好 我们先来打开这个文件 然后再打开think里面的主配置,把那里面关于数据库的部分,复制到home下的配置文件,然 ...

  7. tp框架-----Model模型层

    1.Model模型层是用来做什么的呢? 主要是用来做操作数据库访问的.也就说明TP框架自带了一种访问数据库的方式,使用的是Model模型. 2.Model模型怎样使用呢? 要使用Model模型层访问数 ...

  8. 4 Template层 -模板继承

    1.模板继承 模板继承可以减少页面内容的重复定义,实现页面内容的重用 典型应用:网站的头部.尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义 block标签:在父模板中预留区域,在子模板 ...

  9. Jeecms6中后台控制层Action如何将值传入前台视图层模板中的？

    转载:https://blog.csdn.net/wsm201005030226/article/details/44343069     Jeecms后台控制层如何传值到前台freemarker的? ...

随机推荐

  1. MySql学习笔记(一) —— 正则表达式的使用

    前面介绍利用一些关键字搭配相应的SQL语句进行数据库查找过滤,但随着过滤条件的复杂性的增加,where 子句本身的复杂性也会增加.这时我们就可以利用正则表达式来进行匹配查找. 1.基本字符匹配 ' o ...

  2. jQuery中易混淆知识点总结（持续更新）

    find()与children() <body> <ul class="level-1"> <li class="item-i"& ...

  3. 支付宝支付-常用支付API详解(查询、退款、提现等)

    所有的接口支持沙盒环境的测试 1.前言 前面几篇文件详细介绍了 支付宝提现.扫码支付.条码支付.Wap支付.App支付 支付宝支付-提现到个人支付宝 支付宝支付-扫码支付 支付宝支付-刷卡支付(条码支 ...

  4. 使用 libdvm.so 内部函数dvm* 加载 dex

    首先要清楚,odex只是对代码段(我将dex文件与elf文件类比,大家都将执行文件分成不同的段)作优化,而其它用于类反射信息的段都应用原来的dex,所以odex文件内部还包含了一个dex. 打开一个d ...

  5. 【2017-06-05】Jquery.ajax

    AJAX  是一种网页数据异步加载技术 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 一.Json     ...

  6. Selenium WebDriver + python 自动化测试框架

    目标 组内任何人都可以进行自动化测试用例的编写 完全分离测试用例和自动化测试代码,就像写手工测试用例一下,编写excel格式的测试用例,包括步骤.检查点,然后执行自动化工程,即可执行功能自动化测试用例 ...

  7. js 次方 开方

    次方 ,用Math.pow(值,次方数) 如: Math.pow(3,2);   3的平方 Math.Pow(2,3);   2的立方 开方Math.sqrt(值) 如: Math.sqrt(9);  ...

  8. Mybatis配置（一）

    1.导入Mybatis包 2.得到SqlSession来访问数据库 /** * 访问数据库 */public class DBAccess {          public SqlSession g ...

  9. android蓝牙学习

    学习路线 1 蓝牙权限 <uses-permission android:name="android.permission.BLUETOOTH" /> <uses ...

  10. 【Appnium+C#+Winform自动化测试系列】前言

    目录(后期持续更新) 一.前言  1.为什么选择Appnium 最近这些年APP保持着持续的火热,对应的APP测试行业也是跟着水涨船高.由于市场的需求,APP测试平台也涌出大量的自动化测试工具. 在对 ...