基于JS正则表达式实现模板数据动态渲染(实现思路详解)

最近业务上需要动态渲染模板数据,好久没写前端代码了,有点生疏,将思路简单写下来,防老: 一、业务需求: 1.前端后端定义好模板以及变量名,保存数据库 2.订单数据是前端根据支付结果获取的,最终渲染完的数据模板需要调用打印机打印出来 3.模板相对商家来说比较固定,但是每个商家需要的模板都有可能不一样,所以需要每次登录后,查询一次模板缓存前端,后续每次支付后,动态渲染数据即可 二、考点: 1.正则表达式 2.精简代码量,尽量减少前端的工作量​ 三、实现思路: 1.需要渲染数据的模板,以${变量名}区分: var t="银行:${bankName},商家名称:${merchantName},订单号: