2018-6-27 20:13:04 星期三

作用: 用PHP生成HTML文档, 支持标签嵌套缩进

起因: 这个东西确实也是心血来潮写的, 我很满意里边的实现缩进的机制, 大家有用到的可以看看

现在都是真正的前后端分离了(vue, nodejs, webpack...), 这个东西喜欢就用, 不喜欢就算了~

目前支持的标签有html, head, meta, title, body, input, select/option, form, table, div, 注释, 以及 自定义标签(成对出现的标签), 还有一大堆属性(在下边有介绍)

源码: 码云

看其中的test.php文件,是介绍他的用法

缩进原理介绍:

每个标签我都设计了一个类, 比如 input 标签, 就有一个叫input的类与之对应

每个类里边一般都有以下3个重要成员:

1: 本标签的缩进值

2: 输出本标签最终字符串的方法, out()

3: 给本标签添加子标签的方发, append()

其中append()接收的是子标签的对象, 在最终调用$html->out()的时候, 每个子标签对象里的out()方法会被依次调用, 缩进值也会从上层类传递到最下层类并累加;

另外, 每个类都包含了属性类(calss attribute ), 每个类的缩进值是从属性类里继承而来的,  所以如果修改了属性类里的缩进量, 所有类的缩进量就跟着改变了

你也可以给标签类添加一个自己的缩进值来覆盖统一的缩进值

1. 生成HTML头部的一些标签

 //生成头部
$html = Html::ini()->setLang('en')->setTitle('自动生成HTML文件')->setMetaName('keyword', '自动生成HTML')
->css('http://aaa.css')
->css('http://bbb.css')
->js('http://jquery1.js')
->js('http://jquery2.js')
->setHead();

2. 生成 table 标签

 //生成table
$data = [
['a', 'b', 'c', 'd'],
['a', 'b', 'c', 'd'],
['a', 'b', 'c', 'd'],
['a', 'b', 'c', 'd'],
['a', 'b', 'c', 'd'],
]; $body = new body();
$table = table::ini()->setClass('mytable'); foreach ($data as $k1 => $tds) {
$tr = tr::ini()->setId('tr_'.$k1);
foreach ($tds as $k2 => $v2) {
$td = td::ini()->setText($v2)->setId('td_'.$k1.'_'.$k2);
$tr->append($td);
}
$table->append($tr);
} $body->append($table);

3. 生成 select/option, 并默认选中其中一项

 $select = select::ini()->setId('select_id');
$options = ['a1' => 1, 'a2' => 2, 'a3' => 3];
foreach ($options as $name => $value) {
$option = option::ini()->setText($name)->setValue($value);
$value == 2 && $option->setSelected(TRUE);
$select->append($option);
}

4. 将 select / input 加入到 form标签中

 $form = form::ini()->setId('myform')->setClass('formclass')->setMethod('post')->setAction('http://www.test5.com/submit');

 $form->append(input::ini()->setId('a1')->setType('hidden')->setName('a1')->setValue(1));
$form->append(input::ini()->setId('a2')->setType('text')->setName('a2')->setValue(2)); ... $form->append($select);

5. 自定义标签(以<li>为例)

 //自定义标签嵌套(li)
$ul = tag::ini('ul')->setClass('ul1');
$li1 = tag::ini('li')->append(label::ini()->setText('li1')); //这里不能直接调用setText()去给li添加文字
$li2 = tag::ini('li')->append(label::ini()->setText('li2'));
$ul->append($li1)->append($li2);
$body->append($ul);

6. 将标签添加到 body 标签中

//将表单加入body
$body->append($form);

7. 将body标签加入到html标签中, 并返回最终的HTML文档

//将body加入html
$str = $html->setBody($body)->out();

8. 标签中的属性

我这里的方案是定义一个类, 里边有

1. 标签可能拥有的属性

2. 对应的setXxx方法

3. 组装非空的属性拼成字符串的方法

4. 为了不影响下次显示, 会有专门的清空方法, 把之前赋值的属性都清空

这样的话, 在定义标签属性的时候, 需要的就赋上值, 不需要的不赋值就不会在最终的HTML代码中显示出来

 trait attribute
{
//公用
private $id = '';
private $width = '';
private $height = '';
private $style = ''; //未用, 建议写成单独的style文件
private $disabled = '';
private $text = ''; //文字内容 //input
private $type = '';
private $name = '';
private $value = '';
private $checked = '';
private $selected = '';
private $class = '';
private $placeholer = ''; // tr, td
private $colspan = '';
private $rowspan = '';
private $align = '';
private $valign = ''; // table
private $caption = '';
private $thead = '';
private $tbody = ''; // form
private $action = '';
private $method = '';
private $enctype = ''; //其他
public $indent = ' '; //缩进
public $eol = PHP_EOL; //换行
public $tag = ''; public $arrOther = array(); // array('data-x' => '123', 'align' => 'left', ...)
//组装非空属性
public function getAttrs(){...} //清空属性
public function init(){...}

PHP生成HTML文件, SummerHtml的更多相关文章

