在做网站的时候，每个网站都有头部和尾部，也就是菜单栏和页脚，网站的各个子网页的头部和尾部基本就是一样的，所以tp框架提供了一种模板继承的方法：

1、首先在View的Main文件夹下建立一个base.html页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title><block name="title">无标题文档</block></title>

<style>

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

#footer{ width:100%; height:50px; background-color:black}

</style>

<block name="tou"></block><!--头部-->

</head>

<body>

<div id="head">

<foreach name="arr" item="vo"><!--循环遍历，从数据库读数据-->

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

</foreach>

</div>

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

<div id="footer"></div><!--尾部-->

</body>

</html>

2、做操作方法：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("leibie");

        $arr = $m->select();

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

    }

}

3、在View文件夹的Main文件夹下新建一个test.html文件：

<extend name="base"/><!--调用模板-->

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

<block name="tou">

<style>

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

</style>

</block>

<block name="nr">

    <div id="nr"></div>

</block>

看一下下效果：

4、删除和修改：

在View文件夹下的Main文件夹内新建一个mains.html文件：

<extend name="base"/><!--继承模板-->

<block name="nr">

    <table width="100%" border="1">

        <tr>

            <td>代号</td>

            <td>名称</td>

            <td>系列</td>

            <td>油耗</td>

            <td>价格</td>

            <td>操作</td>

        </tr>

        <foreach name="attr" item="v"><!--循环遍历出表中内容-->

            <tr>

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

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

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

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

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

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

                <a href="__CONTROLLER__/upd/code/{$v.code}">修改</a>

                </td>

            </tr>

        </foreach>

    </table>

</block>

依然在MainController的控制器里做操作方法：

<?php

namespace Ceshi\Controller;

use Think\Controller;

class MainController extends  Controller

{  public function test(){

        $this->base();

        $this->show();

    }

    public function base(){//这样可以调用模板中连接数据库部分

        $m = M("leibie");

        $arr = $m->select();

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

    }

    public function mains(){

        $m = M("car");

        $arr = $m->select();

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

        $this->base();

        $this->show();

    }

    public function del($code){

        $m = M("car");

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

            $url = U("mains");

            $this->success("删除成功！",$url);//第二个参数，表示返回的路径；第三个参数：表示停留时间

        }

        else{

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

        }

    }

    public function upd(){

        $m = M("car");

        $code = $_GET["code"];

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

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

        if(empty($_POST)){

            $this->show();

        }

        else{

            $m->create();

            $m->save();

        }

    }

}

在View下的Main下建立一个upd.html文件：

<extend name="base"/>

<block name="nr">

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

    <div><input type="hidden" name="Code" value="{$attr.code}"/></div>

    <div>名称：<input type="text" name="Name" value="{$attr.name}"/></div>

    <div>系列：<input type="text" name="Brand" value="{$attr.brand}"/></div>

    <div>油耗：<input type="text" name="Oil" value="{$attr.oil}"/></div>

    <div>价格：<input type="text" name="Price" value="{$attr.price}"/></div>

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

</form>

</block>

看一下效果：

点击删除c002：

点击修改c003价格为40：

tp框架视图层view——模板继承的更多相关文章

  1. 小程序框架之视图层 View

    (1)视图层View 框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示. 将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层. WXML(WeiXin Markup languag ...

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

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

  3. 小程序框架之视图层 View~事件系统~WXS响应事件

    WXS响应事件 基础库 2.4.4 开始支持,低版本需做兼容处理. 背景 有频繁用户交互的效果在小程序上表现是比较卡顿的,例如页面有 2 个元素 A 和 B,用户在 A 上做 touchmove 手势 ...

  4. 视图层view layer

    视图层是Django处理请求的核心代码层,我们大多数Python代码都集中在这一层面. 它对外接收用户请求,对内调度模型层和模版层,统合数据库和前端,最后根据业务逻辑,将处理好的数据,与前端结合,返回 ...

  5. 微信小程序学习——框架视图层（view）

    视图层是有WXML与WXSS编写的,由组件来进行展示. WXML(WeiXin Markup Language)用于写页面结构的. WXSS(WeiXin Style Sheet)用于页面的样式. 组 ...

  6. 小程序框架之视图层 View~基础组件

    框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发.详细介绍请参考组件文档. 什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格一致的样式. 一个组件通常 ...

  7. 小程序框架之视图层 View~获取界面节点信息

    获取界面上的节点信息 WXML节点信息 节点信息查询 API 可以用于获取节点属性.样式.在界面上的位置等信息. 最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置. 示例代码: ...

  8. 微信小程序开发---视图层(View)

    WXML WXML能力: 数据绑定 列表渲染 条件渲染 模板 事件 数据绑定 数据绑定使用 Mustache 语法(双大括号)将变量包起来,可作用于内容,组件属性(需要在双引号之内),控制属性(需要在 ...

  9. 微信小程序学习笔记（四）--框架-视图层

    WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 数据绑定 使用{{}}绑定数据. 简单绑定 <view clas ...

随机推荐

  1. [Codeforces 1191D] Tokitsukaze, CSL and Stone Game(博弈论)

    [Codeforces 1191D] Tokitsukaze, CSL and Stone Game(博弈论) 题面 有n堆石子,两个人轮流取石子,一次只能从某堆里取一颗.如果某个人取的时候已经没有石 ...

  2. 问题 L: 超超的中等意思

    问题 L: 超超的中等意思 时间限制: 1 Sec  内存限制: 128 MB提交: 366  解决: 27[提交] [状态] [命题人:jsu_admin] 题目描述 已知p,q,k和一个难搞得多项 ...

  3. C# ListView添加DragDrop

    先建立好ListView,ImageList,然后编写一个比较类在就是添加DragDrop事件了具体实现看代码吧 public partial class Form1 : Form { public  ...

  4. Maven将jar包放入本地库

    转自:https://blog.csdn.net/qq_33314107/article/details/73549256 这是由于Oracle授权问题,Maven3不提供Oracle JDBC dr ...

  5. centos7 安装pip 和 Django过程

    [root@localhost ~]# yum install python-pip 已加载插件:fastestmirror Loading mirror speeds from cached hos ...

  6. openstack stein部署手册 10. 创建实例

    # 建立网络(provider)与子网 openstack network create --share --external --provider-physical-network provider ...

  7. sudo、su、suid

    sudo 是一种权限管理机制,管理员可以授权普通用户去执行 root 权限的操作,而不需要知道 root 的密码.sudo 以其他用户身份执行命令,默认以root身份执行.配置文件/etc/sudoe ...

  8. python3 使用 django-xadmin 遇到的许多坑

    几乎所有公司项目都是python2的, xadmin对Python2 很友好,对Python3 很不友好, 所以在Python3 环境下使用xadmin遇到了许多意想不到的坑,在这里记录并分享一下: ...

  9. Vuex 学习笔记一

    一.定义 Vuex是一个专为Vue.js应用程序开发的状态管理模式. 状态管理模式 简单的demo new Vue({ // state data () { return { count: 0 } } ...

  10. 定位公众号页面，跳转之后 vuejs 失效问题

    是第一个页面的. data () { }, 写成了这样,没写返回 {} 5555~. 网页中死活可以,微信中死活不行. data () { return {} },