国产开源精品，拖拽式在线H5网页制作及管理平台——码良
码良是一个在线生成h5页面并提供页面管理和页面编辑的平台，用于快速制作H5页面。用户无需掌握复杂的编程技术，通过简单拖拽、少量配置即可制作精美的页面，可用于营销场景下的页面制作。同时，也为开发者提供了完备的编程接入能力，通过脚本和组件的形式获得强大的组件行为和扮笑交互控制能力。这是笔者迄今为止接触的最为强大的网页在线中缺槐制作工具。
目前开源的是前台的代码，依据作者介绍，后台代码也会在不久后（预计12月份）开源出来，前台开源地址如下：
程序员可以在码良平台按业务需要创建自己的组件，并暴露相应参数提供给产品或者设计师方便使用。也可以开发一些脚本扩展已有组件的功能。
设计师可以制作动画效果比较好的模板提供给更多的人使用
营销团队可以使用码良创建配置非常灵活的页面，配合获取到的访问等数据，可以直观的看到营销效果。
按团队，项目的维度管理项目页面，方便团队协作。每个项目都可以有自己的权限，也非常适合多人管理一组项目
拖拽挪移，随心所欲。灵活组合，提高提高效率，保存模板，快速创建。
提供方便的脚手架创建组件，你可以把一个小功能，一个页面，一个项目做成一个组件，暴露参数给其他同学在卖友编辑器里面填写
可以对组件添加各种脚本，扩展该组件的功能，并友好的提供给使用者配置参数
官方提供了在线版本，可以使用自己本身的Github账号进行第三方登录：
系统提供了项目管理功能，可对设计的项目进行系统性的管理
这部分在线版本上打开空白，可能是我机器的缘故，可自行测试
这部分包括组件、脚本、音频、视频、图片等管理
后面还包括组件、团队、用户管理等
整个设计界面由四大部分组成，分别是工具栏、组件区域、设计区域、设置区域，包含了非常丰富的功能，拖拽式生成网页就是这么简单
其功能不在一一介绍，总之非常的强悍，只有亲自体验了才知道
码良，寓意神笔马良，让网页设计可视化，甚至不需要精通网页设计语言（HTML、CSS以及Javascript）更加智能、更加方便、更加简单、更加方便管理，官方提供了自己本地部署方案，同时提供了详细的使用手册，感兴趣的小伙伴不要错过！
j2ee界面拖拽工具
用extjs，可以是想各种拖拽的功能，或者是用flex做前端，现在的很多网页游戏都是用flex
前端开发常用哪些工具软件？
前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛埋丛的Java编译器就是idea，而idea也能进行前端项目的游液运开发，idea是我用得最熟的一个编译软件。像一个完整的神梁前端网站，配置好jdk，tomcat，maven，数据库之后就可以在idea上进行搭建了。
3.Visual Studio Code
简称VScode，前端开发时期学习的第一款软件，当时学VScode的时候上的网课，老师用插件的时候一个没跟上，就跟不上了。总体感觉下来是插件库很丰富，而且内存占用不大，目前我身边用VScode的人是最多的。
下面是我在实习中接触到的前端开发工具：
notepad++
页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。
前端可视化开发平台哪个好用？
ThingJS 基于 HTML5 和 WebGL 技术，可方便地在主流浏览器上进行浏览和调试，支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能，只需要具有基本的 Javascript 开发经验即可上手。
ThingJS 提供了场景加载、山伍分层级浏览，对象访问、搜索、以及对象的多种控制庆拦方式和丰富的效果展示，可以通过绑定事件进行各种交互操作，还提供了摄像机视角控制、点线面效果、温湿度云图、界面誉唯胡数据展示、粒子效果等各种可视化功能网页链接
前端有什么像.net一样可以拖拽生成ui的工具吗？就了解一个bootstrap网格拖拽。
你要是在用aspx，那可以试试DevExpress
要手拆是mvc的话还是不要用拖拽的东西了
因为目前还没发现有这方此薯模面的
还有就是一定要森缓改变方式，直接写代码很方便的
angularjs，vue之类的框架如何实现可视化拖拽室组件开发，效率比手写高很多倍？
mintUI：基于vue框架，这个组件可以帮助到你
使用侍闹肆教程：
1.找官网
2.安装 npm install mint-ui -S -S表示 --save
3.引入老轿mint Ui的css 和 插件
import Mint from 'mint-ui';
Vue.use(Mint);
import 'mint-ui/lib/style.css'
4.看文档直接使用。
在mintUi组件上面执行事件的弯蔽写法@click.native
mt-button @click.native="sheetVisible = true" size="large"点击上拉 action sheet/mt-button