WO2011150777A1 - Web应用的开发装置及其开发方法 - Google Patents

Web应用的开发装置及其开发方法 Download PDF

Info

Publication number
WO2011150777A1
WO2011150777A1 PCT/CN2011/074815 CN2011074815W WO2011150777A1 WO 2011150777 A1 WO2011150777 A1 WO 2011150777A1 CN 2011074815 W CN2011074815 W CN 2011074815W WO 2011150777 A1 WO2011150777 A1 WO 2011150777A1
Authority
WO
WIPO (PCT)
Prior art keywords
development
web application
control
sib
library
Prior art date
Application number
PCT/CN2011/074815
Other languages
English (en)
French (fr)
Inventor
周萌
Original Assignee
中兴通讯股份有限公司
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 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2011150777A1 publication Critical patent/WO2011150777A1/zh

Links

Classifications

    • 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

Definitions

  • the present invention relates to the field of web applications, and in particular to a device for developing a web application and a method for developing the same.
  • BACKGROUND OF THE INVENTION The development of a complete web application can be divided into the following parts according to the division of labor: page control, layout style, foreground logic, background logic. According to the development method, it can be divided into the following types: writing code, manual configuration, and visual configuration. Write code including Java, JSP, JavaScript, etc. Manual configuration includes HTML, CSS, XML, etc. Visual configuration uses the user interface of the development tool to drag and fill in the required content. In general, when developing different application parts, different development methods are needed, mainly based on writing code and manual configuration.
  • the page control is coded by JSP and HTML is manually configured.
  • the layout style is coded by JavaScript and CSS is manually configured.
  • the foreground logic writes code through JavaScript, and the background logic is manually configured by Java code and XML.
  • the configuration can generally play a certain auxiliary role in page space and layout style. The inventors found that the current development methods have the following problems:
  • a main object of the present invention is to provide a web application development device (also referred to as a web application development platform) and a development method thereof, so as to at least solve the above-mentioned problem that the web application development is difficult.
  • a device for developing a web application including an integrated development environment, a control library, and a SIB (Service Independent Block) library, is integrated.
  • the environment includes: a page editor, a visual interface configured to provide a page for editing a web application; an action flow editor, configured to provide a visual interface for editing an action flow of the web application; the control library includes a plurality of controls, and the control is set to be on the page
  • the editor's visual interface is executed by a drag configuration operation to develop controls in the web application's page;
  • the SIB library includes a plurality of SIBs, and the SIB is set to perform a drag configuration operation in the visual interface of the action flow editor to develop the web application.
  • the flow of action is executed by a drag configuration operation to develop controls in the web application's page;
  • the SIB library includes a plurality of SIBs, and the SIB is set to perform a drag configuration operation in the visual interface of the action flow editor to develop the web application.
  • the integrated development environment further includes: a control configurator, a visual interface configured to provide properties and events of the control that configures the control library; and an SIB configurator configured to provide a visual interface for configuring parameters of the SIB of the SIB library.
  • the development apparatus further includes an operation platform, which includes a service execution layer, configured to parse the application package about the web application generated by the integrated development environment by calling a control of the control library and an SIB of the SIB library.
  • the operating platform further includes a service interface layer, which includes a library API interface, and is configured to invoke a control library of the service execution layer and an SIB of the SIB library.
  • the operating platform further comprises a business capability layer, comprising: a plurality of capability sets, including a set of universal functions used in developing the web application; a capability API interface, a control set to the control library, and an SIB library The ability of the SIB to call a capability set.
  • the operating platform further includes a service infrastructure layer configured to provide a basic service to the business capability layer.
  • the development device further comprises: a development package, configured to provide support for the business base layer; a configuration file, configured to save the parameters of the development package.
  • the development device further includes a management station configured to provide a visualized management interface, the management interface being configured to accept user operations to perform online management of the development device and the web application loaded into the development device.
  • the management station includes an interface for the network management system to call the development device.
  • the SIB is set to develop event processing logic for controls in the pages of the web application.
  • a method for developing a web application development apparatus including:
  • An integrated development environment in a web application development device creates a project related to a web application; a page editor in the web application development device accepts a user's drag configuration operation on a control of a control library in the web application development device to develop a web application page Control; action flow in a web application development device The editor accepts the user's drag configuration operation on the SIB of the SIB library in the web application development device to develop an action flow in the web application; the integrated development environment generates an output application package for the project according to the accepted drag configuration operation.
  • the development method further includes: the running platform in the web application development device accepts the deployment of the application package, and parses and generates the web application.
  • the running platform in the web application development device accepts the deployment of the application package, and parses and generates the web application, including: deploying the application package in the service execution layer of the running platform; and executing the library API interface of the service interface layer of the running platform through the service execution layer Calling the control library's control and the SIB library's SIB to parse the application package to generate the web application; wherein, the control library's control and the SIB library's SIB call the capability set of the service capability layer through the capability API interface of the service capability layer of the running platform.
  • Capabilities, and the business base layer of the running platform provides the basic services for the business capability layer.
  • the control is executed by the drag configuration operation to develop the control in the web application's page, including: dragging the control onto the web application's page, adjusting the control-related properties of the page, and completing the control of the page And the configuration of the style;
  • the SIB is executed by the drag configuration operation to develop the action flow in the web application, including: completing the development of the foreground logic and the background logic of the web application, and configuring the action flow in the event of the control of the page.
  • the web application development device and the development method thereof of the present invention can provide a web editor and a motion stream editor, thereby enabling a developer to implement web application development without visual coding. , thereby saving development costs and maintenance costs.
  • FIG. 1 is a block diagram of a development apparatus of a web application according to an embodiment of the present invention
  • FIG. 2 is a block diagram of an operation platform according to a preferred embodiment of the present invention
  • FIG. 3 is a diagram of a web according to a preferred embodiment of the present invention.
  • FIG. 4 is a flow chart showing a development method of a development device for a web application according to an embodiment of the present invention.
  • BEST MODE FOR CARRYING OUT THE INVENTION the present invention will be described in detail with reference to the accompanying drawings. It should be noted that the embodiments in the present application and the features in the embodiments may be combined with each other without conflict.
  • 1 is a block diagram showing a development apparatus of a web application according to an embodiment of the present invention, including: an integrated development environment 10, a control library 40, and an SIB library 50.
  • the integrated development environment 10 includes: a page editor 12, configured to provide Editing the visual interface of the web application's page; the action flow editor 14 is configured to provide a visual interface for editing the action flow of the web application; the control library 40 includes a plurality of controls, and the control is set to be dragged and configured in the visual interface of the page editor. Operation to develop controls in the pages of the web application; the SIB library 50 includes a plurality of SIBs that are arranged to perform a drag configuration operation in the visual interface of the action flow editor to develop an action flow in the web application.
  • the controls are mainly used to develop various pages of the application. According to whether they are visible at runtime, they can be divided into visual controls and non-visual controls.
  • Each control needs to be integrated with the page editor in the integrated development environment, allowing developers to visually use it in the page editor.
  • the action SIB is primarily used for event processing logic that develops various events for various controls in the application.
  • Each action SIB is integrated with the action flow editor in the integrated development environment, allowing developers to visually use it in the action flow editor.
  • Each control can include the following:
  • Control self-describing XML file It describes in detail the unique identifier of the control, the HTML custom label, the version number, which attributes, the value type range of each attribute, and which events.
  • the control server implementation package According to the complexity of the control, the server implementation package is optional. Generally complex controls have their own server implementation package.
  • the main work of the server implementation package includes: generating the initialization JS code of the xml file according to the control attribute provided by the application; and generating the event trigger JS code according to the control event description xml file provided by the application; generating according to the function provided by the control itself
  • Each action SIB can include the following: 1. SIB self-describing XML file: It describes in detail the unique identifier of the SIB, the version number, which input and output parameters, the value type range of each parameter, and so on.
  • SIB server implementation package The server implementation package must be provided for each SIB.
  • the main tasks of the server implementation package include: Implementing the action SIB unified abstraction class according to the functions provided by the SIB itself.
  • the SIB client implements the JS code.
  • This embodiment provides a visual page editor and a rich library of controls that developers can drag into the page editor to develop application pages in a visible way.
  • this embodiment provides a separate action flow visual editor and a rich action flow SIB library for each event of each control, and the developer can drag the SIB in the action SIB library into the action flow editor to be visible.
  • the resulting approach develops action flow logic. Because the web application development device provides a visual interface page editor and action flow editor, the developer can realize the development of the web application without visual coding, thereby saving development cost. And maintenance costs. Developing web applications through a visual interface further reduces development difficulties and shortens the development cycle.
  • the integrated development environment 10 further includes: a control configurator, a visual interface configured to provide properties and events of the control that configures the control library. For each control, a visual configuration interface for the control is provided, and the developer can easily set various properties and events of the control.
  • the integrated development environment 10 further comprises: an SIB configurator, configured to provide a visual interface for configuring parameters of the SIB of the SIB library. For each action SIB, a visual configuration interface of the action SIB is provided, and the developer can conveniently set various parameters of the action SIB.
  • the main inputs to the integrated development environment can include self-describing files for all controls provided by the platform and self-describing files for all action SIBs.
  • the integrated development environment can use these self-describing files to generate the corresponding control library, action SIB library, and generate a visual configuration interface for each control and each action SIB.
  • the web application development device further includes an operation platform, where the service execution layer is configured to parse the application package about the web application generated by the integrated development environment by calling the control library control and the SIB of the SIB library.
  • the main output of the integrated development environment can be an application package.
  • the application package contains all the source files of the web application and can be directly loaded into the running platform to run.
  • the application package generated by the integrated development environment can be a packaged compressed file, which can be composed of the following parts:
  • Application package self-description XML file Basic information used to describe the application package, such as: application unique identifier, application version number, etc. 2, page file collection: An application generally consists of a large number of pages, each page actually consists of one or more HTML files and JS files.
  • control properties / event description xml file collection Each application page, usually consists of a lot of controls. Each control has its own control properties and event properties. The control and event properties of all the controls contained in each page are described in XML syntax and eventually merged into an XML file. This file is the control property/event description xml file. Usually each application page will correspond to a control property/event description xml file.
  • event action flow description xml file collection Each control in each application page, usually trigger some events, the processing logic after each event is triggered, called the action flow.
  • the action flow for each event of each control of each page is described in XML syntax and eventually merged into an XML file, which is the event action flow description xml file.
  • each application page will correspond to an event action flow description xml file.
  • the operating platform further includes a service interface layer, which includes a library API interface, a control for the business execution layer to call the control library, and an SIB of the SIB library.
  • the preferred embodiment is encapsulated in the form of a control library and an action SIB library to provide an interface to the upper layer in a more simplified manner, so that when using these controls and action SIBs, developers are not required to be familiar with development-related knowledge and skills.
  • the operating platform further comprises a business capability layer, comprising: a plurality of capability sets, including a set of universal functions used in developing the web application; a capability API interface, a control for the control library, and an SIB library The ability of the SIB to call a capability set.
  • a business capability layer comprising: a plurality of capability sets, including a set of universal functions used in developing the web application; a capability API interface, a control for the control library, and an SIB library The ability of the SIB to call a capability set.
  • the operating platform further includes a service base layer for providing basic services to the business capability layer.
  • the business base layer provides basic services that are independent of the business for the upper layer of the entire operating platform. Preferred embodiment The basic services required by various business capability layers are brought together to the business base layer, providing a clear architecture that isolates the business from various basic functions.
  • the web application development apparatus further includes: a development package for providing support for the business base layer; and a configuration file for saving parameters of the development package.
  • a development kit for providing support for the business base layer
  • a configuration file for saving parameters of the development package.
  • All the basic services of the business base layer can be composed of some development packages and configuration files.
  • the upper layer directly calls it using the API interface provided by the development package.
  • 2 is a block diagram of an operational platform in accordance with a preferred embodiment of the present invention, wherein the operational platform 20 is constructed in a hierarchical architecture and is divided into four layers: a service infrastructure layer 22, a service capability layer 24, a service interface layer 26, and a service execution. Layer 28.
  • a JS file is automatically generated according to the page's XML configuration file and referenced by the page.
  • the entire processing of the application platform can include the following steps:
  • the client JS file sets the basic properties of the controls in the page according to the control property part of the XML configuration file, so that the appearance of the page meets the requirements. 2.
  • the client JS file binds a handler function to the corresponding event of the control in the page according to the event binding part in the XML configuration file.
  • the XML method sends a request to the server, which is processed by the SIB implementation of the server, and returns to the client to continue execution after the processing ends.
  • a related art web application development device has a plurality of functions, and when a demand change occurs, it may involve multiple places of the program, and it is not easy to perform rapid tampering.
  • the preferred embodiment divides the running platform into four layers, and adds support for the development package 60 and its configuration file 70 in the web application development device, thereby realizing reasonable division of various functions, when a demand change occurs, It only involves changes in the upper layer, and does not involve multiple places in the program, so it can be easily modified quickly.
  • 3 is a block diagram of a device for developing a web application according to a preferred embodiment of the present invention.
  • the development device includes an integrated development environment 10 and an operation platform 20, and a management station 30 for providing a visual management interface for accepting users.
  • the operation is to manage the development device and the web application loaded into the development device online.
  • the management console provides a visual management platform to development platform managers to help managers manage the development platform itself and the applications loaded into the development platform.
  • the integrated development environment 10 is used by third party application personnel for configuration.
  • the runtime platform can interact with third-party application servers, third-party application clients, and other supporting software subsystems.
  • the management console is used by administrators to manage and interact with the network management system.
  • the management station includes an interface for the network management system to call the development device. This enables web application development devices to support integration with integrated network management systems.
  • the database is used to support the management station.
  • the administrator can perform the following operations:
  • the application package provided by the integrated development environment can be directly loaded by the visual application loading tool. 2. Allows the same application to load multiple versions simultaneously through the version control of the visual application.
  • an application can only activate one version at a time.
  • Step S10 an integrated development environment in a web application development apparatus creates a project related to a web application
  • S20 the page editor in the web application development device accepts a drag configuration operation of the control of the control library by the user to develop a control in the page of the web application
  • step S30 the action flow editor in the web application development device accepts the user to the SIB
  • step S40 the integrated development environment accepts the drag configuration operation to generate an application package for outputting the project.
  • Step S50 The running platform in the web application development device accepts deployment of the application package, and parses and generates the web application.
  • the preferred embodiment makes it possible to complete the parsing of the application package in the web application development device to generate an executable web application.
  • step S50 includes: deploying an application package in a service execution layer of the running platform; the service execution layer calls the control library control and the SIB library SIB by running the library API interface of the service interface layer of the platform, to parse the application package generation The Web application; wherein, the control library control and the SIB library SIB invoke the capability set capability of the service capability layer by running the capability API interface of the service capability layer of the platform, and the service base layer of the operation platform provides a basic service to the service capability layer.
  • the preferred embodiment divides the running platform into four layers, thereby realizing reasonable division of various functions. When a demand change occurs, only the upper layer changes are involved, and no multiple places of the program are involved, so it is easy to Perform a quick 4 tampering.
  • the control is executed by a drag configuration operation to develop a control in the web application's page, including: dragging the control onto the web application's page, adjusting the control's style related to the page, and completing the control and style of the page.
  • Configuration Preferably, the SIB is executed by the drag configuration operation to develop the action flow in the web application, including: completing the development of the foreground logic and the background logic of the web application, and configuring the action flow in the event of the control of the page.
  • modules or steps of the present invention can be implemented by a general-purpose computing device, which can be concentrated on a single computing device or distributed over a network composed of multiple computing devices. Alternatively, they may be implemented by program code executable by the computing device, such that they may be stored in the storage device by the computing device and, in some cases, may be different from the order herein.
  • the steps shown or described are performed, or they are separately fabricated into individual integrated circuit modules, or a plurality of modules or steps are fabricated as a single integrated circuit module.
  • the invention is not limited to any specific combination of hardware and software.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Description

