代码与可视化页面转换

在项目中遇到前端编写代码并发送至后端执行的需求,同时需要在前端创建模板,用户可在可视化页面填写可变参数。解决方案是使用{{name}}标记替换动态参数。示例代码展示了如何将含有{{}}标记的字符串转换为可执行的JS代码,通过遍历参数对象并用正则表达式替换完成转换。鼓励读者分享更好的实现方式。
摘要由CSDN通过智能技术生成

最近在项目中遇到一个麻烦的事,需要在前端编写好代码,发送到后端执行。并且在前端创建模板,用户只要在可视化页面填写可变参数就好。

     这确实很为难,不到要写好代码,而且代码的可变参数需要动态改变,最后想出来一种解决方案,使用标记{ {name}}去替换。

具体项目代码就不便于大家而分享了,写了一个简单实现,与大家分享。

var param = [
{"name": "IP地址", "key": "ip", "value": "127.0.0.1"},
{"name": "端口号", "key": "port", "value": "8080"},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值