PHP生成HTML文件, SummerHtml

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(){...}