Web应用的开发装置及其开发方法 技术领域 本发明涉及 Web应用领域， 具体而言， 涉及一种 Web应用的开发装置及 其开发方法。 背景技术 开发一个完整的 Web应用程序，根据分工一般可以分为以下几个部分的开 发： 页面控件、 布局样式、 前台逻辑、 后台逻辑。 而才艮据开发方式又可以分为 以下几种：编写代码、手工配置、可视配置。编写代码包括 Java、 JSP、 JavaScript 等， 手工配置包括 HTML、 CSS、 XML等， 可视配置则是利用开发工具的用户 界面拖曳和填写需要的内容。 一般来说， 在开发不同的应用部分时， 需要利用不同的开发方式， 主要以 编写代码和手工配置为主。比如页面控件通过 JSP编写代码结合 HTML手工配 置， 布局样式通过 JavaScript 编写代码结合 CSS 手工配置， 前台逻辑通过 JavaScript编写代码， 后台逻辑通过 Java编写代码结合 XML手工配置。 而可 视配置则一般在页面空间和布局样式中可以起到一定的辅助作用。 发明人发现， 现在通常的开发方式存在以下问题：
1、 编码开发需要开发人员掌握的知识较多， 增加开发的难度。 虽然可以 通过多人分工的方式， 但沟通和交流又会带来新的问题。 总之是开发成本比较 高。 2、 一个功能包含的层次较多， 当发生需求变化时， 可能涉及到程序的多 处地方， 不容易进行快速地爹改。 发明内容 本发明的主要目的在于提供一种 Web应用的开发装置 （也可称为 Web应 用开发平台）及其开发方法，以至少解决上述的 Web应用开发难度较大的问题。 根据本发明的一个方面， 提供了一种 Web应用的开发装置， 包括集成开发 环境、 控件库和 SIB ( Service Independent Block, 业务独立模块）库， 集成开 发环境包括： 页面编辑器， 设置为提供编辑 Web应用的页面的可视化界面； 动 作流编辑器， 设置为提供编辑 Web应用的动作流的可视化界面； 控件库包括多 个控件， 控件设置为在页面编辑器的可视化界面被执行拖曳配置操作， 以开发 Web应用的页面中的控件； SIB库包括多个 SIB, SIB设置为在动作流编辑器 的可视化界面被执行拖曳配置操作， 以开发 Web应用中的动作流。 优选地， 集成开发环境还包括： 控件配置器， 设置为提供配置控件库的控 件的属性和事件的可视化界面； SIB配置器， 设置为提供配置 SIB库的 SIB的 参数的可视化界面。 优选地， 开发装置还包括运行平台， 其包括业务执行层， 设置为通过调用 控件库的控件和 SIB库的 SIB,解析集成开发环境生成的关于 Web应用的应用 包。 优选地， 运行平台还包括业务接口层， 其包括库 API接口， 设置为业务执 行层调用控件库的控件和 SIB库的 SIB。 优选地， 运行平台还包括业务能力层， 其包括： 多个能力集， 其包括开发 Web应用时用到的具有通用性的功能的集合； 能力 API接口， 设置为控件库的 控件和 SIB库的 SIB调用能力集的能力。 优选地,运行平台还包括业务基础层，设置为对业务能力层提供基础服务。 优选地， 开发装置还包括： 开发包， 设置为为业务基础层提供支持； 配置 文件， 设置为保存开发包的参数。 优选地， 开发装置还包括管理台， 设置为提供可视化的管理界面， 管理界 面设置为接受用户的操作以对开发装置以及加载到开发装置中的 Web 应用进 行在线管理。 优选地， 管理台包括接口， 接口用于网管系统调用开发装置。 优选地， SIB设置为开发 Web应用的页面中的控件的事件处理逻辑。 才艮据本发明的另一方面，提供了一种 Web应用开发装置的开发方法，包括：
Web应用开发装置中的集成开发环境创建关于 Web应用的工程； Web应用开 发装置中的页面编辑器接受用户对 Web 应用开发装置中的控件库的控件的拖 曳配置操作， 以开发 Web应用的页面中的控件； Web应用开发装置中的动作流 编辑器接受用户对 Web应用开发装置中的 SIB库的 SIB的拖曳配置操作， 以 开发 Web应用中的动作流；集成开发环境根据接受的拖曳配置操作生成输出关 于工程的应用包。 优选地， 开发方法还包括： Web应用开发装置中的运行平台接受应用包的 部署， 并解析生成 Web应用。 优选地， Web应用开发装置中的运行平台接受应用包的部署， 并解析生成 Web应用包括： 在运行平台的业务执行层中部署应用包； 业务执行层通过运行 平台的业务接口层的库 API接口， 调用控件库的控件和 SIB库的 SIB , 以解析 应用包生成 Web应用； 其中， 控件库的控件和 SIB库的 SIB通过运行平台的 业务能力层的能力 API接口调用业务能力层的能力集的能力， 并且运行平台的 业务基础层对业务能力层提供基础 艮务。 优选地，控件被执行拖曳配置操作，以开发 Web应用的页面中的控件包括： 拖动控件到所述 Web应用的页面上，以对控件与页面的样式相关的属性进行调 整， 完成页面的控件和样式的配置； SIB被执行拖曳配置操作， 以开发 Web应 用中的动作流包括： 完成 Web应用的前台逻辑和后台逻辑的开发， 在页面的控 件的事件中配置动作流。 本发明的 Web 应用开发装置及其开发方法因为同时提供了可视化界面的 页面编辑器和动作流编辑器， 所以可以使开发人员能够不需要进行编码， 完全 通过可视化配置， 就可以实现 Web应用的开发， 从而节约了开发成本和维护成 本。 附图说明 此处所说明的附图用来提供对本发明的进一步理解， 构成本申请的一部 分， 本发明的示意性实施例及其说明用于解释本发明， 并不构成对本发明的不 当限定。 在附图中： 图 1是才艮据本发明实施例的 Web应用的开发装置的方框图； 图 2是根据本发明优选实施例的运行平台的方框图； 图 3是根据本发明优选实施例的 Web应用的开发装置的方框图； 图 4是才艮据本发明实施例的 Web应用的开发装置的开发方法的流程图。 具体实施方式 下文中将参考附图并结合实施例来详细说明本发明。 需要说明的是， 在不 冲突的情况下， 本申请中的实施例及实施例中的特征可以相互组合。 图 1示出了才艮据本发明实施例的 Web应用的开发装置的方框图， 包括： 集 成开发环境 10、 控件库 40和 SIB库 50 , 集成开发环境 10包括： 页面编辑器 12 , 设置为提供编辑 Web应用的页面的可视化界面； 动作流编辑器 14 , 设置为提供编辑 Web应用的动作流的可视化界面； 控件库 40 包括多个控件， 控件设置为在页面编辑器的可视化界面被执行 拖曳配置操作， 以开发 Web应用的页面中的控件； SIB库 50包括多个 SIB, SIB设置为在动作流编辑器的可视化界面被执行 拖曳配置操作， 以开发 Web应用中的动作流。 控件主要用于开发应用的各种页面， 根据其运行时是否可见， 可分为可视 化控件和非可视化控件。 每个控件都需要与集成开发环境中的页面编辑器集 成， 使得开发人员可以在页面编辑器中以可视化的方式进行使用。 优选地， 动作 SIB主要用于开发应用中的各种控件的各种事件的事件处理 逻辑。 每个动作 SIB都与集成开发环境中的动作流编辑器集成， 使得开发人员 可以在动作流编辑器中以可视化的方式进行使用。 每个控件可以包括以下内容：
1、 控件自描述 XML文件： 其中详细描述了该控件的唯一标识、 HTML 自 定义标签、 版本号、 有哪些属性、 每个属性的值类型值范围、 有哪些事件等。
2、 控件服务端实现包： 根据控件的复杂程度， 服务端实现包是可选的。 一般复杂的控件都有自己的服务端实现包。 服务端实现包主要的工作包括： 根 据应用提供的控件属性描述 xml文件生成自身的初始化 JS代码； 才艮据应用提 供的控件事件描述 xml文件生成事件触发 JS代码； 根据控件本身提供的功能， 生成默认的事件处理逻辑 JS代码。 每个动作 SIB可以包括以下内容: 1、 SIB 自描述 XML文件： 其中详细描述了该 SIB的唯一标识、 版本号、 有哪些输入输出参数、 每个参数的值类型值范围等。
2、 SIB服务端实现包： 服务端实现包对每个 SIB而言都是必须提供的。 服 务端实现包主要的工作包括： 根据 SIB本身提供的功能， 实现动作 SIB统一抽 象类。
SIB客户端实现 JS代码。 该实施例提供可视化的页面编辑器和丰富的控件库， 开发人员可以将控件 库中的控件拖曳到页面编辑器中， 以可见即所得的方式开发应用页面。 另外， 该实施例为每个控件的每个事件提供单独的动作流可视化编辑器和丰富的动 作流 SIB库， 开发人员可将动作 SIB库中的 SIB拖曳到动作流编辑器中， 以可 见即所得的方式开发动作流逻辑。该 Web应用开发装置因为同时提供了可视化 界面的页面编辑器和动作流编辑器， 所以可以使开发人员能够不需要进行编 码， 完全通过可视化配置， 就可以实现 Web应用的开发， 从而节约了开发成本 和维护成本。 通过可视化的界面来开发 Web应用， 这样就进一步减小了开发的 难度， 缩短了开发的周期。 优选地， 集成开发环境 10还包括： 控件配置器， 设置为提供配置控件库 的控件的属性和事件的可视化界面。 对于每个控件， 都提供控件的可视化配置 界面， 开发人员可以方便地设置控件的各种属性和事件。 优选地， 集成开发环境 10还包括： SIB配置器， 设置为提供配置 SIB库的 SIB的参数的可视化界面。 对于每个动作 SIB, 都提供动作 SIB的可视化配置 界面， 开发人员可以方便地设置动作 SIB的各种参数。 集成开发环境主要的输入可以包括平台提供的所有控件的自描述文件和 所有动作 SIB的自描述文件。 集成开发环境可以利用这些自描述文件生成相应 的控件库、 动作 SIB库， 并生成每个控件和每个动作 SIB的可视化配置界面。 优选地， Web应用开发装置中还包括运行平台， 其包括业务执行层， 用于 通过调用控件库的控件和 SIB库的 SIB ,解析集成开发环境生成的关于 Web应 用的应用包。 集成开发环境主要的输出可以是应用包， 应用包包含 Web应用的 所有源文件， 可以直接加载到运行平台中运行。 集成开发环境生成的应用包可以为一个打包的压缩文件， 包内可以由以下 部分组成：
1、 应用包自描述 XML文件： 用于描述应用包的基本信息， 如： 应用唯一 标识、 应用版本号等。 2、 页面文件集合： 一个应用一般由 艮多的页面组成， 每个页面中实际又 由一个或者多个 HTML文件和 JS文件构成。
3、 控件属性 /事件描述 xml文件集合： 每个应用页面中， 通常由 艮多的控 件组成。 每个控件都有自己的控件属性和事件属性。 每个页面包含的所有控件 的控件属性和事件属性都以 XML语法进行描述， 并最终合并到一个 XML文 件中保存， 这个文件就是控件属性 /事件描述 xml文件。通常每个应用页面都会 对应一个控件属性 /事件描述 xml文件。
4、 事件动作流描述 xml 文件集合： 每个应用页面中的每个控件， 通常会 触发一些事件， 每个事件触发后的处理逻辑， 称之为动作流。 每个页面的每个 控件的每个事件的动作流都以 XML语法进行描述， 并最终合并到一个 XML 文件中保存， 这个文件就是事件动作流描述 xml文件。 通常每个应用页面都会 对应一个事件动作流描述 xml文件。 优选地， 运行平台还包括业务接口层， 其包括库 API接口， 用于业务执行 层调用控件库的控件和 SIB库的 SIB。 该优选实施例以控件库和动作 SIB库的 形式进行了封装， 以更简化地方式向上层提供接口， 使得在使用这些控件和动 作 SIB的时候， 并不需要开发人员熟悉开发相关的知识和技能。 优选地， 运行平台还包括业务能力层， 其包括： 多个能力集， 其包括开发 Web应用时用到的具有通用性的功能的集合； 能力 API接口， 用于控件库的控 件和 SIB库的 SIB调用能力集的能力。 将开发 Web应用时需要用到的各种具 备一定通用性的功能集合， 抽象成若千个能力集。 在开发 Web应用的时候， 如 果需要类似的功能， 就不需要再重复开发， 直接通过相应的接口使用运行平台 中提供的相应的能力集即可。 某些复杂的能力集还可以加入数据库的支撑。 上 层直接使用开发包提供的 API接口对其进行调用。 优选地， 运行平台还包括业务基础层， 用于对业务能力层提供基础服务。 业务基础层为整个运行平台的上层提供和业务无关的基础服务。 该优选实施例 将各种业务能力层需要的基础服务汇集到了业务基础层， 提供了一个清晰的架 构， 实现了业务与各种基础功能的隔离。 优选地， Web应用开发装置还包括： 开发包， 用于为业务基础层提供支持； 配置文件， 用于保存开发包的参数。 通过开发包的引入， 实现了对第三方软件 供应商的支持， 从而可以加入各种第三方开发的功能模块。 业务基础层的所有 基础服务， 可以都由一些开发包和配置文件构成。 上层直接使用开发包提供的 API接口对其进行调用。 图 2 是根据本发明优选实施例的运行平台的方框图， 其中， 运行平台 20 釆用分层架构构建， 总共分为四层： 业务基础层 22、 业务能力层 24、 业务接 口层 26、 业务执行层 28。 当客户端对页面进行请求时， -据页面的 XML配置文件自动生成一个 JS 文件， 并被页面引用。 该应用平台的整个处理过程可以包括以下步 4聚：
1、 客户端 JS文件根据 XML配置文件中的控件属性部分， 对页面中控件 的基本属性进行设置， 使页面的外观符合要求。 2、 客户端 JS文件根据 XML配置文件中的事件绑定部分， 为页面中控件 的相应事件绑定一个处理函数。
3、 当页面中控件的事件触发时， 该处理函数被执行。 解析 XML配置文件 中的事件动作流部分， 按照顺序对相应的 SIB进行调用， 直至动作流结束。
4、 如果被调用的 SIB有客户端实现， 那么就在客户端运行相应的处理函 数； 否则， 通过 Ajax ( Asynchronous JavaScript and XML, 异步 JavaScript和
XML )方式向服务端发送请求， 由服务端的 SIB实现进行处理， 处理结束后返 回客户端继续执行。 相关技术的 Web应用开发装置一个功能包含的层次较多，当发生需求变化 时， 可能涉及到程序的多处地方， 不容易进行快速地爹改。 而该优选实施例将 运行平台分为四层， 并在 Web应用开发装置中加入了对开发包 60及其配置文 件 70 的支持， 从而实现了各种功能的合理分割， 当发生需求变化时， 只涉及 上层的变化， 而不会涉及到程序的多处地方， 因此可以很容易地进行快速地修 改。 图 3是 居本发明优选实施例的 Web应用的开发装置的方框图，开发装置 包括集成开发环境 10和运行平台 20 , 还包括管理台 30 , 用于提供可视化的管 理界面， 管理界面用于接受用户的操作以对开发装置以及加载到开发装置中的 Web应用进行在线管理。 管理台向开发平台管理人员提供了一个可视化的管理 平台， 以帮助管理人员对开发平台本身以及加载到开发平台中的应用进行在线 管理。 集成开发环境 10被第三方应用人员使用以进行配置。 运行平台可以与 第三方应用服务端、 第三方应用客户端、 其他支撑软件子系统进行交互。 管理 台是被管理员使用以进行管理， 以及与网管系统进行交互。 优选地， 管理台包括接口， 接口用于网管系统调用开发装置。 这使得 Web 应用开发装置支持与综合网管系统的融合。 优选地， 釆用数据库支撑管理台。 优选地， 对于该管理台， 管理员可以进行以下操作：
1、 通过可视化的应用加载工具， 可将集成开发环境提供的应用包直接加 载。 2、 通过可视化的应用的版本控制功能， 允许同一个应用同时加载多个版 本。
3、 通过可视化的应用的版本激活功能， 一个应用一次只能激活一个版本。
4、 对每个应用的实际运行情况进行在线监控和统计， 比如应用请求月艮务 端执行引擎的量， 每个动作 SIB被请求的量等。 图 4是才艮据本发明实施例的 Web应用的开发装置的开发方法的流程图，包 括以下步 4聚： 步骤 S 10, Web应用开发装置中的集成开发环境创建关于 Web应用的工程； 步骤 S20, Web应用开发装置中的页面编辑器接受用户对控件库的控件的 拖曳配置操作， 以开发 Web应用的页面中的控件； 步骤 S30 , Web应用开发装置中的动作流编辑器接受用户对 SIB库的 SIB 的拖曳配置操作， 以开发 Web应用中的动作流； 步骤 S40, 集成开发环境 居接受的拖曳配置操作生成输出关于工程的应 用包。 该方法能够使用户无需代码开发就能生成 Web应用的应用包。 优选地， 在上述的开发方法中， 还包括： 步骤 S50, Web应用开发装置中的运行平台接受应用包的部署， 并解析生 成 Web应用。 该优选实施例使得还能在 Web应用开发装置中完成应用包的解析，生成可 执行的 Web应用。 优选地， 步骤 S50包括： 在运行平台的业务执行层中部署应用包； 业务执行层通过运行平台的业务接口层的库 API接口， 调用控件库的控件 和 SIB库的 SIB, 以解析应用包生成 Web应用； 其中， 控件库的控件和 SIB 库的 SIB 通过运行平台的业务能力层的能力 API接口调用业务能力层的能力集的能力， 并且运行平台的业务基础层对业务 能力层提供基础服务。 该优选实施例将运行平台分为四层， 从而实现了各种功能的合理分割， 当 发生需求变化时， 只涉及上层的变化， 而不会涉及到程序的多处地方， 因此可 以 艮容易地进行快速地 4爹改。 优选地，控件被执行拖曳配置操作，以开发 Web应用的页面中的控件包括： 拖动控件到 Web应用的页面上， 以对控件与页面的样式相关的属性进行调整， 完成页面的控件和样式的配置。 优选地， SIB 被执行拖曳配置操作， 以开发 Web应用中的动作流包括： 完成 Web应用的前台逻辑和后台逻辑的开发， 在页 面的控件的事件中配置动作流。 以上实现了可视化的操作。 从以上的描述中， 可以看出， 本发明实施例所提供的 Web应用开发装置及 其开发方法， 使开发人员能够不需要进行编码， 完全通过可视化配置， 就可以 实现 Web应用的开发。 解决了传统开发方式需要开发人员掌握知识过多， 以及 不能迅速响应需求变化的问题， 从而节约了开发成本和维护成本。 显然， 本领域的技术人员应该明白， 上述的本发明的各模块或各步骤可以 用通用的计算装置来实现， 它们可以集中在单个的计算装置上， 或者分布在多 个计算装置所组成的网络上， 可选地， 它们可以用计算装置可执行的程序代码 来实现， 从而， 可以将它们存储在存储装置中由计算装置来执行， 并且在某些 情况下， 可以以不同于此处的顺序执行所示出或描述的步骤， 或者将它们分别 制作成各个集成电路模块， 或者将它们中的多个模块或步骤制作成单个集成电 路模块来实现。 这样， 本发明不限制于任何特定的硬件和软件结合。 以上所述仅为本发明的优选实施例而已， 并不用于限制本发明， 对于本领 域的技术人员来说， 本发明可以有各种更改和变化。 凡在本发明的 ^"神和原则 之内， 所作的任何修改、 等同替换、 改进等， 均应包含在本发明的保护范围之 内。

Claims

权 利 要 求 书
1. 一种 Web应用的开发装置， 包括集成开发环境、 控件库和业务独立模块 SIB库，
所述集成开发环境包括： 页面编辑器， 设置为提供编辑 Web应用的 页面的可视化界面； 动作流编辑器， 设置为提供编辑 Web应用的动作流 的可视化界面；
所述控件库包括多个控件， 所述控件设置为在所述页面编辑器的可 视化界面被执行拖曳配置操作， 以开发所述 Web应用的页面中的控件； 所述 SIB库包括多个 SIB , 所述 SIB设置为在所述动作流编辑器的 可视化界面被执行拖曳配置操作， 以开发所述 Web应用中的动作流。
2. 根据权利要求 1所述的开发装置， 其中， 所述集成开发环境还包括： 控件配置器， 设置为提供配置所述控件库的控件的属性和事件的可 视化界面；
SIB配置器， 设置为提供配置所述 SIB库的 SIB的参数的可视化界 面。
3. 根据权利要求 1所述的开发装置， 其中， 所述开发装置还包括运行平台， 其包括业务执行层， 设置为通过调用所述控件库的所述控件和所述 SIB 库的所述 SIB , 解析所述集成开发环境生成的关于所述 Web应用的应用 包。
4. 根据权利要求 3所述的开发装置， 其中， 所述运行平台还包括业务接口 层， 其包括库 API接口， 设置为所述业务执行层调用所述控件库的所述 控件和所述 SIB库的所述 SIB。
5. 根据权利要求 4所述的开发装置， 其中， 所述运行平台还包括业务能力 层， 其包括：
多个能力集， 其包括开发 Web应用时用到的具有通用性的功能的集 合；
能力 API接口， 设置为所述控件库的所述控件和所述 SIB库的所述 SIB调用所述能力集的能力。
6. 根据权利要求 5所述的开发装置， 其中， 所述运行平台还包括业务基础 层， 设置为对所述业务能力层提供基础服务。
7. 根据权利要求 6所述的开发装置， 其中， 所述开发装置还包括：
开发包， 设置为为所述业务基础层提供支持；
配置文件， 设置为保存开发包的参数。
8. 根据权利要求 1所述的开发装置， 其中， 所述开发装置还包括管理台， 设置为提供可视化的管理界面， 所述管理界面设置为接受用户的操作以 对所述开发装置以及加载到所述开发装置中的所述 Web应用进行在线管 理。
9. 根据权利要求 8所述的开发装置， 其中， 所述管理台包括接口， 所述接 口用于网管系统调用所述开发装置。
10. 根据权利要求 1所述的开发装置， 其中， 所述 SIB设置为开发所述 Web 应用的页面中的控件的事件处理逻辑。
11. 一种 Web应用开发装置的开发方法， 包括：
Web应用开发装置中的集成开发环境创建关于 Web应用的工程； 所述 Web应用开发装置中的页面编辑器接受用户对所述 Web应用 开发装置中的控件库的控件的拖曳配置操作， 以开发所述 Web应用的页 面中的控件；
所述 Web应用开发装置中的动作流编辑器接受用户对所述 Web应 用开发装置中的 SIB库的 SIB的拖曳配置操作，以开发所述 Web应用中 的动作流；
所述集成开发环境 居所述接受的拖曳配置操作生成输出关于所述 工程的应用包。
12. 根据权利要求 11所述的开发方法， 其中， 所述开发方法还包括：
所述 Web应用开发装置中的运行平台接受所述应用包的部署， 并解 析生成所述 Web应用。
13. 才艮据权利要求 12所述的开发方法， 其中， 所述 Web应用开发装置中的 运行平台接受所述应用包的部署， 并解析生成所述 Web应用包括： 在所述运行平台的业务执行层中部署所述应用包；
所述业务执行层通过所述运行平台的业务接口层的库 API接口， 调 用所述控件库的所述控件和所述 SIB库的所述 SIB , 以解析所述应用包 生成所述 Web应用；
其中， 所述控件库的所述控件和所述 SIB库的所述 SIB通过所述运 行平台的业务能力层的能力 API接口调用所述业务能力层的能力集的能 力， 并且所述运行平台的业务基础层对所述业务能力层提供基础服务。 根据权利要求 11所述的开发方法， 其中，
所述控件被执行拖曳配置操作， 以开发所述 Web应用的页面中的控 件包括： 拖动所述控件到所述 Web应用的页面上， 以对所述控件与所述 页面的样式相关的属性进行调整， 完成所述页面的控件和样式的配置； 所述 SIB被执行拖曳配置操作，以开发所述 Web应用中的动作流包 括： 完成所述 Web应用的前台逻辑和后台逻辑的开发， 在所述页面的控 件的事件中配置动作流。
PCT/CN2011/074815 2010-06-04 2011-05-27 Web应用的开发装置及其开发方法 WO2011150777A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN2010101981637A CN102270125A (zh) 2010-06-04 2010-06-04 Web应用的开发装置及其开发方法
CN201010198163.7 2010-06-04

Publications (1)

Publication Number Publication Date
WO2011150777A1 true WO2011150777A1 (zh) 2011-12-08

Family

ID=45052436

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2011/074815 WO2011150777A1 (zh) 2010-06-04 2011-05-27 Web应用的开发装置及其开发方法

Country Status (2)

Country Link
CN (1) CN102270125A (zh)
WO (1) WO2011150777A1 (zh)

Families Citing this family (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102645899B (zh) * 2012-03-15 2016-03-09 南宁珞德信息技术有限公司 视窗式光机电一体化设备动作流编辑系统
CN103631487B (zh) * 2012-08-21 2018-09-28 腾讯科技（深圳）有限公司 一种配置页面的方法及装置
US20150095365A1 (en) * 2013-09-30 2015-04-02 Microsoft Corporation Query building using schema
CN104049974B (zh) * 2014-06-25 2017-09-15 国家电网公司 控件动态组装方法和系统
CN104267954B (zh) * 2014-09-26 2018-02-16 青岛海信电器股份有限公司 一种用户界面中所包含的部件的生成方法和装置
CN104636139B (zh) * 2015-01-26 2018-05-15 北京邮电大学 一种可视化跨平台移动应用开发与生成系统
CN105653755B (zh) * 2015-07-21 2019-01-01 上海趣驾信息科技有限公司 一种基于sge图形库开发的汽车导航界面设计工具
US10182122B2 (en) * 2015-08-31 2019-01-15 Open Text Corporation Action flow fragment management
CN105373520A (zh) * 2015-10-13 2016-03-02 金蝶软件（中国）有限公司 设置控件样式属性的方法和装置
CN105760162A (zh) * 2016-02-04 2016-07-13 四川长虹电器股份有限公司 混合型app软件的开发方法
CN106777991A (zh) * 2016-12-21 2017-05-31 蓝网科技股份有限公司 一种可视化编辑登记页面的方法及系统
CN106909385A (zh) * 2017-02-27 2017-06-30 百度在线网络技术（北京）有限公司 可视化页面编辑器及可视化页面编辑器的操作方法
CN109948096B (zh) * 2017-12-05 2023-03-28 飞狐信息技术（天津）有限公司 一种网页活动配置系统
CN110609681A (zh) * 2018-06-14 2019-12-24 北京京东尚科信息技术有限公司 可视化配置生成web应用的系统、方法、设备及介质
CN109086042B (zh) * 2018-06-27 2022-05-10 南京中新赛克科技有限责任公司 基于算子及控件的业务界面开发方法
CN109284103A (zh) * 2018-08-30 2019-01-29 长春玖佰软件技术有限公司 一种基于控件开发模式的Web应用开发及更新方法
CN109753315A (zh) * 2018-11-22 2019-05-14 广州小鸡快跑网络科技有限公司 一种智能设备交互式内容编辑实现方法及存储介质
CN109597609A (zh) * 2018-12-03 2019-04-09 广东鸭梨科技集团股份有限公司 一种软件组装系统
CN109766096A (zh) * 2018-12-15 2019-05-17 深圳壹账通智能科技有限公司 前端组件元素生成系统、方法、计算机设备及存储介质
CN109889571B (zh) * 2019-01-09 2021-12-17 深圳市雁联计算系统有限公司 一种开发平台系统及开发方法
CN110688117B (zh) * 2019-09-30 2022-08-09 厦门荆艺软件有限公司 一种基于JavaWeb的界面设计器、平台及其页面配置方法
CN111221523A (zh) * 2019-12-24 2020-06-02 方正株式(武汉)科技开发有限公司 Web页面联动控件的优化制作方法及系统、服务器及介质
CN113590001A (zh) * 2020-04-30 2021-11-02 华为技术有限公司 一种ui控件生成、触发方法及终端
CN111736834B (zh) * 2020-06-24 2023-05-30 全球能源互联网研究院有限公司 一种基于dsl的用户界面生成方法、装置及存储介质
CN111984359A (zh) * 2020-08-31 2020-11-24 湖南快乐阳光互动娱乐传媒有限公司 一种控件的动态生成和渲染方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1641586A (zh) * 2004-01-02 2005-07-20 华为技术有限公司 一种实现应用程序界面集成和业务集成的方法
CN1761943A (zh) * 2003-04-02 2006-04-19 国际商业机器公司 通过使用图形用户界面控件来组合Web服务的程序创建
US20080163162A1 (en) * 2006-12-28 2008-07-03 Victor Shaburov Extensibility of pattern components
CN101697156A (zh) * 2009-10-29 2010-04-21 孟智平 一种构造链式网页的方法及系统

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7448024B2 (en) * 2002-12-12 2008-11-04 Bea Systems, Inc. System and method for software application development in a portal environment
CN101393519A (zh) * 2008-07-09 2009-03-25 深圳企网信息技术有限公司 基于部件的、拖放式设计的网站快速开发技术
KR20100056938A (ko) * 2008-11-20 2010-05-28 엔에이치엔(주) 웹 페이지를 생성하기 위해 사용되는 컴포넌트 기반의 자바웹 애플리케이션 개발 프레임워크

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1761943A (zh) * 2003-04-02 2006-04-19 国际商业机器公司 通过使用图形用户界面控件来组合Web服务的程序创建
CN1641586A (zh) * 2004-01-02 2005-07-20 华为技术有限公司 一种实现应用程序界面集成和业务集成的方法
US20080163162A1 (en) * 2006-12-28 2008-07-03 Victor Shaburov Extensibility of pattern components
CN101697156A (zh) * 2009-10-29 2010-04-21 孟智平 一种构造链式网页的方法及系统

Also Published As

Publication number Publication date
CN102270125A (zh) 2011-12-07

Similar Documents

Publication Publication Date Title
WO2011150777A1 (zh) Web应用的开发装置及其开发方法
Baduel et al. Programming, composing, deploying for the grid
US10324709B2 (en) Apparatus and method for validating application deployment topology in cloud computing environment
CA2939400C (en) Systems and methods for controlling branch latency within computing applications
US8250458B2 (en) Method, system, and software tool for emulating a portal application
US7539996B2 (en) Computer program and method for supporting implementation of services on multiple-server system
US20110004564A1 (en) Model Based Deployment Of Computer Based Business Process On Dedicated Hardware
CN109561147A (zh) 一种异构云管理方法及系统、异构云管理系统构建方法
Beaton et al. Usability challenges for enterprise service-oriented architecture APIs
US10715457B2 (en) Coordination of processes in cloud computing environments
WO2013122815A1 (en) Coordination of processes in cloud computing environments
Breiter et al. Software defined environments based on TOSCA in IBM cloud implementations
KR20030056654A (ko) Ｅｊｂ 컴포넌트 조립 장치 및 방법
JP4702835B2 (ja) Ｗｅｂサービスカスタマイズシステム
Bračevac et al. CPL: A core language for cloud computing
JPH1040080A (ja) オープンビジネス共通基盤装置
Zhou et al. Enabling integrated information framework as cloud services for chemical and petroleum industry
Abdellatif Enhancing the management of a j2ee application server using a component-based architecture
Gannon Component architectures and services: From application construction to scientific workflows
Solms et al. Generating MDA’s platform independent model using URDAD
Weigold et al. Advanced grid programming with components: A biometric identification case study
CN117369942A (zh) 一种应用服务资源编排及自动化部署方法及系统
JP5007041B2 (ja) ジョブ管理装置およびジョブ管理方法
Combemale et al. Metamodeling Autonomic System Management Policies-Ongoing Works
CN115495148A (zh) 基于低代码程序的部署包的统一构建管理方法及系统

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 11789156

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 11789156

Country of ref document: EP

Kind code of ref document: A1