CN110427175A - 基于通讯接口的前端界面及后台服务生成方法及系统 - Google Patents
基于通讯接口的前端界面及后台服务生成方法及系统 Download PDFInfo
- Publication number
- CN110427175A CN110427175A CN201910718148.1A CN201910718148A CN110427175A CN 110427175 A CN110427175 A CN 110427175A CN 201910718148 A CN201910718148 A CN 201910718148A CN 110427175 A CN110427175 A CN 110427175A
- Authority
- CN
- China
- Prior art keywords
- interface
- information
- service
- abstraction
- 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
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/38—Creation or generation of source code for implementing user interfaces
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)
- Stored Programmes (AREA)
Abstract
一种基于通讯接口的前端界面及后台服务生成方法及系统,该方法包括:配置通讯接口的基本信息;配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息;界面抽象引擎对前端界面抽象,获得界面抽象信息,界面解析引擎识别所述接口映射信息和所述界面抽象信息,生成前端界面代码;服务抽象引擎对后台服务代码抽象,获得服务代码抽象信息,服务解析引擎识别所述接口映射信息和服务代码抽象信息,生成后台服务代码。该系统包括接口数据配置模块、接口映射模块、界面抽象引擎、界面解析引擎、服务抽象引擎和服务解析引擎。当通讯接口配置好并和界面相关组件绑定后,可自动生成前端界面代码及后台服务代码。
Description
技术领域
本发明涉及前端界面及后台服务生成方法及系统,尤其是基于通讯接口的前端界面及后台服务生成方法及系统。
背景技术
许多软件项目涉及前端界面和后台服务。此类项目的传统开发模式为前端组和后端组一起开发,当后台组开发完成后再进行联调。这种开发模式时间周期长,代码质量低。
发明内容
本发明的目的是提供一种基于通讯接口的前端界面及后台服务生成方法及系统,以至少在一定程度上解决现有技术存在的上述缺陷。
为达上述目的,本发明采用的技术方案如下:
一种基于通讯接口的前端界面及后台服务生成方法,其包括以下步骤:
配置通讯接口的基本信息;
配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息,所述接口信息包括所述基本信息和所述参数信息;
界面抽象引擎对前端界面抽象,获得界面抽象信息,界面解析引擎识别所述接口映射信息和所述界面抽象信息,生成前端界面代码,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息;
服务抽象引擎对后台服务代码抽象,获得服务代码抽象信息,服务解析引擎识别所述接口映射信息和服务代码抽象信息,生成后台服务代码。
通讯接口的基本信息包括接口的编码、请求方式和接口类型。
优选地,在生成前端界面代码前还包括指定技术栈的步骤;在生成后台服务代码前还包括指定技术栈的步骤。
一种基于通讯接口的前端界面及后台服务生成系统,其包括接口数据配置模块、接口映射模块、界面抽象引擎、界面解析引擎、服务抽象引擎和服务解析引擎,
所述接口数据配置模块用于配置通讯接口的基本信息;
所述接口映射模块用于配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息,所述接口信息包括所述基本信息和所述参数信息;
所述界面抽象引擎用于对前端界面抽象获得界面抽象信息,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息;
所述界面解析引擎用于识别所述接口映射信息和所述界面抽象信息,生成前端界面代码;
所述服务抽象引擎用于对后台服务代码抽象获得服务代码抽象信息;
所述服务解析引擎用于识别所述接口映射信息和服务代码抽象信息,生成后台服务代码。
通讯接口的基本信息包括接口的编码、请求方式和接口类型。
优选地,所述界面解析引擎包括技术栈指定模块;所述服务解析引擎包括技术栈指定模块。
与现有技术相比,本发明至少具有以下有益效果:
本发明采用数据参数化及界面元素组件化的思想,当通讯接口配置好并和界面相关组件绑定后,系统自动生成前端界面代码及后台服务代码。
附图说明
图1为基于通讯接口的前端界面及后台服务生成方法的流程图;
图2为实现接口数据配置的一种人机界面;
图3为可视化编辑前端界面的一种人机界面;
图4为基于通讯接口的前端界面及后台服务生成系统的组成图。
具体实施方式
下面结合附图和实施例对本发明做进一步说明。
请参照图1,本基于通讯接口的前端界面及后台服务生成方法包括以下步骤:
步骤S1、配置通讯接口的基本信息。可配置的基本信息包括但不限于接口的编码、请求方式、接口类型等。
图2中示出了实现接口数据配置的一种人机界面。按照该人机界面可以对接口的基本信息配置,形成各种通讯接口。
步骤S2、接口映射。包括:配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息,所述接口信息包括所述基本信息和所述参数信息。
步骤S3、界面抽象引擎对前端界面抽象,获得界面抽象信息,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息。抽象的规则符合接口映射规则即可,与语言无关,这是能实现多技术栈生成的基础。然后,界面解析引擎识别所述接口映射信息和所述界面抽象信息,将所述接口映射信息和所述界面抽象信息结合生成指定技术栈的前端界面代码,目前支持VUE、React、HTML、Angular JS;代码生成完成后,系统可导出基于各类技术栈的源文件,包括H5、安卓、IOS、小程序等源文件。
在抽象前,首先通过可视化编辑生成前端界面。图3中示出了可视化编辑生成前端界面的一种人机界面。该人机界面的左半部为组件库,组件库包括基础组件库和业务组件库,组件库上方为设备选择框,用来选择前端设备的类型,设备类型包括手机、PAD、PC。该人机界面的中部为动态显示区,该人机界面的右半部为属性设置区,当选择前端设备后,在人机界面中部的动态显示区会显示相应的前端设备,如图3中显示的前端设备为手机。进一步从组件库选择需要的组件拖动至人机界面中部显示的前端设备中的相应位置即可。
步骤S4、服务抽象引擎对后台服务代码抽象,将服务代码抽象为可以配合接口映射信息的组件,获得服务代码抽象信息。同样,此抽象符合接口映射规则即可,和前端开发语言无关,是能实现多技术栈生成的基础。服务抽象完成后,服务解析引擎识别所述接口映射信息和服务代码抽象信息,生成指定技术栈的后台服务代码,目前支持spring mvc、spring cloud、spring boot;后台服务代码生成完成后,系统可导出其源文件,包括JAVA源文件及关联的XML配置文件。
请参照图4,本基于通讯接口的前端界面及后台服务生成系统包括:接口数据配置模块1;接口映射模块2;界面抽象引擎3;界面解析引擎4;服务抽象引擎5和服务解析引擎6。
接口数据配置模块1用于配置通讯接口的基本信息,通讯接口的基本信息包括但不限于接口的编码、请求方式和接口类型。
接口映射模块2用于:1)配置通讯接口的参数信息;2)建立接口信息与前端界面和后台服务代码的关联关系,即:分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息。
界面抽象引擎3用于对构成前端界面的组件抽象,形成界面抽象信息,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息。此抽象符合接口映射规则既可,和语言无关,是能实现多技术栈生成的基础。
界面解析引擎4用于:1)识别接口映射信息和界面抽象信息;2)将接口映射信息和界面抽象信息结合生成指定技术栈的前端代码,目前支持VUE、React、HTML、Angular JS;3)代码生成完成后,系统可导出基于各类技术栈的源文件,包括H5、安卓、IOS、小程序等源文件。
服务抽象引擎5用于将构成后台服务代码的组件抽象,获得服务代码抽象信息;此抽象符合接口映射规则即可,和前端开发语言无关,是能实现多技术栈生成的基础。
服务解析引擎6用于:1)识别接口映射信息和服务代码抽象信息;2)将接口映射信息和服务代码抽象信息结合生成指定技术栈的后台服务代码,目前支持spring mvc、spring cloud、spring boot;3)后台服务代码生成完成后,系统可导出其源文件,包括JAVA源文件及关联的XML配置文件。
所述界面解析引擎4还包括技术栈指定模块;所述服务解析引擎6还包括技术栈指定模块。
本申请基于采用接口数据参数化及界面元素组件化的思想,多数开发场景中,一个界面的内容显示和此界面交互需要调用后台服务的通讯接口,界面组件信息需要和通讯接口匹配。基于此原则把接口和界面进行抽象,从而将界面组件绑定接口字段,进而根据布局信息编译出相关界面。其具有以下优势:支持多种界面生成,包括移动手机端、PAD、PC端;支持多技术栈前端代码和后台服务代码生成,前端包括VUE、React、HTML等;后台服务代码包括spring mvc、spring cloud等;采用通讯接口和数据库表,数据配置的方式,系统自动生成前端界面及后台服务代码;系统产出物为前端界面源码及后台服务源码,可进行二次维护和开发。
上述通过具体实施例对本发明进行了详细的说明,这些详细的说明仅仅限于帮助本领域技术人员理解本发明的内容,并不能理解为对本发明保护范围的限制。本领域技术人员在本发明构思下对上述方案进行的各种润饰、等效变换等均应包含在本发明的保护范围内。
Claims (6)
1.基于通讯接口的前端界面及后台服务生成方法,其特征在于,包括以下步骤:
配置通讯接口的基本信息;
配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息,所述接口信息包括所述基本信息和所述参数信息;
界面抽象引擎对前端界面抽象,获得界面抽象信息,界面解析引擎识别所述接口映射信息和所述界面抽象信息,生成前端界面代码,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息;
服务抽象引擎对后台服务代码抽象,获得服务代码抽象信息,服务解析引擎识别所述接口映射信息和服务代码抽象信息,生成后台服务代码。
2.根据权利要求1所述的基于通讯接口的前端界面及后台服务生成方法,其特征在于,通讯接口的基本信息包括接口的编码、请求方式和接口类型。
3.根据权利要求1所述的基于通讯接口的前端界面及后台服务生成方法,其特征在于,在生成前端界面代码前还包括指定技术栈的步骤;在生成后台服务代码前还包括指定技术栈的步骤。
4.基于通讯接口的前端界面及后台服务生成系统,其特征在于,包括接口数据配置模块、接口映射模块、界面抽象引擎、界面解析引擎、服务抽象引擎和服务解析引擎,
所述接口数据配置模块用于配置通讯接口的基本信息;
所述接口映射模块用于配置通讯接口的参数信息,分别将接口信息与前端界面、接口信息与后台服务代码关联获得接口映射信息,所述接口信息包括所述基本信息和所述参数信息;
所述界面抽象引擎用于对前端界面抽象获得界面抽象信息,所述界面抽象信息包括组件描述信息、组件布局信息和组件内容信息;
所述界面解析引擎用于识别所述接口映射信息和所述界面抽象信息,生成前端界面代码;
所述服务抽象引擎用于对后台服务代码抽象获得服务代码抽象信息;
所述服务解析引擎用于识别所述接口映射信息和服务代码抽象信息,生成后台服务代码。
5.根据权利要求4所述的基于通讯接口的前端界面及后台服务生成系统,其特征在于,通讯接口的基本信息包括接口的编码、请求方式和接口类型。
6.根据权利要求4所述的基于通讯接口的前端界面及后台服务生成系统,其特征在于,所述界面解析引擎包括技术栈指定模块;所述服务解析引擎包括技术栈指定模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910718148.1A CN110427175A (zh) | 2019-08-05 | 2019-08-05 | 基于通讯接口的前端界面及后台服务生成方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910718148.1A CN110427175A (zh) | 2019-08-05 | 2019-08-05 | 基于通讯接口的前端界面及后台服务生成方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110427175A true CN110427175A (zh) | 2019-11-08 |
Family
ID=68412649
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910718148.1A Pending CN110427175A (zh) | 2019-08-05 | 2019-08-05 | 基于通讯接口的前端界面及后台服务生成方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110427175A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060179425A1 (en) * | 2005-02-04 | 2006-08-10 | Microsoft Corporation | Utilizing abstract descriptions to generate, exchange, and configure service and client runtimes |
CN101145959A (zh) * | 2007-10-10 | 2008-03-19 | 中兴通讯股份有限公司 | 一种网管功能自动实现的方法及其系统 |
US20090216840A1 (en) * | 2008-02-21 | 2009-08-27 | Nokia Corporation | Method for providing services to user interfaces |
CN105446724A (zh) * | 2014-09-11 | 2016-03-30 | 中兴通讯股份有限公司 | 软件参数的管理方法及装置 |
-
2019
- 2019-08-05 CN CN201910718148.1A patent/CN110427175A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060179425A1 (en) * | 2005-02-04 | 2006-08-10 | Microsoft Corporation | Utilizing abstract descriptions to generate, exchange, and configure service and client runtimes |
CN101145959A (zh) * | 2007-10-10 | 2008-03-19 | 中兴通讯股份有限公司 | 一种网管功能自动实现的方法及其系统 |
US20090216840A1 (en) * | 2008-02-21 | 2009-08-27 | Nokia Corporation | Method for providing services to user interfaces |
CN105446724A (zh) * | 2014-09-11 | 2016-03-30 | 中兴通讯股份有限公司 | 软件参数的管理方法及装置 |
Non-Patent Citations (2)
Title |
---|
张晶等: "基于业务模型和界面模型的代码生成工具", 《电脑与信息技术》 * |
焦斌: "基于VxWorks系统的端口初始化软件设计", 《电子测试》 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113034095B (zh) | 结合rpa和ai的人机互动方法、装置、存储介质及电子设备 | |
CN102541541B (zh) | 界面生成方法和装置 | |
CN100525302C (zh) | 基于组件复用的脚本生成装置及其方法 | |
CN103077024B (zh) | 一种支持SaaS应用流程按需定制与运行的装置及方法 | |
KR20180038539A (ko) | 소프트웨어 개발 키트로 데이터 추적을 구현하는 방법 및 시스템 | |
CN102968307B (zh) | 一种基于java的web开发中间件 | |
US9864346B2 (en) | Method for connecting a substation automation device according to IEC61850 to any industry automation field bus | |
CN105095449A (zh) | 一种将html网页转换为移动终端页面的方法 | |
CN104484216A (zh) | 服务接口文档和在线测试工具生成方法、装置 | |
CA2539474A1 (en) | System and method for dynamic generation and customization of web service client applications for terminals | |
CN104821954A (zh) | 一种跨平台远程过程调用方法 | |
CN105786913A (zh) | 一种面向云制造平台的erp集成数据库服务接口封装系统及方法 | |
CN112511591B (zh) | 一种医院接口数据交互的实现方法、装置、设备和介质 | |
CN101309178B (zh) | 一种自动交换光网络系统日志信息的解析方法及装置 | |
CN104376508A (zh) | 一种自动配网生产抢修消息的电网系统及方法 | |
CN105116751A (zh) | 一种基于公有云平台进行信息交互的智能控制系统及控制方法 | |
CN102736926B (zh) | 一种基于任务模板的升级方法及装置、批量升级系统 | |
CN102520960A (zh) | 一种界面自动生成系统以及方法 | |
CN104331360A (zh) | 自动化测试平台 | |
CN104077252A (zh) | Usb设备通信方法、装置及电子设备 | |
US20200210148A1 (en) | Method for adapting to blockchain and device, terminal and medium performing the same | |
CN110427175A (zh) | 基于通讯接口的前端界面及后台服务生成方法及系统 | |
CN103677854A (zh) | 适用于云计算环境下的osgi-web框架的设计方法和系统 | |
CN103186465A (zh) | 网页用户界面的浏览器兼容性测试方法和系统 | |
CN113436320B (zh) | 基于ifc模型文件的3d模型生成系统及方法 |
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 |