界面构建方法、装置及计算机可读存储介质制造方法及图纸

本发明专利技术提供的一种界面构建方法及装置，界面构建方法包括：接收框架请求数据，将框架请求数据输入至元数据设计组件，以获取框架请求数据中对应的元数据模型；通过模板设计组件将元数据模型进行模板设置，以生成模板数据；将模板数据输入至界面渲染组件进行界面渲染以构建界面框架。本发明专利技术基于元数据模型驱动，可以方便的对元数据模型进行修改，不仅可以快速的生成HTML5界面，还能针对不同用户输入的框架请求数据以生成个性化的界面，对原有的软件系统没有任何影响，既保证原有软件系统的稳定性又可以最大程度上满足了用户对个性化界面的需求，模板数据的产生可批量快速生成风格一致的界面，极大程度上缩短了产品的交付周期，减少了研发和管理成本。

Interface Construction Method, Device and Computer Readable Storage Media

The invention provides an interface construction method and device. The interface construction method includes: receiving the framework request data, inputting the framework request data into the metadata design component to obtain the corresponding metadata model in the framework request data, setting the metadata model through the template design component to generate template data, and inputting template data into the interface rendering component. The interface is rendered to construct the interface framework. The invention is driven by metadata model and can easily modify the metadata model. It can not only quickly generate HTML5 interface, but also request data from different user input frameworks to generate personalized interface. It has no influence on the original software system, which not only guarantees the stability of the original software system, but also meets the user's personalization to the greatest extent. With the requirement of facets, template data can be generated in batches to quickly generate interface with consistent style, which greatly shortens the product delivery cycle and reduces the cost of R&D and management.

