项目目标 实现活动页面可配置,无需发布。 活动价值 解放前端人力。
经过调研营销平台搭建打算使用craft.js。 好处: 可以完全无需发布,根据不同的url请求不同的json来渲染页面。
目前一个活动页面需要由以下几个部分组成。
- 页面部分完全可以用craftjs搭建,craft.js 的自定义组件有非常高的灵活性。活动页面十分简单,一般来说就分三个部分,header,main和footer,这三个位置放三张背景图即可。主体部分一般放置两个描述活动规则的面板即可,面板里面通常会有一个按钮来进行一些简单的操作。
- 页面交互部分使用自定义组件内置的逻辑即可,比方说我要给一个按钮添加一个弹窗。那么在我们的setting面板会有一个添加弹窗的按钮,点击后输入弹窗名字即可添加一个弹窗,弹窗的属性也可以支持配置。最后在button的配置面板的onClick属性这边配置一个action类似于这个即可。实现可以用react自带的useReducer,根据配置的type来发送不同的action。
3.请求部分可以使用react-query,useQuries把页面配置的query最后当作参数传进去实现动态查询。可以参考
4.react-native 端目前还是采用webview直接嵌入,后续可以考虑改写craftjs使他支持react-native的解析。
排期的话我目前需要几个组件
- 搭建框架 三天
- Container 主要用于做一些宽高布局的调整,两天。
- Button Button面板需要很多逻辑操作比如要集成弹窗和查询的功能,三天。
- Image 有现成的可以用 一天。
- Text 也有现成的可以用 一天。
- Lottery(可选) 抽奖组件逻辑有点复杂,改造需要点时间 三天。
- Scroll notifications(可选) 滚动通知栏 一天。
- 需要后端接口帮我存储下json 和存放图片。之前已经做过类似的了,联调三天。 综上 二十天可以搭建一个营销平台。