react-admin是一个基于React的开源后台管理框架,它提供了一套丰富的组件和工具,用于快速构建功能强大的管理界面。而material-ui是一个基于React的UI组件库,它实现了Google的Material Design风格,提供了一系列美观且易于使用的UI组件。 启用material-ui抽屉(Drawer)意味着在react-admin中使用material-ui的抽屉组件来实现侧...
右侧react-admin 利用react-admin自带router属性进行反复嵌套 <Admin dataProvider={dataProvider} basename='/categoryman' layout={appLayout} i18nProvider={i18nProvider} > <Resource name='t_base_materiel_type' list={MaterialTypeList} recordRepresentation="name" create={MaterialTypeAdd} edit={MaterialTypeEdi...
贴出增加修改代码 ```bash import * as React from 'react'; import { Create, ReferenceInput, SelectInput, SimpleForm, TextInput } from 'react-admin'; import { useNavigate } from "react-router-dom"; import { UserContext } from '../ProductList/CategoryLayout'; export const MaterialStyleListA...
为了更好的进行前后端的设计开发 后端目前用postgrest设计数据库 前端直接使用react-admin和material ui 5.0进行开发 大大增加开发效率 技术栈 后端postgrest 前端 react-admin+material ui 页面设计结构 程序的设计分为三个部分 路由 数据 呈现 页面的设计分为三个大块 就是图中的左中右三块 涉及的局部知识点 弹...
前端react-admin+material ui 页面设计结构 程序的设计分为三个部分路由数据 呈现 页面的设计分为三个大块 就是图中的左中右三块 涉及的局部知识点 弹性布局代码 代码语言:javascript 复制 <Grid style={{margin:0,padding:0,display:"flex"}}><Grid style={{width:"200px",margin:"24px 0 0 24px"}}>...
import { List as ListM, fetchUtils } from "react-admin"; import postgrestRestProvider, { IDataProviderConfig, defaultPrimaryKeys, defaultSchema } from '@raphiniert/ra-data-postgrest'; import { Collapse, Grid, ListItem, ListItemText, Paper, List } from "@material-ui/core"; ...
所有的源码在GitHub上: https://github.com/egliu/electron-react-material-template 前文开发的桌面版本Admin Template如下所示但是当前的版本是静态的版本,不包含数据交互,不能够通过外部数据驱动图形的变化…
import { Admin, CustomRoutes, Layout, LayoutProps, ListGuesser, Resource, fetchUtils } from "react-admin"; import postgrestRestProvider, { IDataProviderConfig, defaultPrimaryKeys, defaultSchema } from '@raphiniert/ra-data-postgrest'; import { Collapse, Grid, ListItem, ListItemText, Paper, Lis...
import ExpandLess from '@material-ui/icons/ExpandLess';import ExpandMore from '@material-ui/icons/ExpandMore';import StarBorder from '@material-ui/icons/StarBorder';const useStyles = makeStyles((theme: Theme) =>createStyles({root: {width: '100%',maxWidth: 360,backgroundColor: theme.palette...
React Material-UI Admin Template This is a simple responsive admin template usingReactandMaterial-UIcomponents. usingcreate-react-app react-scriptsto start. This is the very first version, feel free to use for any app. Contributions are always welcome!