[整理]PHP/HTML混写的四种方式

 

PHP作为一款后端语言，为了输出给浏览器让浏览器呈现出来，无可避免的要输出HTML代码，下文介绍下我用过的三种PHP/HTML混编方法

1.单/双引号包围法

这是最初级的方法了，用法就像下面这样

 1 <?php

 2 echo '

 3 <!DOCTYPE html>

 4 <html>

 5     <head>

 6         <title> </title>

 7     </head>

 8     <body>

 9         <span>测试页面</span>

10     </body>

11 </html>

12 ';

13 ?>

这样是最简单的一种方法了，直接用单引号包装上就行了

至于双引号和单引号的区别，就在于前者解析引号内的变量，而后者不解析引号内的变量，参看下面的例子

1 <?php

2 $Content='Hello!';

3 echo "$Content";

4 echo '<br>';

5 echo '$Content';

6 ?>

输出

1 Hello!

2 $Content

由此可见，用双引号包围的字符串中的变量名自动解析为了变量值，而用单引号包围则依然显示变量名

这样书写的缺点有两点

1.如果输出内容中包含单/双引号将极难处理，因为PHP无法判断这个引号是属于程序的还是输出内容的，所以会报错

2.这样书写一些现代文本编辑器（如SublimeText）将无法对引号包围的输出的内容进行语法着色，如果出现一些格式问题将极难发现。图中为SublimeText3的一张截图，上面的是正常的着色，下面则是用引号包围的着色

2.使用HEREDOC/NOWDOC

HEREDOC和NOWDOC是PHP5.3开始支持的一种新特性，它允许在程序中使用一种自定义的标志符来包围文本，而HEREDOC和NOWDOC的关系就类似于双引号包围和单引号包围一样，前者解析区块内的变量，而后者不解析区块内的变量

下面介绍HEREDOC和NOWDOC的用法

 1 <?php

 2 $Content='Hello!';

 3

 4 //下面写出了一个HEREDOC，其中标识LABEL可以自定义为任何字符串，但要保证开头的标识和结尾的标识一样

 5 echo <<<LABEL

 6 $Content

 7 LABEL;

 8 //结尾的方法：另起一行，打上LABEL。注意结尾的标识前面和后面不要插入任何字符，空格也不行

 9

10 echo '<br>';//为了演示方便换行

11

12 //NOWDOC和HEREDOC的书写方式差别在于NOWDOC的标识符需要用单引号包围

13 echo <<<'LABEL'

14 $Content

15 LABEL;

16 //其他无异

17

18

19 ?>

也可以参考PHP.net上的关于这两个的wiki：https://wiki.php.net/rfc/heredoc-with-double-quotes

用HEREDOC/NOWDOC书写极好的解决了包围引号的问题，但依然没有解决语法着色失效的问题

3.HTML中嵌入PHP程序块（推荐）

这是一种非常合适的办法，并且这种方法广泛用在了诸如WordPress模板等场合中。书写起来也较为方便，直接在需要输出的地方写上相关的代码就行了，就像下面这样

 1 <?php

 2

 3 //首先在这里写好相关的调用代码

 4 function OutputTitle(){

 5     echo 'TestPage';

 6 }

 7 function OutputContent(){

 8     echo 'Hello!';

 9 }

10

11 //然后再下面调用相关函数就可以了

12 ?>

13

14 <!DOCTYPE html>

15 <html>

16     <head>

17         <title><?php OutputTitle(); ?></title>

18     </head>

19     <body>

20         <span><?php OutputContent(); ?></span>

21     </body>

22 </html>

我认为这种方法是在这三种方法中最好的，但是这样做的缺点是如果这样的代码块一多了就会严重影响程序阅读。

4.使用前端模板引擎

由于前端的重要性在整个Web开发中日益上升，现在前/后端工程师逐渐在分离成两个职业，所以说为了确保前/后端工程师能够相互配合，使前端开发和后端开发出来的东西对接更完美，逐渐催生出了一系列前端模板引擎，比如Smarty。使用Smarty书写的实现代码可读性非常的高，这使前/后端的分离也更加的高效和便捷。有兴趣的同学可以去搜索了解

