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, 注释, 以及 自定义标签(成对出现的标签), 还有一大堆属性(在下边有介绍)

 

源码: 码云 

 

缩进原理介绍:

每个标签我都设计了一个类, 比如 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)
3 $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(){...}