一种系统页面建立方法及装置制造方法及图纸

本发明专利技术公开了一种系统页面建立方法及装置，该方法包括：接收到用户的页面创建指令后，获取页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；以及获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。利用本发明专利技术，预先创建包括可创建区域及其对应创建信息的规则的页面模板，并在用户创建管理系统对应页面时直接调用，并依据规则输入关联的项目内容。开发人员能够快速创建统一性较高的页面，并且即便没有专业UI设计经验，也能快速完成页面创建，节省系统开发时间。

System page establishing method and device

The invention discloses a method and device for establishing system pages. The method includes: obtaining page template information after receiving user's page creation instructions; pre-establishing the page template information, including region information that can be created and rules for creating information in each region; and determining to be created in response to user's choice. The region information is constructed, and the rules of creating information corresponding to the region to be created are invoked; and the content input by the user from the region to be created according to the rules of creating information is obtained, the region instance is created, and the created region instance is rendered. According to the invention, a page template including rules for creating regions and corresponding information is created in advance, and is directly invoked when a user creates corresponding pages of a management system, and the related project content is input according to the rules. Developers can quickly create unified pages, and even without professional UI design experience, can quickly complete page creation, saving system development time.

【技术实现步骤摘要】
一种系统页面建立方法及装置
本专利技术涉及计算机应用
，特别是涉及一种系统页面建立方法及装置。
技术介绍
内部开发人员为实现特定功能进行系统平台开发时，需要后台工作人员对后台管理逻辑进行开发，同时需要前端工作人员对页面进行开发编辑，当前、后端工作完成时，进行前、后端工作的对接，完成系统开发。传统的系统平台开发方法，由于前、后端的开发工作是彼此独立的，且需要在每次开发一套新的系统时都需要进行此种处理，前、后端对接耗费时间和人力成本。因此，在开发网站系统时，常常面临几十到几百的网页需要开发，对于普通开发人员来说，由于对前端的知识不够了解，在写页面时感到困难重重。而对于前端开发人员来说，大量相似页面的开发，又浪费太多的开发时间。
技术实现思路
本专利技术主要解决的技术问题是提供一种系统页面建立方法及装置，以便开发人员能够快速创建设计系统页面。为解决上述技术问题，本专利技术采用的一个技术方案是：提供一种系统页面建立方法，所述方法包括：接收到用户的页面创建指令后，获取页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；以及获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。其中，所述方法还包括：预先收集各页面类型的页面UI信息；利用div分割收集到的各页面类型的页面UI信息，建立各页面类型对应的页面模板。其中，所述各区域创建信息的规则是根据对应的区域属性预先设置的，用于对创建该区域对应的页面内容进行约束。其中，所述可创建的区域信息包括区域名称、区域属性。其中，响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则，具体为：响应用户的选择确定待创建的区域信息，并显示包括区域属性关联参数的配置界面，以调用所述待创建区域对应的创建信息的规则。为解决上述技术问题，本专利技术采用的另一个技术方案是：提供一种系统页面建立装置，所述装置包括：数据库，用于保存预先建立的页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；页面模板获取单元，用于接收到用户的页面创建指令后，获取页面模板信息；规则调用单元，用于响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；渲染单元，用于获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。其中，所述装置还包括页面创建单元，用于预先收集各页面类型的页面UI信息，以及利用div分割收集到的各页面类型的页面UI信息，建立各页面类型对应的页面模板。其中，所述各区域创建信息的规则是根据对应的区域属性预先设置的，用于对创建该区域对应的页面内容进行约束。其中，所述可创建的区域信息包括区域名称、区域属性。其中，所述规则调用单元还用于响应用户的选择确定待创建的区域信息，并显示包括区域属性关联参数的配置界面，以调用所述待创建区域对应的创建信息的规则。本专利技术的有益效果是：本专利技术实施方式提供的一种系统页面建立方法及装置，预先创建包括可创建区域及其对应创建信息的规则的页面模板，并在用户创建管理系统对应页面时直接调用，并依据规则输入关联的项目内容。开发人员能够快速创建统一性较高的页面，并且即便没有专业UI设计经验，也能快速完成页面创建，节省系统开发时间。附图说明图1是本专利技术实施方式中的一种系统页面建立方法的流程示意图；图2是本专利技术实施方式中展示页面模板的界面示意图；图3是本专利技术实施方式中展示查询区域配置界面的示意图；图4是本专利技术实施方式中展示列表展示区域配置界面的示意图；图5是本专利技术实施方式中展示表单编辑区域配置界面的示意图；图6是本专利技术实施方式中页面模板建立方法的流程示意图；图7是本专利技术实施方式中展示页面创建完成的示意图；图8是本专利技术实施方式中一种系统页面建立装置的结构示意图。具体实施方式下面结合附图和实施方式对本专利技术进行详细说明。由于常见的页面类型存在一些统一的UI元素，基于这些统一的UI元素能够预先抽象出页面模板，其中页面模板可以对可创建的区域以及各区域可创建的信息进行约束，这些页面模板能够供开发人员在建立页面时使用。为了方便对本专利技术进行理解，首先对本专利技术实施方式中涉及的几个概念进行描述：(1)页面，是包含了一组区域的集合，即页面由一个或多于一个的区域构成。(2)区域，是页面中特定功能区块的抽象，例如搜索功能区块抽象为查询区域，表格功能区块抽象为列表展示区域，表格编辑区块抽象为编辑区域，等等。每个区域中都可以包含一些具体的控件。(3)控件，是页面中用于完成特定功能的UI元素，例如，下拉框、输入框、表格、按钮等等。(4)页面模板，是对页面内容的抽象，其定义了某一类型页面包含的区域、区域之间的顺序，以及各区域中包含的控件信息。通过页面模板可以对页面类型与区域之间的关系以及区域与控件之间的关系进行约束。请参阅图1，为本专利技术第一实施方式中的一种系统页面建立方法的流程示意图，该方法包括：步骤S10，接收到用户的页面创建指令后，获取页面模板信息。其中，该页面模板信息包括可创建的区域信息以及各区域创建信息的规则。在本实施方式中，可创建的区域信息包括区域名称、区域属性。可以预先针对不同的页面类型分别建立页面模板，其中页面类型可以包括但不限于：查询类页面、表单类页面、展示类页面等。请同时参阅图2，当接收到页面创建指令后，展示的页面模板信息如图2所示，在本实施方式中，可创建的区域包括：查询区域、列表展示区域以及表单编辑区域。进一步地，各区域创建信息的规则是根据对应的区域属性预先设置的，用于对创建该区域对应的页面内容进行约束。请同时参阅图3-5，分别以“查询区域”、“列表展示区域”以及“表单编辑区域”为例对本步骤中所述的区域创建信息的规则进行解释说明。(1)查询区域，如图3所示，其创建信息的规则定义为：查询内容的布局方式、查询的字段名、查询的名称、查询的字段类型、查询结果的展现方式以及查询方式。用户根据需要创建的页面属性对这些规则的内容进行编辑。例如，在本实施例中，用户需要针对“学生信息”管理系统进行页面创建，则依据查询区域的创建信息的规则，对所需查询的信息进行编辑，即，查询内容的布局方式为单列布局、查询的字段名分别为name、age、adress、phone，查询的名称分别为姓名、年龄、地址、电话，查询的字段类型分别为varchar、int，查询结果的展现方式为文本框展现，查询方式分别为模糊查询、区间查询和精确查询。其中，字段名、名称等已经预先在用于管理学生信息的源文件中预先录入并保存。(2)列表展示区域，如图4所示，其创建信息的规则定义为：展示目标文件、展示内容、字段名、列名、展示方式、字段类型；其中，展示的目标文件为用户预先建立的源文件，在这里可以直接被调用。用户对这些规则定义的内容进行编辑。例如，在本实施例中，用户需要针对“学生信息”管理系统进行有关于学生信息展示的页面创建，则依据列表展示区域的创建信息的规则，对所需展示的信息进行编辑，即，展示的列表名称为“STU_INFO_TABLE”，展示的字段名为name、sex、adress、phon本文档来自技高网...

【技术保护点】
1.一种系统页面建立方法，其特征在于，所述方法包括：接收到用户的页面创建指令后，获取页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；以及获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。

【技术特征摘要】
1.一种系统页面建立方法，其特征在于，所述方法包括：接收到用户的页面创建指令后，获取页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；以及获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。2.根据权利要求1所述的系统页面建立方法，其特征在于，所述方法还包括：预先收集各页面类型的页面UI信息；利用div分割收集到的各页面类型的页面UI信息，建立各页面类型对应的页面模板。3.根据权利要求1所述的系统页面建立方法，其特征在于，所述各区域创建信息的规则是根据对应的区域属性预先设置的，用于对创建该区域对应的页面内容进行约束。4.根据权利要求3所述的系统页面建立方法，其特征在于，所述可创建的区域信息包括区域名称、区域属性。5.根据权利要求1所述的系统页面建立方法，其特征在于，响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则，具体为：响应用户的选择确定待创建的区域信息，并显示包括区域属性关联参数的配置界面，以调用所述待创建区域对应的创建信息的规则。6.一种系统页面建立装置...

【专利技术属性】
技术研发人员：谢轶，
申请(专利权)人：厦门欣旅通科技有限公司，
类型：发明
国别省市：福建,35