小程序页面动态配置实现方法-创新互联

小程序可以根据管理后台配置动态更新展示内容,如实现下面新鲜事栏目图片的来源的可配置,点击跳转url的可配置。

创新互联建站主营天峻网站建设的网络公司,主营网站建设方案,app软件定制开发,天峻h5微信平台小程序开发搭建,天峻网站营销推广欢迎天峻等地区企业咨询

实现方案

1后端创建一个map结构的数据表,表结构如下:

2 管理后台根据不同业务设定不同的key和value,更新数据库

如key:ad1url value:a.png

如果需要更新页面图片,只需更新ad1url对应的value

3 小程序根据对应业务key获取对应的配置项,更新页面显示

技术栈

后端接口服务:SpringBoot Mybatis MySql

管理后台:vue

前端:小程序

代码实现

后端接口

为了保证key的唯一性,key在数据库设置为unique属性,新增和更新功能通过以下sql语句实现,主要通过replace into实现配置项的唯一

@Insert("")
 @Options(useGeneratedKeys = true, keyProperty = "configId", keyColumn = "configId")

文章标题:小程序页面动态配置实现方法-创新互联
链接分享:http://hbruida.cn/article/ppjgh.html