  1. Android 解析XML文件和生成XML文件

    解析XML文件 public static void initXML(Context context) { //can't create in /data/media/0 because permis ...

  2. SQL*Plus生成html文件

    最近使用SQL*Plus命令生成html文件,遇到一些有意思的知识点,顺便记录一下,方便以后需要的时候而这些知识点又忘记而捉急.好记性不如烂笔头吗! 为什么要用SQL*Plus生成html文件?   ...

  3. vim保存文件时,生成.un~文件

    在用vim保存文件时,文件夹下生成.un~文件 怎么删除这些文件呢 在网上搜索的答案: http://stackoverflow.com/questions/15660669/what-is-a-un ...

  4. WPF根据Oracle数据库的表,生成CS文件小工具

    开发小工具的原因: 1.我们公司的开发是客户端用C#,服务端用Java,前后台在通讯交互的时候,会用到Oracle数据库的字段,因为服务器端有公司总经理开发的一个根据Oracle数据库的表生成的cla ...

  5. 简单生成svg文件

    this.fileSaveSync = function (file, data) { var fs = require('fs-extra'); fs.writeFileSync(file, dat ...

  6. 使用Free Spire.Presentation生成PowerPoint文件

      使用Free Spire.Presentation生成PowerPoint文件 前言 之前有写过一篇使用Free Spire.XLS生成图表的文章,朋友圈内反应还不错,都希望我能继续写下去,把类似 ...

  7. caffe的python接口学习(5):生成deploy文件

    如果要把训练好的模型拿来测试新的图片,那必须得要一个deploy.prototxt文件,这个文件实际上和test.prototxt文件差不多,只是头尾不相同而也.deploy文件没有第一层数据输入层, ...

  8. 利用 autoconf 和 automake 生成 Makefile 文件

    一.相关概念的介绍 什么是 Makefile?怎么书写 Makefile?竟然有工具可以自动生成 Makefile?怎么生成啊?开始的时候,我有这么多疑问,所以,必须得先把基本的概念搞个清楚. 1.M ...

  9. linux下使用automake工具自动生成makefile文件

    linux环境下,当项目工程很大的时候,编译的过程很复杂,所以需要使用make工具,自动进行编译安装,但是手写makefile文件比较复杂,所幸在GNU的计划中,设计出了一种叫做Autoconf/Au ...

随机推荐

  1. 第一个Jsp页面,基于普元EOS

    跨界了.搞一下Jsp,实现MES系统看板一处.

  2. 《App架构实践指南》

    推荐书籍 <App 架构实践指南>

  3. OSGI target环境配置过程

    新建一个通用工程  新建target环境  新建存放依赖包的目录 新建server目录,用于存放server.target对应的依赖包. 在server目录下,新建plugins目录 新建目录之后的, ...

  4. Each path can be reduced to a simple path

    Recently, I made a small conclusion, but I found it is found and well-founded in some textbook. So I ...

  5. mybatis的where和if标签配合使用

    where标签用于简化sql的书写,if标签用于判断.大概的使用如下 <select id="getCountByPageInfo" parameterType=" ...

  6. xcode8 使用Instruments检测定位并解决iOS内存泄露

    https://www.jianshu.com/p/9bc7e65fc247 2017.07.27 17:24* 字数 628 阅读 1319评论 6喜欢 21 简介: 虽然苹果出了ARC(自动内存管 ...

  7. [硬件]超能课堂(181):我们为什么需要4+8pin CPU供电接口?

    超能课堂(181):我们为什么需要4+8pin CPU供电接口? https://www.expreview.com/68008.html 之前算过TDP 来计算机器的功耗 发现自己 理解的还是有偏差 ...

  8. Error updating database. Cause: java.sql.SQLException: Access denied for user '${username}'@'localhost' (using password: YES)

    导入别人的项目,出现一个错误,经过排查,是db.properties配置文件中的用户名与Mybatis-conf.xml配置文件中调用的用户名不一致所导致的 (db.properties中用的是nam ...

  9. [模板] 积性函数 && 线性筛

    积性函数 数论函数指的是定义在正整数集上的实或复函数. 积性函数指的是当 \((a,b)=1\) 时, 满足 \(f(a*b)=f(a)*f(b)\) 的数论函数. 完全积性函数指的是在任何情况下, ...

  10. Android Error:Execution failed for task ':app:preDebugAndroidTestBuild'. > Conflict with dependency

    错误内容: Error:Execution failed for task ':app:preDebugAndroidTestBuild'.> Conflict with dependency ...