Open AnsonCode opened 10 months ago
web开发需要前端可视化界面以及后端接口。
当前fb已经可以实现API接口的快速生成,并支持自定义。后端接口开发的工作基本满足。
前端可视化界面从使用场景又可分为两大类:完全定制化的前端 和中后台前端
参考:https://code.fun/
对于完全定制化的前端,由于定制化程度高,暂时不考虑解决。而中后台前端重复性高,定制化程度低,所以可以通过抽象来快速生成。
第一阶段: 经过调研发现,REFINE简直是飞布的绝佳搭配伙伴,目前它的社区中已经有众多case,其中hasura,nohost,supase都是飞布对标的竞品。
第一阶段,考虑基于它实现一套带有权限管理的CRUD后台。
功能概览:
(参考:https://snowy.xiaonuo.vip/sys/menu)
‒ 用户管理: ‒ 超级管理员:内置超级管理员,可以进入后台新建其他管理员 ‒ 用户角色:可以修改其所拥有的角色 ‒ 用户组:用户所属分组(需要在授权钩子中,根据用户组所属的角色,给用户新增角色) 疑问:自建数据库还是用OIDC呢?前者是否可以用gql实现登录,注册功能呢?(可能要搭配钩子) ‒ 角色管理:复用飞布的角色接口 ‒ 授权资源:某角色所能访问的菜单 ‒ 授权权限:角色对应的接口(同RBAC指令)-》需要修改gql(还有四种关系 );接口的名称作为按钮的权限粒度,控制按钮是否禁用或隐藏
‒ 菜单管理:菜单列表,菜单绑定的角色
‒ CRUD示例:提供一套CRUD示例
参考资料:
‒ REFINE文档:https://refine.dev/docs/tutorials/ant-design-tutorial/ ‒ b端登录鉴权整体介绍:https://www.bilibili.com/video/BV1qK411S7JP/ ‒ 权限管理怎么做?用户、角色、权限是什么? :https://www.bilibili.com/video/BV17a4y1x7Hk/
下面是之前的思考
目前,有三大类解决方案 1,基于vue3 构建前端框架,包含RBAC以及用户管理,例如 https://www.gin-vue-admin.com/
2,基于表单定制生成可视化界面,代表产品:积木
3,基于可视化拖拽定制界面,并可视化对接接口,代表产品:https://app.appsmith.com/
https://developer.aliyun.com/article/878957 官网:https://lowcode-engine.cn/ 低代码引擎技术白皮书:https://developer.aliyun.com/ebook/7507?spm=a2c6h.12873639.article-detail.119.39377dac5z4FEI
https://gitee.com/dromara/go-view
需要讨论并选定合适的技术方案,提升中后台开发效率。
web开发需要前端可视化界面以及后端接口。
当前fb已经可以实现API接口的快速生成,并支持自定义。后端接口开发的工作基本满足。
前端可视化界面从使用场景又可分为两大类:完全定制化的前端 和中后台前端
参考:https://code.fun/
对于完全定制化的前端,由于定制化程度高,暂时不考虑解决。而中后台前端重复性高,定制化程度低,所以可以通过抽象来快速生成。
第一阶段: 经过调研发现,REFINE简直是飞布的绝佳搭配伙伴,目前它的社区中已经有众多case,其中hasura,nohost,supase都是飞布对标的竞品。
第一阶段,考虑基于它实现一套带有权限管理的CRUD后台。
功能概览:
(参考:https://snowy.xiaonuo.vip/sys/menu)
‒ 用户管理: ‒ 超级管理员:内置超级管理员,可以进入后台新建其他管理员 ‒ 用户角色:可以修改其所拥有的角色 ‒ 用户组:用户所属分组(需要在授权钩子中,根据用户组所属的角色,给用户新增角色) 疑问:自建数据库还是用OIDC呢?前者是否可以用gql实现登录,注册功能呢?(可能要搭配钩子) ‒ 角色管理:复用飞布的角色接口 ‒ 授权资源:某角色所能访问的菜单 ‒ 授权权限:角色对应的接口(同RBAC指令)-》需要修改gql(还有四种关系 );接口的名称作为按钮的权限粒度,控制按钮是否禁用或隐藏
‒ 菜单管理:菜单列表,菜单绑定的角色
‒ CRUD示例:提供一套CRUD示例
参考资料:
‒ REFINE文档:https://refine.dev/docs/tutorials/ant-design-tutorial/ ‒ b端登录鉴权整体介绍:https://www.bilibili.com/video/BV1qK411S7JP/ ‒ 权限管理怎么做?用户、角色、权限是什么? :https://www.bilibili.com/video/BV17a4y1x7Hk/
下面是之前的思考
目前,有三大类解决方案 1,基于vue3 构建前端框架,包含RBAC以及用户管理,例如 https://www.gin-vue-admin.com/
2,基于表单定制生成可视化界面,代表产品:积木
3,基于可视化拖拽定制界面,并可视化对接接口,代表产品:https://app.appsmith.com/
https://developer.aliyun.com/article/878957 官网:https://lowcode-engine.cn/ 低代码引擎技术白皮书:https://developer.aliyun.com/ebook/7507?spm=a2c6h.12873639.article-detail.119.39377dac5z4FEI
https://gitee.com/dromara/go-view
需要讨论并选定合适的技术方案,提升中后台开发效率。