PHPackages quansitech/antd-admin - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. quansitech/antd-admin ActiveLibrary[Admin Panels](/categories/admin) quansitech/antd-admin ===================== qscmf antd后台管理 v1.4.1(3mo ago)0796↓50%12proprietaryPHP Since Oct 29Pushed 3mo ago2 watchersCompare [ Source](https://github.com/quansitech/antd-admin)[ Packagist](https://packagist.org/packages/quansitech/antd-admin)[ RSS](/packages/quansitech-antd-admin/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (2)Dependencies (1)Versions (37)Used By (2) Antd-admin for Qscmf ==================== [](#antd-admin-for-qscmf) 该项目为 [qs-cmf](https://github.com/quansitech/qs_cmf) 后台 ant-design-pro 模式的组件库 安装 -- [](#安装) ``` composer require quansitech/antd-admin npm install npm run build:backend ``` 使用 -- [](#使用) ### 通用组件 [](#通用组件) 该项目采用container模式，组件通过container增加，并已增加默认组件的快捷操作，不需要手动new 组件 - [表格组件Table](./doc/Table.md) - [表单组件Form](./doc/Form.md) - [标签页组件Tabs](./doc/Tabs.md) ### 自定义页面 [](#自定义页面) 1. 新增页面组件 ``` // resources/js/backend/Pages/Index.tsx import {usePage, Head} from "@inertiajs/react"; export default function (){ const props = usePage().props return TP inertia } ``` 2. 编译静态资源 ``` # 编译 npm run build:backend # 或 开发模式 npm run dev:backend ``` #### 使用ssh开发时需要在 `vite.backend.config.js` 中 `server` 块修改为如下配置 [](#使用ssh开发时需要在-vitebackendconfigjs-中-server-块修改为如下配置) ``` server: { port: 5183, // 资源编译服务端口 cors: true, // 允许跨域 host: '0.0.0.0', // 允许所有ip访问 hmr: { // 热重载配置 host: 'localhost', // hmr服务地址 protocol: 'ws', // hmr协议 }, }, ``` 3. 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注册位置可参考 [前端库文档=自定义组件](https://github.com/quansitech/antd-admin-front?tab=readme-ov-file#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6) ### 自定义Columns示例 [](#自定义columns示例) #### 增加后端组件 `Extra.class.php` [](#增加后端组件-extraclassphp) ``` use AntdAdmin\Component\ColumnType\BaseColumn; class Extra extends BaseColumn { protected function getValueType(): string { return 'extra'; //与前端组件名对应 } } ``` #### 增加前端组件 `Extra.tsx` [](#增加前端组件-extratsx) ``` 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 } ``` #### 前端注册组件 `resources/js/backend/app.tsx` [](#前端注册组件-resourcesjsbackendapptsx) ``` import {container} from "@quansitech/antd-admin"; container.register('Column.Extra', ()=>import('./Extra')); ``` 详情请参考 [antd-admin-front](https://github.com/quansitech/antd-admin-front) #### 添加入Form表单中 [](#添加入form表单中) ``` $form->columns(function(Form\ColumnsContainer $container){ $container->addColumn(new Extra('data_extra', '额外组件')); }); ``` ### Health Score 43 — FairBetter than 91% of packages Maintenance82 Actively maintained with recent releases Popularity18 Limited adoption so far Community14 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~13 days Recently: every ~36 days Total 36 Last Release 94d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/bb006532a148984f2ee6703cbf4f9830af758d740ef02634d89cc7716485ccd1?d=identicon)[Martin Jack](/maintainers/Martin%20Jack) --- Top Contributors [![qq958691165](https://avatars.githubusercontent.com/u/13673962?v=4)](https://github.com/qq958691165 "qq958691165 (78 commits)") ### Embed Badge ![Health badge](/badges/quansitech-antd-admin/health.svg) ``` [![Health](https://phpackages.com/badges/quansitech-antd-admin/health.svg)](https://phpackages.com/packages/quansitech-antd-admin) ``` ### Alternatives [filament/spatie-laravel-media-library-plugin Filament support for `spatie/laravel-medialibrary`. 1764.8M125](/packages/filament-spatie-laravel-media-library-plugin)[filament/infolists Easily add beautiful read-only infolists to any Livewire component. 1220.8M36](/packages/filament-infolists)[resma/filament-awin-theme A modern, responsive, and customizable theme for FilamentPHP, designed to elevate your admin panel with a sleek interface and seamless user experience. 1714.6k](/packages/resma-filament-awin-theme) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)