PHP/HTML混写的四种方式的更多相关文章

  1. PHP/HTML混写的四种方式总结

    PHP/HTML混写的四种方式总结 一.总结 一句话总结: 注意点: 1.双引号里面解析变量:echo "$Content" 2.HEREDOC和NOWDOC的关系:类似于双引号包 ...

  2. [整理]PHP/HTML混写的四种方式

    PHP作为一款后端语言,为了输出给浏览器让浏览器呈现出来,无可避免的要输出HTML代码,下文介绍下我用过的三种PHP/HTML混编方法 1.单/双引号包围法 这是最初级的方法了,用法就像下面这样 &l ...

  3. ASP.NET MVC之下拉框绑定四种方式（十）

    前言 上两节我们讲了文件上传的问题,关于这个上传的问题还未结束,我也在花时间做做分割大文件处理以及显示进度的问题,到时完成的话再发表,为了不耽误学习MVC其他内容的计划,我们今天开始好好讲讲关于MVC ...

  4. SWT组件添加事件的四种方式

    在我们CS日常开发过程中会经常去为组件添加事件,我们常用的为AWT与SWT.SWT的事件模型是和标准的AWT基本一样的.下面将按照事件的四种写法来实现它. 一.匿名内部类的写法 new MouseAd ...

  5. JavaScript表单提交四种方式

    总结JavaScript表单提交四种方式 <!DOCTYPE html> <html> <head> <title>JavaScript表单提交四种方式 ...

  6. android 定位的四种方式

    [原文]  开发中对于地图及地理位置的定位是我们经常要用地,地图功能的使用使得我们应用功能更加完善,下面总结了一下网络中现有对于介绍android定位的4种方式,希望对大家有帮助: android 定 ...

  7. iOS 登陆的实现四种方式

    iOS 登陆的实现四种方式 一. 网页加载: http://www.cnblogs.com/tekkaman/archive/2013/02/21/2920218.ht ml [iOS登陆的实现] A ...

  8. 实现web数据同步的四种方式

    http://www.admin10000.com/document/6067.html 实现web数据同步的四种方式 1.nfs实现web数据共享 2.rsync +inotify实现web数据同步 ...

  9. 给TextView添加超链接的四种方式

    因为在上上篇博客中介绍了SpannableString的使用(SpannableString使用详解),由此想到给TextView添加超链接究竟有多少种方式?经过个人总结,现在一共发现四种,如果还有其 ...

随机推荐

  1. 点击按钮时，显示不同的div内容

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

  2. 结合pychrom与selenium实现页面自动登录

    缘起 一直在浏览器里用Katalon插件录制一些常用的流程,以减少重复操作,也就自然而然想自己搞搞自动化测试,但无奈登录一关跨不过去,就无法串起来.(不想让开发添加万能验证码的功能)首先想到的是识别验 ...

  3. rocketmq-console控制台管理界面配置

    Rocketmq可视化管理控制台配置 前提: RocketMQ有一个对其扩展的开源项目incubator-rocketmq-externals,这个项目中有一个子模块叫“rocketmq-consol ...

  4. SSM架构 （Spring 5.0.2）添加Jackson

    第一步添加jsckson的包 <dependency> <groupId>javax.annotation</groupId> <artifactId> ...

  5. Java使用多线程发送消息

    在后台管理用户信息的时候,经常会用到批量发送提醒消息,首先想到的有: (1).循环发送列表,逐条发送.优点是:简单,如果发送列表很少,而且没有什么耗时的操作,是比较好的一种选择,缺点是:针对大批量的发 ...

  6. Robomongo可视化命令

    ## 更新命令示例 db.getCollection('collection_name').update(    {'_id':ObjectId('id string')},     {$set:{' ...

  7. Vue.js 技术揭秘学习 （1） new Vue 发生了什么

    Vue 初始化主要就干了几件事情,合并配置,初始化生命周期,初始化事件中心,初始化渲染,初始化 data.props.computed.watcher 等等.

  8. POJ 3784 Running Median (动态中位数)

    题目链接:http://poj.org/problem?id=3784 题目大意:依次输入n个数,每当输入奇数个数的时候,求出当前序列的中位数(排好序的中位数). 此题可用各种方法求解. 排序二叉树方 ...

  9. 超低功耗研发-STM32L151C8T6芯片（一）时钟系统概述

    前言: 由于之前对STM32Fxx系列相对熟悉,所以涉及到超低功耗设备时,自然就选用STM32家族的STM32Lxx系列产品. STM32L151C8T6 功能特点: (1)Flash:64k (2) ...

  10. 【leetcode】1028. Recover a Tree From Preorder Traversal

    题目如下: We run a preorder depth first search on the root of a binary tree. At each node in this traver ...