uniapp 解析后端返回的 html

时间:2024-05-22 16:19:46

需求

由于6.18活动到期,需要修改文案信息,这就得前后端都得再跑一遍流程。为了减少人员使用,所以将前端静态界面,全部给后端,然后将后端返回的数据,前端通过特定格式来解析。这样,以后单纯文案的修改,就不需要前端的参与了!!!

大致思路

  • 将所有html,和写在行内的样式,给后端
  • 下载 uParse-master 并且引入,注册组件
  • 用注册的组件,来渲染后端返回的数据

具体操作实例

  1. 将之前view,外部样式。全部改成div,行内样式, 然后给后端
之前:

uniapp 解析后端返回的 html

现在

uniapp 解析后端返回的 html

  1. 下载 uParse-master
    地址:https://github.com/dcloudio/uParse
    uniapp 解析后端返回的 html
    将下载下来的文件,我是都放到component里了
    uniapp 解析后端返回的 html
  2. 使用
  • 在需要的页面引入
    uniapp 解析后端返回的 html
    uniapp 解析后端返回的 html

要点说明

  • 由于小程序用的是标签,view小程序标签可能解析不到,所以统一换成div,p,span之类的标签
  • 样式需要全部写在行内,然后给后端
  • 需要下载uParse-master,然后引入。他是作为一个组件来渲染你拿到的数据,所以需要注册组件