[发明专利]一种实现代码可视化编辑组合的方法及系统

摘要

本发明涉及一种实现代码可视化编辑组合的方法及系统，包括服务器将待处理的一个或一个以上代码片段转义传送给web页面；所述web页面将转义后的代码片段分别装载入不同的页面标签容器中，每个页面标签容器绑定拖动事件；所述web页面根据各个页面标签容器的内容在页面中展示代码片段对应的名称、入参和出参格式；依次将待处理的代码片段拖动至代码编辑区进行可视化编辑组合，生成组合的可编辑代码；将组合的可编辑代码进行转义得到目标代码，将组合的可编辑代码和目标代码均传送给服务器保存；本发明大大提高了常用代码的复用率，实现代码参数配置的可视化，标示可修改区域和不可修改区域，大大提高代码生成和输出效率。

主权项

一种实现代码可视化编辑组合的方法，其特征在于，包括如下步骤：步骤1：服务器将待处理的一个或一个以上代码片段转义传送给web页面；步骤2：所述web页面将转义后的代码片段分别装载入不同的页面标签容器中，每个页面标签容器绑定拖动事件；步骤3：所述web页面根据各个页面标签容器的内容在页面中展示代码片段对应的名称、入参和出参格式；步骤4：依次将待处理的代码片段拖动至代码编辑区进行可视化编辑组合，生成组合的可编辑代码；步骤4中依次将待处理的代码片段拖动至代码编辑区进行可视化编辑组合，生成组合的可编辑代码的具体实现为：步骤4.1：利用鼠标左键点击一个待处理的代码片段的名称，此时生成相应的代理容器，该代理容器跟随鼠标指针移动至代码编辑区；步骤4.2：在代码编辑区点击鼠标左键，判断当前位置是否可以插入代码，如果允许，则执行步骤4.3；如果不允许，则提示当前位置不能插入该代码片段，则自动释放当前的代理容器，结束流程；步骤4.3：直接插入所拖动的代码片段，并对插入的代码片段进行参数的可视化配置，判断所有代码片段是否均处理完毕，如果是则得到组合的可编辑代码，结束；否则返回步骤4.1；步骤5：将组合的可编辑代码进行转义得到目标代码，将组合的可编辑代码和目标代码均传送给服务器保存。