SC后台框架

<?php

\Sc\Util\HtmlStructure\Html\Html::create('demo1');

return "hello world!";

<?php

\Sc\Util\HtmlStructure\Html\Html::create('demo2');

return \Sc\Util\HtmlElement\El::double('div')->append('hello world!');

<?php

use App\Admin\Controller\Base\RouteController;
use App\Common\Enums\Base\RouteEnumType;
use App\Common\Util\TP;
use Sc\Util\HtmlStructure\Html\Html;
use Sc\Util\HtmlStructure\Html\Js\JsCode;
use Sc\Util\HtmlStructure\Table;

Html::create('页面名称');

$table = Table::create(TP::route()->to([RouteController::class, 'listsData'])->url(), 'route');

$table->addColumns(
    Table\Column::selection(),
    Table\Column::normal('标题', 'title'),
);

$component = include __DIR__ . '/edit.sc.php';

$table->setRowEvent('@primary.Edit.编辑',
    Table\EventHandler::window('编辑路由')->setConfig(['width' => '500px'])->setContent($component)
);

$table->setHeaderEvent("@danger.delete.删除",
    Table\EventHandler::post(
        url: TP::route()->to([RouteController::class, 'destroy']),
        data: ['ids' => '@selection.map(v => v.id)'],
        successHandler: JsCode::create("this.\$message.success('删除成功')")->then("this.routeGetData()")
    )->confirmMessage('确认删除选中数据吗？')
        ->addLoading()
);

return $table->render();

// 数据地址格式
Sc\Util\HtmlStructure\Table::create('http://127.0.0.1/admin/index/index', 'table_id');
// 直接给数据
Sc\Util\HtmlStructure\Table::create([
    ['id' => 1, 'title' => 'data1'],
    ['id' => 2, 'title' => 'data2'],
], 'table_id1');

 Table\Column::selection();
 Table\Column::normal('标题', 'title');

use App\Admin\Controller\Base\RouteController;
use App\Common\Enums\Base\RouteEnumType;
use App\Common\Util\TP;
use Sc\Util\HtmlStructure\Html\Html;
use Sc\Util\HtmlStructure\Html\Js\JsCode;
use Sc\Util\HtmlStructure\Table;

// 行事件
// 第一个元素为事件dom元素，可使用 '@primary.Edit.编辑' 格式
// 第一个元素为事件dom元素，可使用 ['@primary.Edit.编辑', ['v-if' => 'a == 1']] 同时设置dom属性格式
// 第一个元素为事件dom元素，可使用 El::double('el-button')->append('事件dom') 自定义格式
// 第二个元素为处理事件的js代码，或返回js代码的回调函数
$table->setRowEvent('@primary.Edit.编辑',
    // ===== 类型 ====
    // window 打开窗口
    // redirect 跳转页面
    // get、post 发起异步请求
    // layer layer弹窗
    // injectSearchRedirectDownload  加页面搜索条件跳转

    // 行事件需要带行参数的时候，如果是跳转页面,如下，@id 则是该行的id参数
    Table\EventHandler::window('编辑')->setConfig(['width' => '1000px'])->setUrl('url', ['id' => '@id']);
    // 行事件需要带行参数的时候，如果是异步请求或表单,如下，@row.id 则是该行的id参数
    Table\EventHandler::post('url', ['id' => '@row.id']);
    Table\EventHandler::window('请假')->setRowData([
        'activity_id' => "@row.id"
    ])->setContent(
        Form::create('ask')->addFormItems(
            FormItem::hidden('activity_id'),
            FormItem::textarea('content', '内容'),
            FormItem::submit()->successClose('current')->submitUrl('url')
        )->render()
    );
    
    // 头部公共事件需要获取选择的数据时，@selection 则是已选择的数据，实际变量为 selection ,@是标记这是一个js变量不是字符串
    // 也可以用 Gramar::mark("selection") 标记
    Table\EventHandler::post(
        url: TP::route()->to([ActivityController::class, 'destroy']),
        data: ['ids' => '@selection.map(v => v.id)'],
        successHandler: JsCode::create("this.\$message.success('删除成功')")->then("this.activityGetData()")
    )->confirmMessage('确认删除选中数据吗？')
        ->addLoading()
);

// 设置一组行事件
$table->setRowGroupEvent('@primary.一组', function() {
    // 在回调内设置的事件为组事件，在对应的下拉菜单打开
    $table->setRowEvent('@primary.Edit.编辑',
        Table\EventHandler::window('编辑路由')->setConfig(['width' => '500px'])->setContent($component)
    );
});

<?php

use App\Admin\Controller\Base\RoleController;
use App\Common\Util\TP;
use Sc\Util\HtmlStructure\Form;
use Sc\Util\HtmlStructure\Form\FormItem;
use Sc\Util\HtmlStructure\Html\Html;


Html::create('添加管理员角色');

$form = Form::create('roleFormupdate')->config('label-width', '80px');

$form->addFormItems(
    FormItem::hidden('id', 'ID'),
    FormItem::text('name', '角色'),
    FormItem::textarea('describe', '描述'),
    FormItem::submit()->successClose('current')->submitUrl(
        TP::route()->to([RoleController::class, 'store'])->url(),
        TP::route()->to([RoleController::class, 'update'])->url(),
    )->success('VueApp.roleGetData()')
);

return $form->render();