uniapp 解析后端返回的 html

需求

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

大致思路

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

具体操作实例

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

在这里插入图片描述

现在

在这里插入图片描述

  1. 下载 uParse-master
    地址:https://github.com/dcloudio/uParse
    在这里插入图片描述
    将下载下来的文件,我是都放到component里了
    在这里插入图片描述
  2. 使用
  • 在需要的页面引入
    在这里插入图片描述
    在这里插入图片描述

要点说明

  • 由于小程序用的是标签,view小程序标签可能解析不到,所以统一换成div,p,span之类的标签
  • 样式需要全部写在行内,然后给后端
  • 需要下载uParse-master,然后引入。他是作为一个组件来渲染你拿到的数据,所以需要注册组件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章