CN115185519A - 一种基于前端可视化的辅助编码方法 - Google Patents

一种基于前端可视化的辅助编码方法 Download PDF

Info

Publication number
CN115185519A
CN115185519A CN202210853245.3A CN202210853245A CN115185519A CN 115185519 A CN115185519 A CN 115185519A CN 202210853245 A CN202210853245 A CN 202210853245A CN 115185519 A CN115185519 A CN 115185519A
Authority
CN
China
Prior art keywords
component
basic
json
configuration item
list
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210853245.3A
Other languages
English (en)
Inventor
周清晖
盛振宇
汪飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Electronic System Technology Co ltd
CLP Cloud Digital Intelligence Technology Co Ltd
Original Assignee
China Electronic System Technology Co ltd
CLP Cloud Digital Intelligence Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by China Electronic System Technology Co ltd, CLP Cloud Digital Intelligence Technology Co Ltd filed Critical China Electronic System Technology Co ltd
Priority to CN202210853245.3A priority Critical patent/CN115185519A/zh
Publication of CN115185519A publication Critical patent/CN115185519A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/36Software reuse

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明涉及辅助编码技术领域,提供一种基于前端可视化的辅助编码方法,包括:开发基础组件并提交到npm组件库;加载npm组件库中的基础组件,以拖拽的方式进行页面设计和组件的属性设置,生成待渲染组件列表;基于Json Schema的映射渲染待渲染组件列表;将渲染的组件列表导出为Vue文件;将系统嵌入Electron,由electron‑packager打包成桌面化工具。根据本发明示例性实施例的一种基于前端可视化的辅助编码方法,可以优化前端开发流程,提升开发效率,统一规范前端代码。

Description

