All Projects → stbui → prophet

stbui / prophet

Licence: MIT License
用于构建 react 中后台前端应用框架

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
Less
1899 projects

Projects that are alternatives of or similar to prophet

Antdfront
using next generation data manager and hook、pure function component 、webpack to build antd design pro microfrontend project without umi, cra,dva or rematch
Stars: ✭ 105 (+775%)
Mutual labels:  hook, admin, antd
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+10841.67%)
Mutual labels:  crud, admin, antd
D2 Crud Plus
面向配置的crud框架,基于d2-admin的d2-crud,简化d2-crud配置,快速开发crud功能;支持远程数据字典,国际手机号校验,alioss、腾讯云cos、七牛云文件上传、头像裁剪,省市区选择,权限管理,代码生成
Stars: ✭ 154 (+1183.33%)
Mutual labels:  crud, admin
Kinto Admin
Kinto Web Administration Console
Stars: ✭ 175 (+1358.33%)
Mutual labels:  crud, admin
Django Material
Material Design for Django
Stars: ✭ 2,362 (+19583.33%)
Mutual labels:  crud, admin
Sleepingowladmin
🦉 Administrative interface builder for Laravel (Laravel admin)
Stars: ✭ 671 (+5491.67%)
Mutual labels:  crud, admin
Admincrudbundle
AdminCrud genera un controlador muy básico para una Entity dada. Este controlador extiende e implementa un controlador Super Genial.
Stars: ✭ 18 (+50%)
Mutual labels:  crud, admin
Django Material Admin
Material design for django administration
Stars: ✭ 163 (+1258.33%)
Mutual labels:  crud, admin
luya-module-admin
Administration base module for all LUYA admin modules
Stars: ✭ 45 (+275%)
Mutual labels:  crud, admin
7-react-admin-ts
用 ts + react-hooks 实现的管理后台
Stars: ✭ 23 (+91.67%)
Mutual labels:  admin, antd
react-admin-template
react + antd + vite/webpack5 后台管理系统模板
Stars: ✭ 73 (+508.33%)
Mutual labels:  admin, antd
Rest Admin
Restful Admin Dashboard Based on Vue and Boostrap 4
Stars: ✭ 565 (+4608.33%)
Mutual labels:  crud, admin
Vuetify Admin Dashboard
A Crud Admin panel made from Vue js and Vuetify
Stars: ✭ 481 (+3908.33%)
Mutual labels:  crud, admin
cc-project-vue
一个基于vue3.0+antd+less+spring boot +mybatis+mysql+maven基础权限管理平台
Stars: ✭ 20 (+66.67%)
Mutual labels:  admin, antd
Jianshu
仿简书nx+nodejs+nestjs6+express+mongodb+angular8+爬虫
Stars: ✭ 296 (+2366.67%)
Mutual labels:  crud, admin
Vue Antd Admin
🐜 Ant Design Pro's implementation with Vue
Stars: ✭ 2,766 (+22950%)
Mutual labels:  admin, antd
Ant Design Pro Plus
✨ 基于 ant-design-pro 做一些微小的工作。
Stars: ✭ 88 (+633.33%)
Mutual labels:  admin, antd
Ant Back
🚀 react后台,后台管理系统
Stars: ✭ 90 (+650%)
Mutual labels:  admin, antd
use-antd-resizable-header
antd表格头拖拽hook
Stars: ✭ 63 (+425%)
Mutual labels:  hook, antd
antd-curd
📦 基于 ant design 、 dva 、 antd-form-mate 的增删改查页面组件。
Stars: ✭ 26 (+116.67%)
Mutual labels:  crud, antd

先知(Prophet)

React redux antd Downloads npm Powered_by

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

特性

  • 提炼 CRUD 容器组件,UI 与逻辑分离,快速开始前端开发
  • 提炼后台应用的典型页面和场景,具备完备的组件和布局
  • 提供一致的 react hook,提供更强大的组件拓展与封装能力
  • 默认集成 antd 组件布局,同时也灵活支持第三方 UI 组件集成
  • 引入 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={props => <div>list</div>}
                edit={props => <div>edit</div>}
                create={props => <div>create</div>}
                show={props => <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 接口规范实现
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].