0

可能标题描述的不太清楚,还是直接上效果图说

如上效果图所示,可以自己编辑配置参数,然后可预览,每个模块还可以拖拽,想问一下这种技术是怎么实现的?

查看全部 5 个回答

0

其实其他答主回答的很好了,但可能对题主来说过于抽象了。我就再简单说下DIY页面的思路吧:

你可以把这个页面想象成由很多积木拼装而成,这个积木我们在开发中称为组件。

每个组件都可以被抽象成一个对象,它的dom结构、css样式和对应的js都是写好了的。一般会有一个数据对象(比如json)来保存这些自定义配置参数,以便在你操作组件时进行对应的数据读写。

当你添加组件时,js就会去读取配置数据,然后生成相应的dom结构并渲染到html里,你就能预览到效果了。

PS:如果题主想实现类似功能的话,建议先实现其中的一个组件,然后扩展可配置组件的参数...