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,然後引入。他是作爲一個組件來渲染你拿到的數據,所以需要註冊組件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章