react-admin+postgrest+material ui最佳实践展示

简介: react-admin+postgrest+material ui最佳实践展示

运行环境

后端启动

.\postgrest .\prodman\db.conf





前端启动

yarn install

yarn start



特点

可以直接连接postgrest数据库进行数据的操作 相当nice


运行结果

查询


image.png

新增

image.png


编辑


image.png

image.png


删除

image.png


导出

image.png


总结

这里只是对实战项目的一个展示 当然这是我的一个基础的模板 想加入前端巅峰人才交流群私信我


gitHub地址

react-admin-mes基础模板gitHub地址




相关文章
|
机器学习/深度学习 计算机视觉
秒懂Precision精确率、Recall召回率-附代码和案例
秒懂Precision精确率、Recall召回率-附代码和案例
|
JavaScript
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位 【解决方案】 表格的重新布局,只要table数据发生变化的时候就重新渲染表格 ```js this.$nextTick(() => { this.$refs.formname.doLayout() }) ``` 参考element官方文档 ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40
713 0
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
|
SQL 存储 关系型数据库
linux下hive远程数据库模式安装
linux下hive远程数据库模式安装
|
关系型数据库 MySQL Linux
命令行 MySQL 基本操作(CentOS) #105
命令行 MySQL 基本操作(CentOS) #105
191 0
|
数据安全/隐私保护
SAP实施篇-轻松权限
摘录自 http://lusonzhang.blog.163.com/blog/static/17236895720114914625977/ 声明:只在私人收藏学习,不对外公布,版权归原作者所有。
1907 0
|
1天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
10天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~