先知（Prophet）

Prophet 可以快速帮你构建后台管理的中后台前端应用框架，能帮助你使用很少的代码就实现功能完善的后台管理功能。

特性

• 提炼 CRUD 容器组件，UI 与逻辑分离，快速开始前端开发
• 提炼后台应用的典型页面和场景，具备完备的组件和布局
• 提供一致的 API，提供更强大的组件拓展与封装能力
• 默认集成 antd 组件布局，快速搭建一套系统
• 引入 dataProvider 来处理各 种数据规范
• 模块化管理，提供更加灵活的扩展机制。

架构

• 数据源: 后端接口提供方式，如 REST，Graphql， RPC 等
• 数据处理: 通过数据源提供来的数据进行规范化处理
• 组件/Hook: 将数据封装 CRUD 组件和 Hook
• UI: 包装成业务组件

起步

npm install @stbui/prophet@latest @stbui/prophet-data-json-server@latest

import React from 'react';
import { Prophet, Resource } from '@stbui/prophet';
import dataJsonServer from '@stbui/prophet-data-json-server';

const App = () => {
    return (
        <Prophet dataProvider={dataJsonServer('http://127.0.0.1:3001')}>
            <Resource
                name="users"
                list={() => <div>list</div>}
                edit={() => <div>edit</div>}
                create={() => <div>create</div>}
                show={() => <div>show</div>}
            />
        </Prophet>
    );
};

export default App;

基本的页面和数据处理搭建完成

Packages

Package	Docs	Description
@stbui/prophet-core		底层组件的封装
@stbui/prophet-antd		antd UI 实现
@stbui/prophet-data-json-server		REST 接口规范实现