营销平台低代码搭建

891 阅读2分钟

项目目标 实现活动页面可配置,无需发布。 活动价值 解放前端人力。

经过调研营销平台搭建打算使用craft.js。 好处: 可以完全无需发布,根据不同的url请求不同的json来渲染页面。

目前一个活动页面需要由以下几个部分组成。

  1. 页面部分完全可以用craftjs搭建,craft.js 的自定义组件有非常高的灵活性。活动页面十分简单,一般来说就分三个部分,header,main和footer,这三个位置放三张背景图即可。主体部分一般放置两个描述活动规则的面板即可,面板里面通常会有一个按钮来进行一些简单的操作。
  2. 页面交互部分使用自定义组件内置的逻辑即可,比方说我要给一个按钮添加一个弹窗。那么在我们的setting面板会有一个添加弹窗的按钮,点击后输入弹窗名字即可添加一个弹窗,弹窗的属性也可以支持配置。最后在button的配置面板的onClick属性这边配置一个action类似于这个即可。实现可以用react自带的useReducer,根据配置的type来发送不同的action。

截屏2022-05-10 下午2.59.13.png 3.请求部分可以使用react-query,useQuries把页面配置的query最后当作参数传进去实现动态查询。可以参考 4.react-native 端目前还是采用webview直接嵌入,后续可以考虑改写craftjs使他支持react-native的解析。

截屏2022-05-10 下午3.02.16.png 排期的话我目前需要几个组件

  1. 搭建框架 三天
  2. Container 主要用于做一些宽高布局的调整,两天。
  3. Button Button面板需要很多逻辑操作比如要集成弹窗和查询的功能,三天。
  4. Image 有现成的可以用 一天。
  5. Text 也有现成的可以用 一天。
  6. Lottery(可选) 抽奖组件逻辑有点复杂,改造需要点时间 三天。
  7. Scroll notifications(可选) 滚动通知栏 一天。
  8. 需要后端接口帮我存储下json 和存放图片。之前已经做过类似的了,联调三天。 综上 二十天可以搭建一个营销平台。