PHP/HTML混写的四种方式
[整理]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混写的四种方式的更多相关文章
- PHP/HTML混写的四种方式总结
PHP/HTML混写的四种方式总结 一.总结 一句话总结: 注意点: 1.双引号里面解析变量:echo "$Content" 2.HEREDOC和NOWDOC的关系:类似于双引号包 ...
- [整理]PHP/HTML混写的四种方式
PHP作为一款后端语言,为了输出给浏览器让浏览器呈现出来,无可避免的要输出HTML代码,下文介绍下我用过的三种PHP/HTML混编方法 1.单/双引号包围法 这是最初级的方法了,用法就像下面这样 &l ...
- ASP.NET MVC之下拉框绑定四种方式（十）
前言 上两节我们讲了文件上传的问题,关于这个上传的问题还未结束,我也在花时间做做分割大文件处理以及显示进度的问题,到时完成的话再发表,为了不耽误学习MVC其他内容的计划,我们今天开始好好讲讲关于MVC ...
- SWT组件添加事件的四种方式
在我们CS日常开发过程中会经常去为组件添加事件,我们常用的为AWT与SWT.SWT的事件模型是和标准的AWT基本一样的.下面将按照事件的四种写法来实现它. 一.匿名内部类的写法 new MouseAd ...
- JavaScript表单提交四种方式
总结JavaScript表单提交四种方式 <!DOCTYPE html> <html> <head> <title>JavaScript表单提交四种方式 ...
- android 定位的四种方式
[原文] 开发中对于地图及地理位置的定位是我们经常要用地,地图功能的使用使得我们应用功能更加完善,下面总结了一下网络中现有对于介绍android定位的4种方式,希望对大家有帮助: android 定 ...
- iOS 登陆的实现四种方式
iOS 登陆的实现四种方式 一. 网页加载: http://www.cnblogs.com/tekkaman/archive/2013/02/21/2920218.ht ml [iOS登陆的实现] A ...
- 实现web数据同步的四种方式
http://www.admin10000.com/document/6067.html 实现web数据同步的四种方式 1.nfs实现web数据共享 2.rsync +inotify实现web数据同步 ...
- 给TextView添加超链接的四种方式
因为在上上篇博客中介绍了SpannableString的使用(SpannableString使用详解),由此想到给TextView添加超链接究竟有多少种方式?经过个人总结,现在一共发现四种,如果还有其 ...
随机推荐
- spring，get请求中带date日期格式参数，后台无法转换的问题
今天遇到个很奇怪的问题.前端 的查询条件中带有日期范围日期的格式 是 yyyy-MM-dd HH:mm 结果后台报错 org.springframework.validation.BindExcept ...
- vue.js（13）--按键修饰符
v-on监听事件时可添加按键修饰符 <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter=&q ...
- 2018-8-27-C#-powshell-调用
title author date CreateTime categories C# powshell 调用 lindexi 2018-8-27 16:20:4 +0800 2018-06-18 20 ...
- 08-求解Ax=b：可解性和解的结构
一.增广矩阵 假设我们要求解方程$Ax=b$,其中矩阵$A$和$b$如下所示: $A = \left[\begin{array}{llll}{1} & {2} & {2} & ...
- vue+element ui 滚动加载
<div id="app"> <div class="infinite-list-wrapper" style="overflow: ...
- MongoDB的环境搭建及启动
MongoDB环境搭建及配置 一.环境搭建 Mac:brew install mongodb 常见问题: Error: Permission denied @ unlink_internal 解决方案 ...
- join 按两个文件的相同字段合并
1.命令功能 join对每一对具相同内容的输入行,合并为一行输出.默认情况是把输入的第一个字段作为连接字段,字段间用空格隔开. 2.语法格式 join option file1 file2 jo ...
- linux系统升级openssh
一.升级前准备工作 安装openssh过程需gcc,zlib-devel,openssl-devel,等编译环境,如果通过rpm包来安装,需要解决各种依赖包,故配置本地yum源解决依赖问题. 1. 配 ...
- shelve模块 xml模块
# import shelve# f=shelve.open('db.shl')# # f['stu1']={'name':'alex1','age':28}# # f['stu2']={'name' ...
- ssh服务配置
------------------------------------------ ssh 服务安装ssh apt-get install openssh-server启动 service ssh ...