一种基于前端可视化的辅助编码方法
技术领域
本发明涉及辅助编码技术领域,尤其涉及一种基于前端可视化的辅助编码方法。
背景技术
常规的前端开发过程中,以Vue为例,首先是基于Vue-cli创建基础的脚手架或者基于前端团队内部沉淀的通用脚手架,前端开发人员获得脚手架之后,会根据目标项目的需求和特性对项目结构进行增减及调整,然后对照UED的高保真设计稿,进行前端页面开发。在进行编码时,通常会采取组件提取、分割的方式,以纯手工编码从页面、业务组件和基础组件三个维度依次进行开发。在实际开发时,单个项目会安排多个前端连携开发。但是各开发人员水平参差不齐,对于前端规范的认知水平和遵守程度差异很大,这就导致实际开发出来的代码“五花八门”,难以维护,也比较容易滋生sonar问题。另外,从前端开发效率上来看,很多模块和组件都属于历史重复的。如果找到了现有的代码就直接复制粘贴,没有找到就重新开发一遍,花费的重复劳动时间较多。
因此,如何提供一种高效率、更规范的编码方法,成为亟待解决的技术问题。
发明内容
有鉴于此,为了克服现有技术的不足,本发明提供一种基于前端可视化的辅助编码方法。
本发明提供的一种基于前端可视化的辅助编码方法,包括:
步骤S1:开发基础组件并提交到npm组件库;
步骤S2:加载npm组件库中的基础组件,以拖拽的方式进行页面设计和组件的属性设置,生成待渲染组件列表;
步骤S3:基于Json Schema的映射渲染待渲染组件列表;
步骤S4:将渲染的组件列表导出为Vue文件;
步骤S5:将系统嵌入Electron,由electron-packager打包成桌面化工具。
进一步地,本发明方法的步骤S1,包括:
步骤S11:基于Vue-cli创建Vue2.6的项目骨架,载入Element依赖包,启动项目;
步骤S12:开发基础组件;
步骤S13:将步骤S12开发完成的基础组件打包生成esm文件,上传至npm组件仓库。
进一步地,本发明方法的步骤S12,包括:
步骤S121:创建组件目录,以组件英文名称的驼峰形式对组件目录命名;
步骤S122:在组件目录下创建index.vue文件,编写组件的dom结构和交互的逻辑;
步骤S123:在组件目录下创建index.css文件,并引入到步骤S122创建的index.vue文件中,控制组件样式;
步骤S124:在组件目录下创建index.js文件,对外暴露install方法,引入步骤S122创建的index.vue文件,开发基础组件。
进一步地,本发明方法的步骤S2,包括:
步骤S21:获取npm组件仓库中的基础组件,将基础组件安装至node_modules目录下;
步骤S22:采用Vuedraggable.js的Vuedraggable组件作为基础组件的容器,获取被拖拽的基础组件类型type;
步骤S23:根据步骤S22得到的基础组件类型type,查询基础组件map和配置项map,得到基础组件实例和基础组件配置项json;
步骤S24:通过Vue的动态组件,将基础组件实例动态挂载到画布区域,查询画布区域组件列表List是否为空:如果画布区域组件列表List为空,新建变量List保存基础组件配置项json;如果画布区域组件列表List不为空,向List插入基础组件配置项json;
步骤S25:获取画布区域中基础组件配置项json,通过Vue的emit机制将基础组件配置项json逐层传递到属性设置区域;根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List。
进一步地,本发明方法的步骤S25中,根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List,包括:
当基础组件配置项json中存在basic配置项对应的键,遍历basic配置项的下级json,在属性配置区域挂载el-form和el-input组件,通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中存在style配置项对应的键,根据style配置项的下级json的键的不同,挂载不同类型的组件,其中,数值型的样式属性挂载el-input组件,选项型的样式属性挂载el-select组件,文件型的样式属性挂载el-upload组件;通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中不存在basic配置项和style配置项对应的键,不做处理。
进一步地,本发明方法的步骤S3,包括:
步骤S31:在画布区域重载基础组件配置项json与组件输入双向绑定的List;
步骤S32:通过全局变量isEdit区分渲染模式。
进一步地,本发明方法的步骤S31,包括:遍历List的每个基础组件的Json,读取组件类型type、basic属性和style属性;根据读取的type属性,查询基础组件map,挂载对应组件;根据读取的basic属性,遍历basic属性的子Json,将子Json的属性用v-on直接绑定到组件的dom节点;根据读取的style属性,遍历style属性的子Json,通过子Json的键的不同,在组件的dom节点用v-on:style绑定不同的css样式属性。
进一步地,本发明方法的步骤S32包括,当isEdit为true,当前渲染模式为编辑模式,画布区域所有的基础组件可以选中并修改配置项;当isEdit为false,当前渲染模式为预览模式,待选区域和属性配置区域隐藏,画布区域所有的基础组件禁止选中。
进一步地,本发明方法的步骤S4:将渲染的组件列表导出为Vue文件,包括单例Vue文件导出和模块导出。
进一步地,本发明方法的步骤S4中,单例Vue文件导出,包括:读取步骤S25的基础组件配置项json与组件输入双向绑定的List,根据字符模板拼接dom结构,单独提取所有style属性,同步读取模板文件,将dom字符串和style属性字符串替换模板文件的模板占位符,在选定的目录下生成填充的单例Vue文件并返回路径。
进一步地,本发明方法的步骤S4中,模块导出,包括:创建目录,将后续依次生成的Vue文件存储到该目录中,其中,模块拆分规则为单个基础组件对应单个Vue文件,当前页面的全部基础组件共同归属于同一个目录,基础组件命名按照组件的唯一识别Id作为区分。
进一步地,本发明方法的步骤S5,包括:将系统嵌入Electron,接入Electron底层api,由electron-packager打包成兼容windows、linux和mac平台的桌面化工具。
本发明基于前端可视化的辅助编码方法,基于Vue、Element实现可交互界面;基于Vuedraggable实现元素可拖拽缩放效果;基于Json Schema的映射实现界面的存储和渲染;基于Node.js实现Json数据解析生成Vue文件;基于Electron封装打包Web端界面,实现兼容三端的桌面化应用;可以优化前端开发流程,提升开发效率,统一规范前端代码。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明示例性第一实施例的一种基于前端可视化的辅助编码方法的流程图;
图2为本发明示例性第二实施例的一种基于前端可视化的辅助编码方法的流程图;
图3为本发明示例性第三实施例的一种基于前端可视化的辅助编码方法的流程图;
图4为本发明示例性第四实施例的一种基于前端可视化的辅助编码方法的流程图;
图5为本发明示例性第五实施例的一种基于前端可视化的辅助编码方法的流程图。
具体实施方式
下面结合附图对本发明实施例进行详细描述。
需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合;并且,基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
需要说明的是,下文描述在所附权利要求书的范围内的实施例的各种方面。应显而易见,本文中所描述的方面可体现于广泛多种形式中,且本文中所描述的任何特定结构及/或功能仅为说明性的。基于本公开,所属领域的技术人员应了解,本文中所描述的一个方面可与任何其它方面独立地实施,且可以各种方式组合这些方面中的两者或两者以上。举例来说,可使用本文中所阐述的任何数目个方面来实施设备及/或实践方法。另外,可使用除了本文中所阐述的方面中的一或多者之外的其它结构及/或功能性实施此设备及/或实践此方法。
图1为根据本发明示例性第一实施例的一种基于前端可视化的辅助编码方法的流程图,如图1所示,本实施例所述方法,包括:
步骤S1:开发基础组件并提交到npm组件库;
步骤S2:加载npm组件库中的基础组件,以拖拽的方式进行页面设计和组件的属性设置,生成待渲染组件列表;
步骤S3:基于Json Schema的映射渲染待渲染组件列表;
步骤S4:将渲染的组件列表导出为Vue文件;
步骤S5:将系统嵌入Electron,由electron-packager打包成桌面化工具。
图2为根据本发明示例性第二实施例的一种基于前端可视化的辅助编码方法的流程图,本实施例是图1所示方法的优选实施例,如图2所示,本实施例方法的步骤S1,包括:
步骤S11:基于Vue-cli创建Vue2.6的项目骨架,载入Element依赖包,启动项目;
步骤S12:开发基础组件;
步骤S13:将步骤S12开发完成的基础组件打包生成esm文件,上传至npm组件仓库。
本实施例方法的步骤S13中,通过webpack的build命令将步骤S12开发完成的基础组件打包生成esm文件,通过npm的publish功能上传至npm组件仓库。
图3为根据本发明示例性第三实施例的一种基于前端可视化的辅助编码方法的流程图,本实施例是图1和图2所示方法的优选实施例,如图3所示,本实施例方法的步骤S12,包括:
步骤S121:创建组件目录,以组件英文名称的驼峰形式对组件目录命名;
步骤S122:在组件目录下创建index.vue文件,编写组件的dom结构和交互的逻辑;
步骤S123:在组件目录下创建index.css文件,并引入到步骤S122创建的index.vue文件中,控制组件样式;
步骤S124:在组件目录下创建index.js文件,对外暴露install方法,引入步骤S122创建的index.vue文件,开发基础组件。
图4为根据本发明示例性第四实施例的一种基于前端可视化的辅助编码方法的流程图,本实施例是图1所示方法的优选实施例,如图4所示,本实施例方法的步骤S2,包括:
步骤S21:获取npm组件仓库中的基础组件,将基础组件安装至node_modules目录下;
步骤S22:采用Vuedraggable.js的Vuedraggable组件作为基础组件的容器,获取被拖拽的基础组件类型type;
步骤S23:根据步骤S22得到的基础组件类型type,查询基础组件map和配置项map,得到基础组件实例和基础组件配置项json;
步骤S24:通过Vue的动态组件,将基础组件实例动态挂载到画布区域,查询画布区域组件列表List是否为空:如果画布区域组件列表List为空,新建变量List保存基础组件配置项json;如果画布区域组件列表List不为空,向List插入基础组件配置项json;
步骤S25:获取画布区域中基础组件配置项json,通过Vue的emit机制将基础组件配置项json逐层传递到属性设置区域;根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List,即为待渲染组件列表。
本实施例方法中,系统的GUI界面可分为三大部分:待选区域、画布区域和属性设置区域。通过步骤S21实现在系统(实现前端可视化的辅助编码方法的集合体)入口文件引入基础组件。
本实施例方法的步骤S22中,将基础组件从待选区域拖拽进入画布区域时,依次触发Vuedraggable组件的start监听函数和end监听函数,在end监听函数中,执行回调函数返回当前拖入的组件的类型,将该类型用变量type保存。
本实施例方法的步骤S23中,基础组件map是根据步骤S21的系统入口文件引入的基础组件,以基础组件的名称作为map的key动态生成;配置项map是开发人员定义的针对不同组件的Json集合。
本实施例方法的步骤S25中,根根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List,包括:
当基础组件配置项json中存在basic配置项对应的键,遍历basic配置项的下级json,在属性配置区域挂载el-form和el-input组件,通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中存在style配置项对应的键,根据style配置项的下级json的键的不同,挂载不同类型的组件,其中,数值型的样式属性挂载el-input组件,选项型的样式属性挂载el-select组件,文件型的样式属性挂载el-upload组件;通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中不存在basic配置项和style配置项对应的键,不做处理。
图5为根据本发明示例性第五实施例的一种基于前端可视化的辅助编码方法的流程图,本实施例是图1所示方法的优选实施例,如图5所示,本实施例方法的步骤S3,包括:
步骤S31:在画布区域重载基础组件配置项json与组件输入双向绑定的List;
步骤S32:通过全局变量isEdit区分渲染模式。
本实施例方法中,步骤S31,包括:
遍历List的每个基础组件的Json,读取组件类型type、basic属性和style属性;根据读取的type属性,查询基础组件map,挂载对应组件;根据读取的basic属性,遍历basic属性的子Json,将子Json的属性用v-on直接绑定到组件的dom节点;根据读取的style属性,遍历style属性的子Json,通过子Json的键的不同,在组件的dom节点用v-on:style绑定不同的css样式属性。
本实施例方法中,步骤S2,包括:
当isEdit为true,当前渲染模式为编辑模式,画布区域所有的基础组件可以选中并修改配置项;当isEdit为false,当前渲染模式为预览模式,待选区域和属性配置区域隐藏,画布区域所有的基础组件禁止选中。
本发明示例性第六实施例提供一种基于前端可视化的辅助编码方法,本实施例是图1所示方法的优选实施例,本实施例方法的步骤S4,包括单例Vue文件导出和模块导出。
本实施例方法中,单例Vue文件导出,包括:读取步骤S25的基础组件配置项json与组件输入双向绑定的List,根据字符模板拼接dom结构,单独提取所有style属性,同步读取模板文件,将dom字符串和style属性字符串替换模板文件的模板占位符,在选定的目录下生成填充的单例Vue文件并返回路径;本实施例方法中,单例Vue文件导出的实现依赖于模板,标准的模板由三个部分组成:静态内容、模板占位符、模板标识符;同步读取模板文件通过Node.js的fs模块实现;在选定的目录下生成填充的单例Vue文件并返回路径通过调用fs模块的同步创建文件功能实现。
本实施例方法中,模块导出,包括:创建目录,将后续依次生成的Vue文件存储到该目录中。其中,生成单个Vue文件的方法与单例Vue文件导出中的生成方法相同;创建目录通过调用fs模块的功能实现。本实施例方法中,模块导出作为单例Vue文件导出的补充。模块拆分规则为单个基础组件对应单个Vue文件,当前页面的全部基础组件共同归属于同一个目录,基础组件命名可按照组件的唯一识别Id作为区分。
本发明示例性第七实施例提供一种基于前端可视化的辅助编码方法,本实施例是图1所示方法的优选实施例,本实施例方法的步骤S5,包括:将系统嵌入Electron,接入Electron底层api,由electron-packager打包成兼容windows、linux和mac平台的桌面化工具。
本实施例方法中,通过下载Electron依赖包,创建main.js文件,引入Electron运行时的配置,修改window.loadURL方法的参数,将原来的静态html文件修改为动态的由webpack的build指令打包后得到的index.html,即可实现系统在桌面窗口正常运行。下载electron-packager,执行electron-packager的打包命令,得到可直接安装到操作系统的可执行文件。
本实施例方法中,通过Electron依赖包,数据存储的方式不限于运行时的缓存存储和localStorage存储,开发人员修改系统的数据存储模式为硬盘和文件存储。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。

