Tushan
Weekly Pick
Tushan是一个基于React的开箱即用后台管理前端框架,帮助开发者快速构建包含增删改查等功能的后台管理系统,专注于核心业务开发。
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
Tushan是一个基于React的开箱即用后台管理前端框架,帮助开发者快速构建包含增删改查等功能的后台管理系统,专注于核心业务开发。
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
Tushan
是一个自由度极高的,基于React的,开箱即用的后台管理应用前端框架。作为开发者, 你可以像是调用库一样快速创建一个可用的后台管理框架,包含了常见的增删改查等常规行为以及过滤、导出等常见需求。通过 Tushan
你可以把精力更多的放在核心的业务上而不是后台管理上。一个简单的 Tushan
应用大概会长成以下样子:tsximport { createTextField, createEmailField, createUrlField, jsonServerProvider, ListTable, Resource, Tushan,} from 'tushan';const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com');function App() { return ( <Tushan basename="/admin" dataProvider={dataProvider} > <Resource name="users" label="User" list={ <ListTable fields={[ createTextField('id', { label: 'ID', }), createTextField('name', { label: 'Name', list: { sort: true, }, }), createEmailField('email', { label: 'Email', }), createUrlField('website', { label: 'Website', }), ]} action={{ create: true, detail: true, edit: true, delete: true }} /> } /> </Tushan> );}export default App;
我们可以通过指定字段的类型来决定数据表格的表现形式,并且内置实现了常规的增删改查等操作。帮助开发者快速产出一个后端应用的 MVP。## 效果预览