欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

拖拽式建站是怎么实现的,拖拽式h5建站源码

程序员文章站 2023-12-03 12:30:04
介绍码良是一个在线生成h5页面并提供页面管理和页面编辑的平台,用于快速制作h5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。同时,也为开发者提...

介绍

码良是一个在线生成h5页面并提供页面管理和页面编辑的平台,用于快速制作h5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。同时,也为开发者提供了完备的编程接入能力,通过脚本和组件的形式获得强大的组件行为和交互控制能力。这是笔者迄今为止接触的最为强大的网页在线制作工具。


拖拽式建站是怎么实现的,拖拽式h5建站源码

开源地址

目前开源的是前台的代码,依据作者介绍,后台代码也会在不久后(预计12月份)开源出来,前台开源地址如下:

https://github.com/ymm-tech/gods-pen

https://gitee.com/ymm-tech/gods-pen


拖拽式建站是怎么实现的,拖拽式h5建站源码

码良方便了谁?

  • 程序员

程序员可以在码良平台按业务需要创建自己的组件,并暴露相应参数提供给产品或者设计师方便使用。也可以开发一些脚本扩展已有组件的功能。

  • 设计师

设计师可以制作动画效果比较好的模板提供给更多的人使用

  • 营销者

营销团队可以使用码良创建配置非常灵活的页面,配合获取到的访问等数据,可以直观的看到营销效果。

相关特性

  • 页面管理方便

按团队,项目的维度管理项目页面,方便团队协作。每个项目都可以有自己的权限,也非常适合多人管理一组项目


拖拽式建站是怎么实现的,拖拽式h5建站源码

  • 编辑操作高效

拖拽挪移,随心所欲。灵活组合,提高提高效率,保存模板,快速创建。


拖拽式建站是怎么实现的,拖拽式h5建站源码

  • 组件接入简单

提供方便的脚手架创建组件,你可以把一个小功能,一个页面,一个项目做成一个组件,暴露参数给其他同学在编辑器里面填写


拖拽式建站是怎么实现的,拖拽式h5建站源码

  • 灵活丰富的扩展

可以对组件添加各种脚本,扩展该组件的功能,并友好的提供给使用者配置参数


拖拽式建站是怎么实现的,拖拽式h5建站源码

在线体验

官方提供了在线版本,可以使用自己本身的github账号进行第三方登录:


拖拽式建站是怎么实现的,拖拽式h5建站源码

设计界面


  • 项目管理

系统提供了项目管理功能,可对设计的项目进行系统性的管理


拖拽式建站是怎么实现的,拖拽式h5建站源码

  • 精选

这部分在线版本上打开空白,可能是我机器的缘故,可自行测试


拖拽式建站是怎么实现的,拖拽式h5建站源码

  • 资源管理

这部分包括组件、脚本、音频、视频、图片等管理


拖拽式建站是怎么实现的,拖拽式h5建站源码

后面还包括组件、团队、用户管理等

  • 设计界面

整个设计界面由四大部分组成,分别是工具栏、组件区域、设计区域、设置区域,包含了非常丰富的功能,拖拽式生成网页就是这么简单


拖拽式建站是怎么实现的,拖拽式h5建站源码

其功能不在一一介绍,总之非常的强悍,只有亲自体验了才知道


总结

码良,寓意神笔马良,让网页设计可视化,甚至不需要精通网页设计语言(html、css以及javascript)更加智能、更加方便、更加简单、更加方便管理,官方提供了自己本地部署方案,同时提供了详细的使用手册,感兴趣的小伙伴不要错过!