【技术实现步骤摘要】
界面构建方法、装置及计算机可读存储介质
本专利技术涉及信息处理领域，更具体而言，涉及一种界面构建方法、一种界面构建装置及一种计算机可读存储介质。
技术介绍
对于现在的大型企业，经常会因为业务的扩展导致现有软件无法满足业务的需求，比如业务单据需要增加字段或者需要增加新的页面等，在对这些看似很小的需求进行修改时，相关技术中往往没有成熟的产品支撑而是仅粗暴的对原有产品进行修改，而最终的结果可能会对原产品的稳定性产生不可预测的影响。
技术实现思路
本专利技术旨在至少解决现有技术中存在的技术问题之一。本专利技术的一个方面提供了一种界面构建方法。本专利技术的一个方面提供了一种界面构建装置。本专利技术的一个方面提供了一种计算机可读存储介质。鉴于上述，本专利技术提供的一种界面构建方法，界面构建方法包括：接收框架请求数据，将框架请求数据输入至元数据设计组件，以获取框架请求数据中对应的元数据模型；通过模板设计组件将元数据模型进行模板设置，以生成模板数据；将模板数据输入至界面渲染组件进行界面渲染以构建界面框架。本专利技术提供的界面构建方法，首先会接收到框架请求数据，该框架请求数据为用户在修改构建界面时，对界面框架进行设计的请求数据，该数据反映出用户对界面的设计要求，随后将框架请求数据输入至元数据设计组件中，元数据设计组件为整个方案的核心，其主要功能为设计元数据模型，即将框架请求数据转化为与之相对应的元数据模型，具体地，元数据为描述数据的数据，将用户输入的框架请求数据通过元数据设计组件描述为包括各项元数据的元数据模型，使得该元数据模型可将框架请求数据通过至少一个元数据进行表述；将元数据模型输入至模板设计组件中，通过模板设计组件将设计好的元数据模型进行模板设计，以生成模板数据，该模板数据会将用户原始输入的框架请求数据形成相对应的模板，以使得模板数据会对框架请求数据中的字段是否显示、是否可编辑、字体颜色等信息进行模板化显示，以便后续将框架请求数据相对应的内容请求数据按照该模板数据在界面上进行便捷显示。最后再将模板数据输入至界面渲染组件，进行界面渲染以构建界面框架，界面渲染组件根据与后台约定好的数据格式渲染界面DOM元素，以展示用户通过框架请求数据进行构建的界面，优选地，界面渲染组件最终会生成HTML5界面；本专利技术基于元数据模型驱动，可以方便地对元数据模型进行修改，不仅可以快速地生成HTML5界面，还能针对不同用户(包括不同角色和个人)输入的框架请求数据以生成个性化的界面，对原有的软件系统没有任何影响，既保证了原有软件系统的稳定性又可以最大程度上满足了用户对个性化界面的需求，模板数据的产生可批量快速生成风格一致的界面，极大程度上缩短了产品的交付周期，减少了研发和管理成本。优选地，界面渲染组件可支持列表、卡片、枚举控件、字符型控件、时间日期控件等各种控件形式，并支持自由扩展。同时在界面渲染组件内预置了不同的CSS(cascadingstylesheets，层叠样式表)的样式，方便用户对界面风格进行切换，也可以用自定义CSS样式的形式对样式进行扩展。另外，根据本专利技术上述技术方案提供的界面构建方法还具有如下附加技术特征：在上述任一技术方案中，优选地，将模板数据输入至界面渲染组件进行界面渲染以构建界面框架的步骤之后，还包括：获取内容请求数据，将内容请求数据发送至数据加载组件；在数据加载组件中查询与内容请求数据相对应的业务数据；将业务数据输入至界面渲染组件按照界面框架进行界面渲染。在该技术方案中，在将模板数据输送至界面渲染组件进行界面渲染以构建界面框架之后，即完成了用户在构建界面时的框架设计需求，随后会对界面的内容进行具体设计：获取内容请求数据，随后将内容请求数据发送至数据加载组件，并且在数据加载组件中查询与内容请求数据相对应的业务数据，比如采购系统需要将采购订单的数据查询到业务，即数据加载组件可以根据请求对照查询出用户需求的业务数据，无需用户手动输入；最终再将业务数据输入至界面渲染组件按照界面框架进行界面渲染，并且由于各项数据均根据元数据进行操作，因此其业务数据与生成界面框架的模板数据具有一一对应的关系，在对其进行界面渲染时，即可实现内容与模板的一一对应，以形成界面构建后的最终效果。具体地，业务数据加载组件也同样需要根据元数据对数据进行操作，比如增加、删除和修改等，元数据是ORM(objectrelationalmapping，对象关系映射)框架的基础。在上述任一技术方案中，优选地，将框架请求数据输入至元数据设计组件，以获取框架请求数据中对应的元数据模型的步骤，包括：将框架请求数据进行数据格式转化；将转化格式后的框架请求数据输入至元数据设计组件，以获取框架请求数据中对应的元数据模型；将模板数据输入至界面渲染组件进行界面渲染以构建界面框架的步骤，包括：将模板数据进行数据格式转化，将转化格式后的模板数据进行界面渲染以构建界面框架。在该技术方案中，提供了一种获取元数据模型的具体方案，首先在获取到框架请求数据后将框架请求数据通过数据转换组件进行数据格式转化，由于框架请求数据的数据格式可能为后台组件无法识别的格式，因此需转换成后台组件可以识别的数据格式，随后将转化格式后的框架请求数据输入至元数据设计组件，以获取框架请求数据中对应的元数据模型，此时即可保证元数据设计组件可以识别框架请求数据；相对应地，在将模板数据输送至界面渲染组件进行界面渲染以构建界面框架时，为了保证组件间的数据格式具有一致性，也会将模板数据通过数据转换组件进行数据格式转化，将转化格式后的模板数据进行界面渲染以构建界面框架，以保证渲染可顺利完成。具体地，数据转换组件可以将元数据模型、模板数据、和业务数据信息转化为HTML5界面渲染组件可以识别的数据类型，比如可以将后台数据统一转化为一定格式的JSON数据，方便界面渲染组件进行渲染。同时也可以将界面渲染组件的请求JSON格式数据转化为其他组件可以识别的数据格式。在上述任一技术方案中，优选地，将内容请求数据发送至数据加载组件的步骤，包括：将内容请求数据进行数据格式转化；将转化格式后的内容请求数据发送至数据加载组件；将业务数据输入至界面渲染组件按照界面框架进行界面渲染的步骤，包括：将业务数据进行数据格式转化；将转化格式后的将业务数据输入至界面渲染组件按照界面框架进行界面渲染。在该技术方案中，在将内容请求数据发送至数据加载组件时，为了保证各个组件之间数据格式的统一，首先将内容请求数据通过数据转换组件进行数据格式转化，随后将转化格式后的内容请求数据发送至数据加载组件，以保证数据加载组件可顺利识别出内容请求数据；相对应地，将业务数据输送至界面渲染组件按照界面框架进行界面渲染时，为了保证组件间的数据格式具有一致性，也会将业务数据通过数据转换组件进行数据格式转化，将转化格式后的将业务数据输入至界面渲染组件按照界面框架进行界面渲染，以保证渲染可顺利完成。具体地，数据转换组件可以将元数据模型、模板数据、和业务数据信息转化为HTML5界面渲染组件可以识别的数据类型，比如可以将后台数据统一转化为一定格式的JSON数据，方便界面渲染组件进行渲染。同时也可以将界面渲染组件的请求JSON格式数据转化为其他组件可以识别的数据格式。在上述任一技术方案中，优选地，将框架请求数据输入至元数本文档来自技高网...

