quansitech/antd-admin
最新稳定版本：v2.0.0
Composer 安装命令：
composer require quansitech/antd-admin
包简介
qscmf antd后台管理
README 文档
README
该项目为 qs-cmf 后台 ant-design-pro 模式的组件库
安装
composer require quansitech/antd-admin npm install npm run build:backend
使用
通用组件
该项目采用container模式，组件通过container增加，并已增加默认组件的快捷操作，不需要手动new 组件
自定义页面
-
新增页面组件
// resources/js/backend/Pages/Index.tsx import {usePage, Head} from "@inertiajs/react"; export default function (){ const props = usePage<{ fooUrl: string, barUrl: string }>().props return <> <Head title="Index"></Head> <h1>TP inertia</h1> </> }
-
编译静态资源
# 编译 npm run build:backend # 或 开发模式 npm run dev:backend
使用ssh开发时需要在
vite.backend.config.js中server块修改为如下配置server: { port: 5183, // 资源编译服务端口 cors: true, // 允许跨域 host: '0.0.0.0', // 允许所有ip访问 hmr: { // 热重载配置 host: 'localhost', // hmr服务地址 protocol: 'ws', // hmr协议 }, }, -
controller中返回inertia响应
use Qscmf\Lib\Inertia\Inertia; $this->inertia('Index', [ // 页面的props 'foo' => 'bar' ]) // 或使用全局 Inertia 类 Inertia::render('Index', [ // 页面的props 'foo' => 'bar' ]);
注册扩展组件
在包的composer.json中添加如下配置
{ // 省略其它配置 "extra": { "qscmf": { "antd-admin": { "component": { "【container注册位置】": "【目标组件路径】", "Column.Extra": "resourses/js/Component/Extra.tsx" } } } } }
其中container注册位置可参考 前端库文档=自定义组件
自定义Columns示例
增加后端组件 Extra.class.php
use AntdAdmin\Component\ColumnType\BaseColumn; class Extra extends BaseColumn { protected function getValueType(): string { return 'extra'; //与前端组件名对应 } }
增加前端组件 Extra.tsx
import {ColumnProps} from "@quansitech/antd-admin/dist/components/Column/types"; import {useState, useEffect} from 'react'; export default function (props: ColumnProps){ const [value, setValue] = useState(props.fieldProps.value); // 初始值 const onInput = (e: any) => { const v = e.target.value; setValue(v); props.fieldProps.onChange?.(v); // 设置value，Form回传 } useEffect(()=>{ props.fieldProps.withValidator(async (v: any)=>{ // 如需要自定义验证，则注入验证方法，参数为表单项的值 if (v === '1'){ throw new Error('出错了'); // 模拟不合规时抛出异常，异常错误信息会显示在该表单项下方 } return true; }) },[]); return <> <input value={value} onChange={onInput} /> </> }
前端注册组件 resources/js/backend/app.tsx
import {container} from "@quansitech/antd-admin"; container.register('Column.Extra', ()=>import('./Extra'));
详情请参考 antd-admin-front
添加入Form表单中
$form->columns(function(Form\ColumnsContainer $container){ $container->addColumn(new Extra('data_extra', '额外组件')); });
quansitech/antd-admin 适用场景与选型建议
quansitech/antd-admin 是一款 基于 PHP 开发的 Composer 扩展包，目前已累计 811 次下载、GitHub Stars 达 0， 最近一次更新时间为 2024 年 10 月 15 日， 在 PHP 生态内属于活跃度较高的组件。
我们在过去多个企业项目中使用过 quansitech/antd-admin 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。
基于 quansitech/antd-admin 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。
统计信息
- 总下载量： 811
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 0
- 点击次数： 16
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： proprietary
- 更新时间： 2024-10-15