0
点赞
收藏
分享

微信扫一扫

react-admin+postgrest实现增删改查功能(摆脱接口开发)


前言

大家好 我是歌谣 微信公众号关注前端小歌谣带你加入前端巅峰人才交流群

简介

最近准备用一个新的技术框架去开发页面 据说能又很快的效果

准备工作

postgrest数据库

react-admin+postgrest实现增删改查功能(摆脱接口开发)_ecmascript

react-admin

https://github.com/marmelab/react-admin

新建

``` import React from 'react'
import { Create, SimpleForm, TextInput, DateInput } from 'react-admin'
const OrderCreate = (props: any) => { return ( 
   
    
    
    
    
   ) }
export default OrderCreate
```

编辑

``` import React from 'react'
import { Edit, SimpleForm, TextInput, DateInput } from 'react-admin'
const OrderEdit = (props: any) => { return ( 
   
    
    
    
    
    
   )
}
export default OrderEdit
```

查询

``` import React from 'react'
import { List,Datagrid,TextField,EditButton,DeleteButton} from 'react-admin'
const OrderList = (props: any) => { return 
   
    
    
    
    
    
    
    
  
}
export default OrderList
```

结果

react-admin+postgrest实现增删改查功能(摆脱接口开发)_javascript_02

主体

<Admin
            dataProvider={dataProvider}
          >
            <Resource name = 't_order' list = {OrderList} create={OrderCreate} edit = {OrderEdit}/>
          </Admin>

总结

这样就实现了只要通过数据库表和前端就完成了管理页面的开发 只需要知道表名即可 这边知识部分代码 我是歌谣 放弃很容易 但是坚持一定很酷

举报

相关推荐

0 条评论