【技术保护点】
1.一种界面构建方法，其特征在于，所述界面构建方法包括：接收框架请求数据，将所述框架请求数据输入至元数据设计组件，以获取所述框架请求数据中对应的元数据模型；通过模板设计组件将所述元数据模型进行模板设置，以生成模板数据；将所述模板数据输入至所述界面渲染组件进行界面渲染以构建界面框架。

【技术特征摘要】
1.一种界面构建方法，其特征在于，所述界面构建方法包括：接收框架请求数据，将所述框架请求数据输入至元数据设计组件，以获取所述框架请求数据中对应的元数据模型；通过模板设计组件将所述元数据模型进行模板设置，以生成模板数据；将所述模板数据输入至所述界面渲染组件进行界面渲染以构建界面框架。2.根据权利要求1所述的界面构建方法，其特征在于，所述将所述模板数据输入至所述界面渲染组件进行界面渲染以构建界面框架的步骤之后，还包括：获取内容请求数据，将所述内容请求数据发送至数据加载组件；在所述数据加载组件中查询与所述内容请求数据相对应的业务数据；将所述业务数据输入至所述界面渲染组件按照所述界面框架进行界面渲染。3.根据权利要求1所述的界面构建方法，其特征在于，所述将所述框架请求数据输入至元数据设计组件，以获取所述框架请求数据中对应的元数据模型的步骤，包括：将所述框架请求数据进行数据格式转化；将转化格式后的所述框架请求数据输入至所述元数据设计组件，以获取所述框架请求数据中对应的元数据模型；所述将所述模板数据输入至所述界面渲染组件进行界面渲染以构建界面框架的步骤，包括：将所述模板数据进行数据格式转化，将转化格式后的所述模板数据进行界面渲染以构建界面框架。4.根据权利要求2所述的界面构建方法，其特征在于，所述将所述内容请求数据发送至数据加载组件的步骤，包括：将所述内容请求数据进行数据格式转化；将转化格式后的所述内容请求数据发送至数据加载组件；所述将所述业务数据输入至所述界面渲染组件按照所述界面框架进行界面渲染的步骤，包括：将所述业务数据进行数据格式转化；将转化格式后的将所述业务数据输入至所述界面渲染组件按照所述界面框架进行界面渲染。5.根据权利要求1至4中任一项所述的界面构建方法，其特征在于，所述将所述框架请求数据输入至元数据设计组件，以获取所述框架请求数据中对应的元数据模型的步骤包括：读取所述框架请求数据中涉及到的元数据；按照所述元数据的种类在所述元数据设计组件中匹配并生成所述元数据模型。6.根据权利要求1至4中任一项所述的界面构建方法，其特征在于，所述通过模板设计组件将所述元数据模型进行模板设置，以生成模板数据的步骤，包括：通过所述模板设计组件获取所述元数据模板中的内容信息及板式信息，所述内容信息包括字段数据、字体数据、字号数据和颜色数据，所述板式信息为针对各项所述内容信息进行显示与否的数据；依照所述内容信息与所述板式信息在所述模板设计组件中生成模板数据，在所述模板数据中将各项所述内容信息依照相对应的板式信息进行模板展示。7.根据权利要求1至4中任一项所述的界面构建方法，其特征在于，所述元数据模型中包括所述框架请求数据的实体的类型与所述框架请求数据的实现的接口、所述框架请求数据中字段的类型、所述框架请求数据中字...

【专利技术属性】
技术研发人员：于晓龙，张成，
申请(专利权)人：用友网络科技股份有限公司，
类型：发明
国别省市：北京,11