Claims (12)

1.一种基于前端可视化的辅助编码方法,其特征在于,所述方法包括:
步骤S1:开发基础组件并提交到npm组件库;
步骤S2:加载npm组件库中的基础组件,以拖拽的方式进行页面设计和组件的属性设置,生成待渲染组件列表;
步骤S3:基于Json Schema的映射渲染待渲染组件列表;
步骤S4:将渲染的组件列表导出为Vue文件;
步骤S5:将系统嵌入Electron,由electron-packager打包成桌面化工具。
2.根据权利要求1所述的基于前端可视化的辅助编码方法,其特征在于,步骤S1,包括:
步骤S11:基于Vue-cli创建Vue2.6的项目骨架,载入Element依赖包,启动项目;
步骤S12:开发基础组件;
步骤S13:将步骤S12开发完成的基础组件打包生成esm文件,上传至npm组件仓库。
3.根据权利要求2所述的基于前端可视化的辅助编码方法,其特征在于,步骤S12,包括:
步骤S121:创建组件目录,以组件英文名称的驼峰形式对组件目录命名;
步骤S122:在组件目录下创建index.vue文件,编写组件的dom结构和交互的逻辑;
步骤S123:在组件目录下创建index.css文件,并引入到步骤S122创建的index.vue文件中,控制组件样式;
步骤S124:在组件目录下创建index.js文件,对外暴露install方法,引入步骤S122创建的index.vue文件,开发基础组件。
4.根据权利要求1所述的基于前端可视化的辅助编码方法,其特在于,步骤S2,包括:
步骤S21:获取npm组件仓库中的基础组件,将基础组件安装至node_modules目录下;
步骤S22:采用Vuedraggable.js的Vuedraggable组件作为基础组件的容器,获取被拖拽的基础组件类型type;
步骤S23:根据步骤S22得到的基础组件类型type,查询基础组件map和配置项map,得到基础组件实例和基础组件配置项json;
步骤S24:通过Vue的动态组件,将基础组件实例动态挂载到画布区域,查询画布区域组件列表List是否为空:如果画布区域组件列表List为空,新建变量List保存基础组件配置项json;如果画布区域组件列表List不为空,向List插入基础组件配置项json;
步骤S25:获取画布区域中基础组件配置项json,通过Vue的emit机制将基础组件配置项json逐层传递到属性设置区域;根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List。
5.根据权利要求4所述的基于前端可视化的辅助编码方法,其特在于,步骤S25中,根据基础组件配置项json的属性类型,获取基础组件配置项json与组件输入双向绑定的List,包括:
当基础组件配置项json中存在basic配置项对应的键,遍历basic配置项的下级json,在属性配置区域挂载el-form和el-input组件,通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中存在style配置项对应的键,根据style配置项的下级json的键的不同,挂载不同类型的组件,其中,数值型的样式属性挂载el-input组件,选项型的样式属性挂载el-select组件,文件型的样式属性挂载el-upload组件;通过v-model指令完成基础组件配置项json与组件输入的双向绑定;
当基础组件配置项json中不存在basic配置项和style配置项对应的键,不做处理。
6.根据权利要求1所述的基于前端可视化的辅助编码方法,其特在于,步骤S3,包括:
步骤S31:在画布区域重载基础组件配置项json与组件输入双向绑定的List;
步骤S32:通过全局变量isEdit区分渲染模式。
7.根据权利要求6所述的基于前端可视化的辅助编码方法,其特在于,步骤S31,包括:遍历List的每个基础组件的Json,读取组件类型type、basic属性和style属性;根据读取的type属性,查询基础组件map,挂载对应组件;根据读取的basic属性,遍历basic属性的子Json,将子Json的属性用v-on直接绑定到组件的dom节点;根据读取的style属性,遍历style属性的子Json,通过子Json的键的不同,在组件的dom节点用v-on:style绑定不同的css样式属性。
8.根据权利要求6所述的基于前端可视化的辅助编码方法,其特在于,步骤S32包括,当isEdit为true,当前渲染模式为编辑模式,画布区域所有的基础组件可以选中并修改配置项;当isEdit为false,当前渲染模式为预览模式,待选区域和属性配置区域隐藏,画布区域所有的基础组件禁止选中。
9.根据权利要求1所述的基于前端可视化的辅助编码方法,其特在于,步骤S4:将渲染的组件列表导出为Vue文件,包括单例Vue文件导出和模块导出。
10.根据权利要求9所述的基于前端可视化的辅助编码方法,其特在于,步骤S4中,单例Vue文件导出,包括:读取步骤S25的基础组件配置项json与组件输入双向绑定的List,根据字符模板拼接dom结构,单独提取所有style属性,同步读取模板文件,将dom字符串和style属性字符串替换模板文件的模板占位符,在选定的目录下生成填充的单例Vue文件并返回路径。
11.根据权利要求9所述的基于前端可视化的辅助编码方法,其特在于,步骤S4中,模块导出,包括:创建目录,将后续依次生成的Vue文件存储到该目录中,其中,模块拆分规则为单个基础组件对应单个Vue文件,当前页面的全部基础组件共同归属于同一个目录,基础组件命名按照组件的唯一识别Id作为区分。
12.根据权利要求1所述的基于前端可视化的辅助编码方法,其特征在于,步骤S5,包括:将系统嵌入Electron,接入Electron底层api,由electron-packager打包成兼容windows、linux和mac平台的桌面化工具。
CN202210853245.3A 2022-07-08 2022-07-08 一种基于前端可视化的辅助编码方法 Pending CN115185519A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210853245.3A CN115185519A (zh) 2022-07-08 2022-07-08 一种基于前端可视化的辅助编码方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210853245.3A CN115185519A (zh) 2022-07-08 2022-07-08 一种基于前端可视化的辅助编码方法

