获得徽章 0
- Angular8，通过拖拽可视化布局，生成预览页面和代码，有没有小伙伴有兴趣一起做呢？Github:
github.com
可视化布局什么呢？列表页面、表单页面，因为这两个页面的工作量很大，公司处于前端极少，后端多的传统型企业，如何让后端人员快速的学会布局列表、表单页面呢？我基于谷歌开源的angular8、蚂蚁金服开源的ng.ant.design做一个可视化布局的插件，可以通过拖拽进行布局、列表页面、表单页面生成，不考虑业务。只考虑静态页面
难点：
1. 动态加载指定组件。解决方案：使用angular的动态组件，新增一个拖拽指令，html标签绑定 dragName属性，指令内部监听拖拽事件，获取组件名称，动态加载选中的组件。
2. 生成预览页面，输出组件代码，这个组件代码是编译之前的代码(已解决)
3. 选中组件，可以可视化的修改组件的属性，如何写入修改后的代码，在页面中修改属性后，如何动态的更新组件代码(未开始，目前实现思路是，放入缓存，通过观察者模式全局更新组件状态)
4. 删格布局里面插入组件(拖拽需要和angular框架结合，删格动态组件里面动态插入指定子组件，目前没有思路)展开评论点赞
github.com
