tp5:公用html部分的整合

作者: developerAbble | 来源:发表于2018-05-07 17:23 被阅读3次

根据html模板开发功能时,首先要做的就是整合:将html模板与后台框架整合。这要分三件事:

  • 引用问题。js,css或者其它什么东西。每个后台框架都有它自己的规范,入乡随俗,html第一步要做的就是改变自己。
  • 把header,footer或其它公用性的东西,提取出来。
  • 将后台代码的值渲染到模板上。从概念上来说,要在两方面入手:第一就是显示值;第二就是根据后来传来值的不同,我们可以对html代码进行循环等操作,在一定范围内改变样式。

编程的大部分时间都在第三点上。今天我们来说第二点:将公用部分代码提取出来。

目前,笔者能回忆起来的有两点。后面遇到或想起再添上:

  • 如何引用
  • 常见值的渲染

如何引用具体就看用什么后台框架了,tp5上其中一种引用是这样的,目前也够用了:

{include file="public/menu"}

header、menu或footer上固定值如何处理?

固定值从哪里来?
固定值可以来自配置文件,也可以来自后台数据库。直接上代码吧,写不下去了:

class Base extends Controller
{
    public function initialize() {
        $this->initialView();
        parent::initialize();
    }

    protected function initialView() {
        $company = Config('company.');
        (new think\view)->share('company', $company);

        $current_page = strtolower($this->request->controller());
        (new think\View)->share('current_page', $current_page);
    }
}

关于菜单这多一句:

  <li {if $current_page=='index'}class="active"{/if}><a href="{:url('Index/index')}">首页</a></li>
  <li {if $current_page=='aboutus'}class="active"{/if}><a href="{:url('AboutUs/index')}">关于我们</a></li>
  <li {if $current_page=='service'}class="active"{/if}><a href="{:url('Service/index')}">清洗对象</a></li>
  <li {if $current_page=='show'}class="active"{/if}><a href="{:url('Show/index')}">产品展示</a></li>

这样的方式有点挫,暂时凑合着用。知道更好的方法再来优化。

相关文章

  • tp5:公用html部分的整合

    根据html模板开发功能时,首先要做的就是整合:将html模板与后台框架整合。这要分三件事: 引用问题。js,cs...

  • html页面中引入公用的部分

    拿footer举例1 用iframe 2 用embed

  • Tp5.0.1 整合Gatewayworker

    一. Windows下的整合 在tp5项目的根目录,用cmd输入命令composer require worke...

  • TP5基础

    一、基础 1、官网安装TP5 http://www.thinkphp.cn/down/framework.html...

  • layui第三方省市区联动插件

    效果 使用 html js tp5目录image.png原教程及下载链接:https://fly.layui.co...

  • java部分util公用方法

    获取Ip地址 懒加载模式 try-catch 通用模式 多线程执行 List stream转换List

  • HTML部分

    引入样式,使用什么标签? HTML有三种样式引入方式:行内样式、嵌入式样式表、外部样式表。 行内样式又称内联表单样...

  • HTML部分

    一、HTML介绍 1.1HTML和CSS的关系 JavaScript肌肉 定义了网页的行为 HTML骨架 定义了网...

  • HTML部分

    [HTML5音视频] 这里只介绍HTML5在音视频部分新添加的标签的基本用法。 视频 video标签 基本信息 v...

  • 在移植框架中遇到的一个问题

    一个问题,就是移植后访问不了tp5首页,刚开始访问是以html格式出现的,如z.cn这样访问,可以,首页以html...

网友评论

    本文标题:tp5:公用html部分的整合

    本文链接:https://www.haomeiwen.com/subject/njsvrftx.html