Tushan 是一个自由度极高的,基于React的,开箱即用的后台管理应用前端框架。
作为开发者,你可以像是调用库一样快速创建一个可用的后台管理框架一个简单的Tushan 应用大概会长成以下样子:import{createTextField,createEmailField,createUrlField,jsonServerProvider,ListTable,Resource,Tushan,}from'tushan';constdataProvider=jsonServerProvider('https://jsonplaceholder.typicode.com');functionApp(){return(<Tushanbasename="/admin"dataProvider={dataProvider}><Resourcename="users"label="User"list={<ListTablefields={[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>);}exportdefaultApp; 我们可以通过指定字段的类型来决定数据表格的表现形式,并且内置实现了常规的增删改查等操作。帮助开发者快速产出一个后端应用的MVP。预览预览效果如下:Tushan的api设计受到 react-admin 很大的启发,两者的接口协议是完全兼容的,这意味着react-admin现成的后端接口生态方案可以完全无缝被Tushan使用。如果对material-ui设计的后台方案感兴趣的话可以选择react-admin作为替代
另外,Tushan 还包括一些常用的前端依赖项,如 styled-components 和 arco-design 等,可以帮助您更快地搭建前端界面。在CodeSandbox中快速示例访问 CodeSandbox 快速获得无后台版本的示例程序。UI框架Tushan 的UI组件库是基于字节跳动的 arco-design。你可以在这里访问arco-design的官方文档所有的组件都已经被导出且可以通过tushan直接引入
评论