SuperAPI AI 工具集

angular-primeng

前端与建站

查看项目

更新于 10-16 01:28

技能介绍

用途:为 Angular 21 结合 PrimeNG 的企业级前端开发提供规范参考,适用于 MES 制造执行系统、ERP 企业资源规划、后台管理系统与数据密集型应用。

主要能力:给出项目结构约定,划分 core(认证、路由守卫、拦截器、模型、服务)、shared(组件、指令、管道、工具)与 features 功能模块;列出 PrimeNG 常用组件对照,如 p-drawer 表单侧栏、p-dialog 确认框、p-table 数据表格、p-button、pInputText、p-select、p-datepicker、p-tag、p-toast、p-blockui;说明 Signals 状态管理、服务层 CRUD 封装与统一 API 响应格式;提供表单(Reactive Forms)、表格分页排序、Drawer 编辑模式与 HTTP 拦截器错误处理的实践代码片段。

使用方式:在 app.config.ts 中通过 provideAnimationsAsync 与 providePrimeNG 注册 Aura 主题并配置 darkModeSelector 与 cssLayer;业务组件以 Signals 持有状态、computed 派生、effect 处理副作用;服务使用 @Injectable providedIn root 封装 get/post/put/delete;表格使用 p-table 的 paginator、loading、globalFilterFields 等输入。

限制:资料未提供安装命令、版本依赖细节、许可证、价格与官方文档链接,暂未提供。规范明确禁止用 Mock 兜底数据(API 失败应报错)、禁止 Emoji、要求使用正体中文(台湾用语)、禁止单文件超过 500 行,并建议 OnPush、trackBy、懒加载与虚拟滚动等优化。