Publications (1)

Publication Number Publication Date
CN115185519A true CN115185519A (zh) 2022-10-14

Family

ID=83520262

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210853245.3A Pending CN115185519A (zh) 2022-07-08 2022-07-08 一种基于前端可视化的辅助编码方法

Country Status (1)

Country Link
CN (1) CN115185519A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115658023A (zh) * 2022-11-14 2023-01-31 广东美的暖通设备有限公司 一种楼宇驾驶舱系统生成方法、装置、设备、介质及产品
CN117234494A (zh) * 2023-09-08 2023-12-15 红有软件股份有限公司 一种动态生成前端页面的方法
CN117873740A (zh) * 2024-03-12 2024-04-12 麒麟软件有限公司 基于gdb的进程死锁关系图构建方法、装置及存储介质

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115658023A (zh) * 2022-11-14 2023-01-31 广东美的暖通设备有限公司 一种楼宇驾驶舱系统生成方法、装置、设备、介质及产品
CN117234494A (zh) * 2023-09-08 2023-12-15 红有软件股份有限公司 一种动态生成前端页面的方法
CN117873740A (zh) * 2024-03-12 2024-04-12 麒麟软件有限公司 基于gdb的进程死锁关系图构建方法、装置及存储介质
CN117873740B (zh) * 2024-03-12 2024-06-07 麒麟软件有限公司 基于gdb的进程死锁关系图构建方法、装置及存储介质

