react-flyproduce插件,是flyproduce代码生成器的一部分。登录flyproduce网站,生成后端java代码(可以选择性的使用swagger2,mybatis-plus技术),以及前端react代码,各种自定义文档。然后使用react-flyproduce插件(同时实现了双向数据绑定,没有采用监听机制,不会影响react的高性能),可以简单明了的实现对服务器的请求。使html与javascript具有极低的耦合度。对于大中小型公司,页面样式频繁切换和快速开发程序提供了极大帮助。
利用flyproduce网站和react-flyprodce插件,已经可以快速生成java代码和javascript中请求服务器代码。如果html代码也能快速生成,那你开发程序的速度将会非常非常快速。最后只需将html和javascript进行简单绑定即可。
html页面的生成,有许多工具可以使用,比如:拖拽生成html页面的网站,人工智能扫描ui原型生成html页面。
flyproduce网站中有详细的视频教程以及图文教程。 或者直接下载百度网盘 提取码:fd0u
https://github.com/fpzhan/react-flyproduce.git
url: String 接口请求路径(必填)
input: Object 查询参数
output: Object 返回结果
success: Function 查询成功回调行数
error: Function 查询失败回调行数
contentType: String ajax请求contentType头信息
submitId: String 触发查询节点的id
inputClear: Boolean 查询完参数是否清空query
init: Boolean 是否页面加载完成之后就进行初始化
paginationRef: String vuetable分页插件ref名称
pageValue: Number 当前第几页的值
size: Number 每页多少条数据
pages: Number 返回的总页数
total: Number 返回的数据总数
statusPath: String 返回状态参数路径(暂时只支持一级路径)
totalPath: String 返回总数据路径(暂时只支持一级路径)
currentName: String 请求第几页传入参数名
sizeName: String 每页多少条数据参数名
dataPath: String 返回数据路径(暂时只支持一级路径)
pagesPath: String 返回总页数路径(暂时只支持一级路径)
currentPath: String 返回当前第几页路径(暂时只支持一级路径)
submitEvent: String 绑定submitId节点的事件名称,例如:click
flyproduceRef:String 当前flyproduce Dom ref属性值(必填,与belongComponent一起使用实现双向数据绑定)
belongComponent:Object 当前react类(必填,与flyproduceRef一起使用实现双向数据绑定)
支持jquery ajax 所有参数,可参考w3school ajax教程