CN115437608A - 智能研发辅助方法及装置 - Google Patents
智能研发辅助方法及装置 Download PDFInfo
- Publication number
- CN115437608A CN115437608A CN202210945684.7A CN202210945684A CN115437608A CN 115437608 A CN115437608 A CN 115437608A CN 202210945684 A CN202210945684 A CN 202210945684A CN 115437608 A CN115437608 A CN 115437608A
- Authority
- CN
- China
- Prior art keywords
- project
- development
- user
- page
- code
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/61—Installation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及一种智能研发辅助方法及装置技术方案,包括:项目创建、项目管理、项目开发、项目调试及项目部署,其中项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;项目管理包括通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;项目开发包括根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;项目调试包括对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;项目部署包括通过可视化方式及离线方式对项目进行一键打包。本发明的有益效果为:减轻了开人员发的工作量,减少了操作成本,提高编码的效率。
Description
技术领域
本发明涉及计算机领域,具体涉及了一种智能研发辅助方法及装置。
背景技术
在当前的互联网开发中,同一个项目只能通过可视化方式开发或全代码开发,且项目组为了节省开发成本和方便管理,一般会统一使用一个开发工具。
但项目组内开发人员的技术水平是参差不齐的,如此一来就会出现如下问题:技术水平比较高的人使用代码化开发的效率更高,但苦于项目组内是采用可视化的方式开发而导致自身能力得不到最大化的发挥,更有甚者因此而离职。
对于代码化开发的人员而言,也存在着诸多问题:从零开始创建项目困难:需要新建很多文件夹并进行诸多配置;代码难以复用且复用率低:很难找到或是要花很多精力去寻找可复用的代码;查找引用开发资源困难:要经常切换至第三方应用去寻找资源,然后将资源迁移至项目中,整个过程操作繁杂耗时;项目测试部署困难:传统的项目测试需要打开浏览器,在IDE中编辑代码后再切换至浏览器刷新页面,不断的来回切换很麻烦,在部署时更是需要在终端中进行一系列操作,这个过程繁琐且容易出错。
如何让一套开发工具能对可视化开发的项目进行代码化开发,且让开发人员编码变得更简单、高效,这是一个急需解决的问题。
发明内容
本发明的目的在于至少解决现有技术中存在的技术问题之一,提供了一种智能研发辅助方法及装置,编码及研发提供便利,降低研发门槛,提高研发效率,减少研发成本。
本发明的技术方案包括一种智能研发辅助方法,包括项目创建、项目管理、项目开发、项目调试及项目部署:所述项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;所述项目管理包括通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;所述项目开发包括根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;所述项目调试包括对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;所述项目部署包括通过可视化方式及离线方式对项目进行一键打包。
根据所述的智能研发辅助方法,其中的项目创建包括:创建项目面板,所述项目面板占据所述代码编辑器,所述项目面板用于未打开任何项目的时候自动展示,所述项目面板包括创建项目选项及显示若干所述项目模板;根据用户在创建项目时所输入的必要创建信息,通过资源平台的HTTP服务获取对应应用的基板,并通过接口写入输入的信息,获得所述项目模板的完整资源。
根据所述的智能研发辅助方法,其中的项目管理包括:通过所述代码编辑器界面的活动栏提对项目的总览进行显示,其中总览包括快捷操作、依赖列表、页面列表、组件列表面板,总览为可折叠的树形结构;所述快捷操作为对常用功能通过脚本指令进行定义;所述依赖列表为对供依赖管理提供操作指令;所述页面列表以树的结构展示项目中页面的清单,提供新增、编辑、删除页面、预览页面的操作入口;所述组件列表展示了项目中组件清单,提供新增组件、编辑组件、删除组件及预览组件的操作入口。
根据所述的智能研发辅助方法,其中的快捷操作包括:通过读取接口获取项目数据文件,获取脚本字段所定义的各项脚本指令,并展示为树的形式,根据用户每次点击每项脚本指令,创建对应的新的终端窗口,并在终端窗口中执行对应的脚本指令。
根据所述的智能研发辅助方法,其中的依赖列表包括:通过读取接口获取项目数据文件,获取用于开发环境和测试环境依赖包中的依赖清单,并对依赖清单以树形展示,通过视图扩展方式为开发环境及测试环境注册新增入口,根据用户点击命令及所输入的依赖名称,创建新的终端窗口,通过新的终端窗口执行依赖脚本的安装。
根据所述的智能研发辅助方法,其中的页面列表及所述组件列表包括:通过读取接口获取项目页面目录及组件目录,进而获取离线包数据文件及页面数据文件,并以树的形式展示,通过视图扩展的方式注册新增的页面、组件离线包及预览页面的入口,根据用户点击触发自定义命令调用对应的服务或者打开自定义视图;其中,自定义视图通过视图扩展生成,用于展示新增页面、离线包、页面模版、离线包模版及初始化组件模块,并以图形化方式提供了输入新增页面、新增离线包的必要信息,其中新增页面、新增离线包通过写入接口实现;以及,根据用户点击删除页面、离线包及组件时,通过调用删除接口对指定的页面、离线包及组件进行删除,同时通过读取接口读取页面数据文件、离线包数据文件及组件数据文件,移除对应页面、对应离线包及对应组件的数据,并重新使用写入接口写入更新的页面数据、离线包数据及组件数据。
根据所述的智能研发辅助方法,其中的项目开发包括:创建物料、生成文档及发布物料的入口,并注册创建物料、生成文档、发布物料的命令;在执行创建物料命令时,调用写入接口在物料对应的目录写入物料模块的文件以及初始化的模块数据;根据生成文档的入口触发生成文档的命令,调用生成文档的服务,读取并分析物料模块源码,获取物料模块相关元数据,生成创建后更新的物料模块数据文件及物料文档;根据触发发布物料的命令,调用资源平台提供的HTTP服务接口对物料进行发布。
根据所述的智能研发辅助方法,其中的项目开发还包括:包括创建物料库入口,读取用户所创建的项目类型,调用资源平台提供的HTTP服务接口查找适配的多种物料,通过读取接口获取物料通过物料库从资源平台获取不同类型的物料进行展示。
根据所述的智能研发辅助方法,其中的项目开发还包括物料引用的辅助方法,所述物料引用包括代码插入、代码提示及文档提示;所述代码插入包括响应于物料的交互事件,根据光标处于所述代码编辑器区域的位置,通过语言转换接口将插入的物料代码转换为代码片段,激活所述代码编辑器区域,根据光标位置及代码片段,执行代码注入;所述代码提示包括获取已下载的物料,读取物料的元数据,通过语言接口对物料生成一种或多种语言特性功能,其中语言特性功能包括对业务组件、技术组件的组件标签、组件属性及组件事件的悬浮提示;所述查看文档包括创建自定义视图面板,通过自定义视图面板及用户点击事件,调用资源平台的HTTP服务接口获取物料相应的文档,渲染为HTML文档进行展示。
根据所述的智能研发辅助方法,其中的项目部署包括:创建自定义视图面板,在创建自定义视图面板加载标签,通过标签对项目开发时的调试网址、前端页面及前端组件进行展示;通过自定义视图面板对本地项目的页面数据及离线包数据进行读取及显示,根据用户指令,将页面数据及离线包数据进行打包。
本发明的技术方案还包括一种智能研发辅助装置,包括项目创建模块、项目管理模块、项目开发模块、项目调试模块及项目部署模块:所述项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;所述项目管理模块用于通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;所述项目开发模块用于根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;所述项目调试模块用于对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;所述项目部署模块用于通过可视化方式及离线方式对项目进行一键打包。
本发明的有益效果为:将智能辅助融合在开发人员的编码中,可以对可视化开发的项目进行代码化开发,满足了高技术开发人员对编码的需求。提供了模板化创建项目、可视化项目管理、多种资源辅助开发、项目快速调试、打包等功能,减轻了开人员发的工作量,减少了操作成本,提高编码的效率。
附图说明
下面结合附图和实施例对本发明进一步地说明;
图1所示为根据本发明实施方式的总体流程图。
图2所示为根据本发明实施方式的智能研发辅助示意图。
图3所示为根据本发明实施方式的模板化创建项目的流程图。
图4所示为根据本发明实施方式的可视化管理项目总体流程图。
图5a,5b,5c所示为根据本发明实施方式的快捷操作、依赖列表及页面列表实现流程图。
图6a,6b,6c,6d所示为根据本发明实施方式的物料创建、展示、引用及文档查看流程图。
图7所示为根据本发明实施方式的在线预览流程图。
图8所示为根据本发明实施方式的一键打包流程图。
图9所示为根据本发明实施方式的装置框图。
具体实施方式
本部分将详细描述本发明的具体实施例,本发明之较佳实施例在附图中示出,附图的作用在于用图形补充说明书文字部分的描述,使人能够直观地、形象地理解本发明的每个技术特征和整体技术方案,但其不能理解为对本发明保护范围的限制。
在本发明的描述中,若干的含义是一个或者多个,多个的含义是两个以上,大于、小于、超过等理解为不包括本数,以上、以下、以内等理解为包括本数。
在本发明的描述中,对方法步骤的连续标号是为了方便审查和理解,结合本发明的整体技术方案以及各个步骤之间的逻辑关系,调整步骤之间的实施顺序并不会影响本发明技术方案所达到的技术效果。
本发明的描述中,除非另有明确的限定,设置等词语应做广义理解,所属技术领域技术人员可以结合技术方案的具体内容合理确定上述词语在本发明中的具体含义。
术语解释:
技术组件,基础的控件,比如按钮,输入框等
业务组件,由技术组件组成的带有业务性质的组件,比如带有icon的密码输入框
离线包离线包,是多个页面的集合,例如手机app中,一个模块由多个页面组成(例如转账模块),那么这个模块就可以视为一个离线包。
打包,把多个相关的文件汇集到一个文件夹中的操作过程;
部署,部署一般指把应用或者服务“安装”到目标环境的过程;
页面调试,运行页面,看页面的功能和效果是否符合预期;
VS Code,一个编写代码的工具;
面板,一个展示数据的区域;
TreeView,类型面板该类型的面板可以折叠;
viewsWelcome,类型面板只在未打开任何项目的时候才会展示出来的面板;
webview,类型面板该类型的面板占据整个代码编辑器区域;
依赖,分为项目依赖和环境依赖,依赖是项目或环境所必备的一些数据;
Dependencies,项目依赖,项目本身必备的一些资源,比如项目里用到了组件A,那么组件A就称为该项目的依赖;
devDependencies,环境依赖,项目运行环境必备的一些资源;
Node.js,一种编程语言;
HTTP,一种通信协议,可以在一定程度上保证数据传输过程中的安全;
writeFile API,Node.js的一个API,可以像目标对象写入用户输入的数据;
readFile API,Node.js的一个API,可以读取目标数据;
rmDir API,Node.js的一个API;
readDir API,Node.js的一个API;
package.json,项目的一个文件,上面包含了项目的所有数据,例如组件、页面、脚本等;
Window API,用于获取处理当前窗口的编辑器以及展示现实消息、提供选项选择以及用户输入所需要的UI元素;
Webview API,用于创建一个窗口来显示用HTML、CSS、JS构建的自定义页面;
createTerminal,方法可以创建一个新的终端用以执行指令;
AST,分析AST,抽象语法树(abstract syntaxt tree)是源代码的抽象语法结构的树状表示,树结构上的每个节点都表示源代码中的一种结构,通过AST的结构能够理解代码。理解代码之后,可以对代码进行转换,生成新的目标代码。
language API,用于处理VS Code中特定语言编辑器功能,比如智能提示、代码动作、诊断、悬浮提示等;
SDK,在不同类型项目中提供的特定的API集合,方便前端开发对不同系统的调用,比如提供原生App的JavaScript API集合,可以让前端开发方便地调用原生App的不同功能;
Markdown,文档一种文档的格式;
HTML,文档一种文档的格式;
URL,资源的路径;
iframe元素,HMTL标签。
图1所示为根据本发明实施方式的总体流程图。该流程包括项目创建、项目管理、项目开发、项目调试及项目部署,其中项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;项目管理包括通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;项目开发包括根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;项目调试包括对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;项目部署包括通过可视化方式及离线方式对项目进行一键打包。
图2所示为根据本发明实施方式的智能研发辅助示意图。本发明的智能方法包括:
模板化项目创建项目:提供了多种类型项目的基础版本(基础版本相当于模版)和页面模板,用户可以基于基板创建项目开发并下载引入相关的页面模板,无需从0对项目进行搭建、开发,以此减少开发的工作量,加快开发效率。
可视化项目管理:总结了在多个市场的实战经验和具体分析了开发过程中的对项目管理的需求,提出了可视化项目管理的解决方案并给予落地,解决了开发过程中管理混乱的难题,减少了开发者管理、寻找资源的成本。
多种资源辅助开发:在传统的开发模式中,开发者经常要频繁的切换页面前往第三方应用寻找各种开发资源,繁杂的操作过程会消耗开发者大量的时间和精力,中集齐了开发过程中常用的开发资源,例如:图片、图标、代码片段、公共方法、开发文档、公共样式、主题配色、服务接口等等,开发者只在IDE内就可以快速找到所需的资源,无需再频繁切换页面。
项目调试:在中可以点击预览按钮后在右侧预览窗口对项目进行快速预览,如果是移动端项目,还支持手机扫码预览调试页面,并且修改代码后能快速预览到相应的效果,无需再频繁切换页面到浏览器的开发者工具中进行调试,减少了开发者的操作成本。
项目快速打包:提供可视化的方式将多个页面一键打包成离线包并导出,开发者无需在终端一个个打包页面,降低了人为出错的风险,减少了操作成本。
图3所示为根据本发明实施方式的模板化创建项目的流程图。其流程如下:
通过VS Code的视图扩展,注册了viewsWelcome类型的面板,该类型面板只在未打开任何项目的时候展示,在该面板中提供一个创建项目按钮,点击可以打开创建项目界面。
通过VS Code的视图扩展,注册了一个自定义的webview面板视图,该类型的面板占据整个代码编辑器区域,用于展示创建应用的界面。
自定义视图中会通过调用资源平台的HTTP服务获取应用类型的相关数据,每种应用类型都有对应的物料——基板,例如手机银行、认证H5等。
根据用户输入和选择创建应用的必要信息后,创建的过程是通过从资源平台下载对应的基板,并通过Node.js的writeFile API写入输入的信息,获得完整的项目。
本实施例从VS Code编辑器的侧边栏点击创建应用的按钮,打开创建应用的界面,通过图形化、流程化的交互输入、选择相关选项去创建应用,创建完成后自动打开新项目。
图4所示为根据本发明实施方式的可视化管理项目总体流程图。本实施例的流程如下:
通过VS Code的视图扩展,在VS Code的活动栏添加一个新的项目总览入口。
项目总览面板,通过VS Code的视图扩展,实现了TreeView类型的面板,该类型的面板可以折叠,具体见下图。TreeView类型面板展示一系列事物,包括快捷操作、依赖列表、页面列表及组件列表面板。
图5a,5b,5c所示为根据本发明实施方式的快捷操作、依赖列表及页面列表实现流程图。
其中图5a为快捷操作流程图,包括:
在快捷操作面板中通过Node.js的readFile API读取项目的package.json文件,获取其中的srcipt脚本字段所定义的各项脚本指令,展示为树的形式,点击每项脚本指令,都可以通过VS Code的window API中的createTermina l方法创建一个新的VS Code终端窗口,并在其中执行对应的脚本指令。
其中图5b为依赖列表的流程图,包括:
在依赖列表面板中通Node.j的readFile API读取项目的package.json文件,获取其中的dependencies、devDependencies字段所对应的依赖清单,展示为树的形式,通过视图扩展的方式为dependencies和devDependencies项都注册了新增入口,点击后可以调用自定义命令,其中使用VS Code的window API中的createInputBox用于弹出输入框供用户输入依赖名称,确认之后通过VS Code的window API中的createTerminal方法创建一个新VS Code终端窗口,并在其中执行对应依赖安装脚本。
其中图5c为页面列表的流程图,包括:
在页面列表面板中通过Node.js的readDir API读取项目的页面目录,通过Node.js的readFile API读取项目的离线包数据文件、页面数据文件,收集页面列表相关的信息,并以树的形式展示,通过视图扩展的方式注册新增页面、新增离线包、删除页面、删除离线包、预览页面等入口,点击可以触发自定义命令可以调用对应的服务或者打开自定义视图。
通过VS Code的视图扩展,注册了一个自定义的webview面板视图,占据整个代码编辑器区域,用于展示新增页面、新增离线包的界面。在该自定义面板视图中,会通过资源平台提供的HTTP服务获取可供选择的页面模版、离线包模版,通过图形化的方式开发者可以输入新增页面、新增离线包的必要信息,新增的过程则通过Node.js下载文件并使用writeFile API写入页面数据文件、离线包数据文件。
用户点击删除特定页面、删除特定离线包时,则会通过Node.js的rmDir API对特定页面、特定离线包进行删除,同时通过readFIle API读取页面数据文件、离线包数据文件,移除对应页面、对应离线包的数据,最后再使用writeFile API重新写入页面数据文件、离线包数据文件。
本发明的实施例还包括组件列表工作流程,其流程与页面列表类似,包括:
在依赖列表面板中通过Node.js的readFile API读取项目的package.json文件,获取其中的dependencies、devDependencies字段所对应的依赖清单,展示为树的形式,通过视图扩展的方式为dependencies和devDependencies项都注册了新增入口,点击后可以调用自定义命令,其中使用VS Code的window API中的createInputBox用于弹出输入框供用户输入依赖名称,确认之后通过VS Code的window API中的createTerminal方法创建一个新的VS Code终端窗口,并在其中执行对应依赖安装脚本。
图6a,6b,6c,6d所示为根据本发明实施方式的物料创建、展示、引用及文档查看流程图。
其中图6a为物料的创建流程,包括:
基于物料规范创建物料,根据用户在编辑器中遵循物料规范所开发物料,生成物料的元数据、文档,最终发布物料到资源平台。其详细步骤如下:
通过VS Code的视图扩展,添加了创建物料、生成文档、发布物料的入口,并注册创建物料、生成文档、发布物料的命令;
在执行创建物料命令时,调用了Node.js的writeFile接口在物料对应的目录写入物料模块的文件以及初始化的模块数据;
编写完物料的代码之后,通过点击生成文档的入口触发生成文档的命令,调用生成文档的服务,该过程包括使用Node.js读取模块源码,使用AST分析模块源码,收集模块相关元数据,最后通过Node.js生成最新的物料模块数据文件、物料文档;
完成物料开发后,可以触发发布物料的命令,调用资源平台提供的HTTP服务,发布物料。
图7所示为根据本发明实施方式的在线预览流程图。其流程包括:
通过VS Code的视图扩展,注册了一个自定义的webview面板视图,位于代码编辑区的右侧区域,用于提供预览页面、预览组件的展示界面。该自定义视图中将加载一个iframe元素,用于在该自定义视图中通过不同的URL访问不同的网址,最主要的目的是在开发过程中打开本地的调试地URL,访问开发中的前端页面、前端组件,快速查看实际效果,方便调试。
本实施例提供了如下2种预览入口:
A.通过页面列表中每个页面的预览入口,可以打开该自定义视图,并传递对应的页面访问地址URL,通过iframe元素进行访问和展示对应的页面;
B.通过组件列表中每个组件的预览入口,可以打开该自定义视图,并传递对应的组件访问地址URL,通过iframe元素进行访问和展示对应的组件。
本实施例实现了在编辑器的右侧快速预览页面。
图8所示为根据本发明实施方式的一键打包流程图。该流程包括:
通过VS Code的视图扩展,注册了一个自定义的webview面板视图,占据整个代码编辑器区域,用于展示构建部署的界面。在该自定义面板视图中,可以调用服务,包括使用Node.js的readFile API读取本地项目页面数据、离线包数据信息进行展示,使用VS Code的window API中的createTerminal方法创建一个新的VS Code终端窗口,并在其中执行选取构建任务所对应的构建脚本指令。
图9所示为根据本发明实施方式的装置框图。本实施例的装置包括:项目创建模块、项目管理模块、项目开发模块、项目调试模块及项目部署模块,项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;项目管理模块用于通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;项目开发模块用于根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;项目调试模块用于对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;项目部署模块用于通过可视化方式及离线方式对项目进行一键打包。
应当认识到,本发明实施例中的方法步骤可以由计算机硬件、硬件和软件的组合、或者通过存储在非暂时性计算机可读存储器中的计算机指令来实现或实施。所述方法可以使用标准编程技术。每个程序可以以高级过程或面向对象的编程语言来实现以与计算机系统通信。然而,若需要,该程序可以以汇编或机器语言实现。在任何情况下,该语言可以是编译或解释的语言。此外,为此目的该程序能够在编程的专用集成电路上运行。
此外,可按任何合适的顺序来执行本文描述的过程的操作,除非本文另外指示或以其他方式明显地与上下文矛盾。本文描述的过程(或变型和/或其组合)可在配置有可执行指令的一个或多个计算机系统的控制下执行,并且可作为共同地在一个或多个处理器上执行的代码(例如,可执行指令、一个或多个计算机程序或一个或多个应用)、由硬件或其组合来实现。所述计算机程序包括可由一个或多个处理器执行的多个指令。
进一步,所述方法可以在可操作地连接至合适的任何类型的计算平台中实现,包括但不限于个人电脑、迷你计算机、主框架、工作站、网络或分布式计算环境、单独的或集成的计算机平台、或者与带电粒子工具或其它成像装置通信等等。本发明的各方面可以以存储在非暂时性存储介质或设备上的机器可读代码来实现,无论是可移动的还是集成至计算平台,如硬盘、光学读取和/或写入存储介质、RAM、ROM等,使得其可由可编程计算机读取,当存储介质或设备由计算机读取时可用于配置和操作计算机以执行在此所描述的过程。此外,机器可读代码,或其部分可以通过有线或无线网络传输。当此类媒体包括结合微处理器或其他数据处理器实现上文所述步骤的指令或程序时,本文所述的发明包括这些和其他不同类型的非暂时性计算机可读存储介质。当根据本发明所述的方法和技术编程时,本发明还包括计算机本身。
计算机程序能够应用于输入数据以执行本文所述的功能,从而转换输入数据以生成存储至非易失性存储器的输出数据。输出信息还可以应用于一个或多个输出设备如消费者。在本发明优选的实施例中,转换的数据表示物理和有形的对象,包括消费者上产生的物理和有形对象的特定视觉描绘。
上面结合附图对本发明实施例作了详细说明,但是本发明不限于上述实施例,在技术领域普通技术人员所具备的知识范围内,还可以在不脱离本发明宗旨的前提下做出各种变化。
Claims (11)
1.一种智能研发辅助方法,包括项目创建、项目管理、项目开发、项目调试及项目部署,其特征在于:
所述项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;
所述项目管理包括通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;
所述项目开发包括根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;
所述项目调试包括对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;
所述项目部署包括通过可视化方式及离线方式对项目进行一键打包。
2.根据权利要求1所述的智能研发辅助方法,其特征在于,所述项目创建包括:
创建项目面板,所述项目面板占据所述代码编辑器,所述项目面板用于未打开任何项目的时候自动展示,所述项目面板包括创建项目选项及显示若干所述项目模板;
根据用户在创建项目时所输入的必要创建信息,通过资源平台的HTTP服务获取对应应用的基板,并通过接口写入输入的信息,获得所述项目模板的完整资源。
3.根据权利要求1所述的智能研发辅助方法,其特征在于,所述项目管理包括:
通过所述代码编辑器界面的活动栏提对项目的总览进行显示,其中总览包括快捷操作、依赖列表、页面列表、组件列表面板,总览为可折叠的树形结构;
所述快捷操作为对常用功能通过脚本指令进行定义;
所述依赖列表为对供依赖管理提供操作指令;
所述页面列表以树的结构展示项目中页面的清单,提供新增、编辑、删除页面、预览页面的操作入口;
所述组件列表展示了项目中组件清单,提供新增组件、编辑组件、删除组件及预览组件的操作入口。
4.根据权利要求3所述的智能研发辅助方法,其特征在于,所述快捷操作包括:
通过读取接口获取项目数据文件,获取脚本字段所定义的各项脚本指令,并展示为树的形式,根据用户每次点击每项脚本指令,创建对应的新的终端窗口,并在终端窗口中执行对应的脚本指令。
5.根据权利要求3所述的智能研发辅助方法,其特征在于,所述依赖列表包括:
通过读取接口获取项目数据文件,获取用于开发环境和测试环境依赖包中的依赖清单,并对依赖清单以树形展示,通过视图扩展方式为开发环境及测试环境注册新增入口,根据用户点击命令及所输入的依赖名称,创建新的终端窗口,通过新的终端窗口执行依赖脚本的安装。
6.根据权利要求3所述的智能研发辅助方法,其特征在于,所述页面列表及所述组件列表包括:
通过读取接口获取项目页面目录及组件目录,进而获取离线包数据文件及页面数据文件,并以树的形式展示,通过视图扩展的方式注册新增的页面、组件离线包及预览页面的入口,根据用户点击触发自定义命令调用对应的服务或者打开自定义视图;
其中,自定义视图通过视图扩展生成,用于展示新增页面、离线包、页面模版、离线包模版及初始化组件模块,并以图形化方式提供了输入新增页面、新增离线包的必要信息,其中新增页面、新增离线包通过写入接口实现;
以及,根据用户点击删除页面、离线包及组件时,通过调用删除接口对指定的页面、离线包及组件进行删除,同时通过读取接口读取页面数据文件、离线包数据文件及组件数据文件,移除对应页面、对应离线包及对应组件的数据,并重新使用写入接口写入更新的页面数据、离线包数据及组件数据。
7.根据权利要求1所述的智能研发辅助方法,其特征在于,所述项目开发包括:
创建物料、生成文档及发布物料的入口,并注册创建物料、生成文档、发布物料的命令;
在执行创建物料命令时,调用写入接口在物料对应的目录写入物料模块的文件以及初始化的模块数据;
根据生成文档的入口触发生成文档的命令,调用生成文档的服务,读取并分析物料模块源码,获取物料模块相关元数据,生成创建后更新的物料模块数据文件及物料文档;
根据触发发布物料的命令,调用资源平台提供的HTTP服务接口对物料进行发布。
8.根据权利要求7所述的智能研发辅助方法,其特征在于,所述项目开发还包括:
包括创建物料库入口,读取用户所创建的项目类型,调用资源平台提供的HTTP服务接口查找适配的多种物料,通过读取接口获取物料通过物料库从资源平台获取不同类型的物料进行展示。
9.根据权利要求7所述的智能研发辅助方法,其特征在于,所述项目开发还包括物料引用的辅助方法,所述物料引用包括代码插入、代码提示及文档提示;
所述代码插入包括响应于物料的交互事件,根据光标处于所述代码编辑器区域的位置,通过语言转换接口将插入的物料代码转换为代码片段,激活所述代码编辑器区域,根据光标位置及代码片段,执行代码注入;
所述代码提示包括获取已下载的物料,读取物料的元数据,通过语言接口对物料生成一种或多种语言特性功能,其中语言特性功能包括对业务组件、技术组件的组件标签、组件属性及组件事件的悬浮提示;
所述查看文档包括创建自定义视图面板,通过自定义视图面板及用户点击事件,调用资源平台的HTTP服务接口获取物料相应的文档,渲染为HTML文档进行展示。
10.根据权利要求1所述的智能研发辅助方法,其特征在于,所述项目部署包括:
创建自定义视图面板,在创建自定义视图面板加载标签,通过标签对项目开发时的调试网址、前端页面及前端组件进行展示;
通过自定义视图面板对本地项目的页面数据及离线包数据进行读取及显示,根据用户指令,将页面数据及离线包数据进行打包。
11.一种智能研发辅助装置,包括项目创建模块、项目管理模块、项目开发模块、项目调试模块及项目部署模块,其特征在于:
所述项目创建包括根据用户请求,在交互界面的代码编辑器区域显示对应的项目模板;
所述项目管理模块用于通过活动栏对项目的编辑操作进行显示,以及,根据用户操作对项目执行对应的编辑;
所述项目开发模块用于根据用户请求,通过集成开发环境及可视化向使用者提供一种或多种开发资源;
所述项目调试模块用于对项目进行编译并预览,以及,还包括对修改的代码的对应部分进行编译及预览;
所述项目部署模块用于通过可视化方式及离线方式对项目进行一键打包。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210945684.7A CN115437608A (zh) | 2022-08-08 | 2022-08-08 | 智能研发辅助方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210945684.7A CN115437608A (zh) | 2022-08-08 | 2022-08-08 | 智能研发辅助方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115437608A true CN115437608A (zh) | 2022-12-06 |
Family
ID=84242971
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210945684.7A Pending CN115437608A (zh) | 2022-08-08 | 2022-08-08 | 智能研发辅助方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115437608A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117406973A (zh) * | 2023-12-13 | 2024-01-16 | 上海群之脉信息科技有限公司 | 一种交互式数据分析的方法及装置 |
CN117492753A (zh) * | 2023-10-24 | 2024-02-02 | 深圳微米云服信息科技有限公司 | 一种实现数据可视化的前端开发方法及系统 |
-
2022
- 2022-08-08 CN CN202210945684.7A patent/CN115437608A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117492753A (zh) * | 2023-10-24 | 2024-02-02 | 深圳微米云服信息科技有限公司 | 一种实现数据可视化的前端开发方法及系统 |
CN117406973A (zh) * | 2023-12-13 | 2024-01-16 | 上海群之脉信息科技有限公司 | 一种交互式数据分析的方法及装置 |
CN117406973B (zh) * | 2023-12-13 | 2024-03-12 | 上海群之脉信息科技有限公司 | 一种交互式数据分析的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210034336A1 (en) | Executing a process-based software application in a first computing environment and a second computing environment | |
US11449348B2 (en) | Pre/post deployment customization | |
CN115437608A (zh) | 智能研发辅助方法及装置 | |
Millar et al. | Developing a Scalpel and Foremost Graphical User Interface | |
KR20140115458A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
KR20140115009A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114978A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114993A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140115001A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114975A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140114963A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
KR20140114987A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140094770A (ko) | 애플리케이션 개발 환경 제공 방법 및 그 장치 | |
KR20140114967A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
KR20140115465A (ko) | 애플리케이션 환경 제공 시스템 | |
KR20140114981A (ko) | 애플리케이션 환경 제공 시스템 | |
KR20140114971A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140114974A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140114970A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
KR20140115007A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114991A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140115478A (ko) | 애플리케이션 개발 환경 제공 방법 | |
KR20140114962A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
KR20140115008A (ko) | 애플리케이션 개발 환경 제공 장치 | |
KR20140115464A (ko) | 애플리케이션 환경 제공 시스템 |
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 |