简体中文

Official Documentation: https://tushan.msgbyte.com/

Tushan is a highly flexible, React-based, out-of-the-box frontend framework for backend management applications.

As a developer, you can quickly create a usable backend management framework as if you were calling a library.

A simple Tushan application might looks like this:

import {
 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;

We can determine the presentation of the data table by specifying the types of fields, and built-in functionalities for common operations such as add, delete, edit, and query are implemented to help developers quickly produce an MVP for a backend application.

The preview effects are as follows:

The API design of Tushan is greatly inspired by react-admin, and their interface protocols are fully compatible. This means that the backend interface ecosystem of react-admin can be seamlessly used by Tushan. If you're interested in a backend solution designed with material-ui, you can choose react-admin as an alternative.

Additionally, Tushan includes some common frontend dependencies such as styled-components and arco-design, which can help you build your frontend interface more quickly.

Visit CodeSandbox for a quick example of a version without backend.

The UI component library of Tushan is based on ByteDance's arco-design. You can access the official documentation of arco-design here.

All components have been exported and can be directly imported through tushan.