tina4stack/tina4php-shape

Tina4 PHP HTML 形状语言

v2.0.2 2021-07-21 10:35 UTC

This package is auto-updated.

Last update: 2024-09-11 14:48:31 UTC


README

HTML 语言称为 Shape,其中您可以编写代码来生成 HTML

安装

composer require tina4stack/tina4php-shape

基本用法

每个 HTML 标签都有一个下划线前缀,<p> 标签将是 _p()

普通标签

echo _p("Hello"); //<p>Hello</p>

具有属性的标签

echo _div(["class" => "form-group"], "Testing"); //<div class="form-group">Testing</div>

标签嵌套

由于嵌套,一些事情变得更容易编写,比如无序列表或选择标签。

$lis = [];

$lis[] = _li("One");
$lis[] = _li("Two");

$ul = _ul ($lis);

$options = [];

$options[] = _option("One");
$options[] = _option("Two");

$select = _select (["name" => "choose"], $options);

通过 id 找到标签

有时您想操作标签的内容,所以我们根据 id 属性找到它。

$tag = $html->byId("someId");

设置标签的 HTML

$tag->html(_p("Changed HTML"));

示例

<?php
require_once "vendor/autoload.php";

//Start some HTML

$lis = [];

$lis[] = _li("One");
$lis[] = _li("Two");

$ul = _ul ($lis);

$html = _shape(
    _doctype("html"),
    _html(["lang" => "en"],
    _head(
        _title("Testing")
    ),
    _body(
        _h1(["id" => "someId"],"Hello World! H1"),
        _h2("Hello World! H2"),
        $a = _h3("Hello World! H3"),
        _h4("Hello World! H4"),
        _h5("Hello World! H5"),
        $ul
    )
));

$a->html(_b(["style" => "color: red"],"Hello"));

$html->byId("someId")->html("=====");

echo $html;

您应该看到如下内容