Similar Documents

Publication Publication Date Title
CN115185519A (zh) 一种基于前端可视化的辅助编码方法
CN113126990B (zh) 一种页面开发方法、装置、设备及存储介质
US7228500B2 (en) Web page rendering priority mechanism
CN112558980A (zh) 多软件包管理方法及装置
JP6338714B2 (ja) 柔軟性の高いメタデータの合成
CN110321131A (zh) 业务组件打包方法、系统及服务器
CN110442347A (zh) 安装包编译方法、装置、电子设备及可读存储介质
CN111580804B (zh) 一种软件项目开发的方法和装置
CN109918346A (zh) 一种文件的创建方法及装置
CN114020358A (zh) 基于iOS应用的界面渲染方法及装置
CN112199080A (zh) vuejs项目webpack构建方法及设备
CN105183491A (zh) 跨平台的桌面gis系统及其启动方法
JP2019179383A (ja) Api処理方法、端末、api処理プログラム
CN110716746B (zh) 将rn样式代码转换为小程序样式代码的方法及装置
CN116595284B (zh) 网页系统运行方法、装置、设备、存储介质和程序
US20230289151A1 (en) Generation and consumption of templates based on source code examples
Boyer On the Expressive Power of Declarative Constructs in Interactive Document Scripts
CN117149252A (zh) 程序包的体积调整方法、装置、电子设备及可读存储介质
CN117787930A (zh) 一种地震批处理管理系统、方法、装置及计算机设备
CN118410251A (zh) 数据处理方法、装置、电子设备及计算机可读介质
Martin Creating an Operator with Kubebuilder
CN115167854A (zh) 一种虚拟文档对象模型树的处理方法及装置
CN117519691A (zh) 应用程序处理方法、装置、计算机设备和存储介质
CN117251195A (zh) 应用开发资源处理方法、装置、计算机设备和存储介质
CN116400909A (zh) 一种云边模式的数据可视化大屏轻量化部署发布方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination