基于阿里移动端积木框架Tangram自定义首页卡片

Tangram 移动端框架介绍点击打开链接

项目背景

公司app首页需要完全做到可配置组合提高运营可维护性,由移动端选择了Tangram作为卡片布局框架。此框架有最大的一个好处是,同一份JSON格式数据渲染出来的界面安卓和IOS风格一直,对于后端来说只需要把相应的卡片根据业务需求,组装好JSON返回给移动端,移动端就能渲染出卡片界面。运营可以随时的组合卡片成不同的形状达到首页定制化。因为涉及到商业保密,所以此文章只讲解在项目中数据组装、存储、返回的逻辑。有兴趣的同学可以下载【构家app】查询首页效果


功能说明

  1. 支持自定义卡片模板(规则、不规则)
  2. 支持卡片项目维护
  3. 支持卡片排序调整
  4. 支持定时、手动启用停用
  5. 支持发布(立即生效)

技术栈

以SSM框架为基础,使用ES搜索引擎作为首页数据持久化,使用阿里RocketMQ消息队列通知QuartZ定时器加入定时任务执行上下架卡片(使用QuartZ的原因是,RocketMQ定时消息不能精确定时发送通知)


设计模式

简单工厂模式+模板模式

发布流程


问题及优化

发布的时候可以同时在redis缓存一份数据,当Redis获取不到时再查询ES。原因是redis速度比ES速度更快。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章