本发明涉及计算机应用
技术领域：
：，特别是涉及一种系统页面建立方法及装置。
背景技术：
：内部开发人员为实现特定功能进行系统平台开发时，需要后台工作人员对后台管理逻辑进行开发，同时需要前端工作人员对页面进行开发编辑，当前、后端工作完成时，进行前、后端工作的对接，完成系统开发。传统的系统平台开发方法，由于前、后端的开发工作是彼此独立的，且需要在每次开发一套新的系统时都需要进行此种处理，前、后端对接耗费时间和人力成本。因此，在开发网站系统时，常常面临几十到几百的网页需要开发，对于普通开发人员来说，由于对前端的知识不够了解，在写页面时感到困难重重。而对于前端开发人员来说，大量相似页面的开发，又浪费太多的开发时间。技术实现要素：本发明主要解决的技术问题是提供一种系统页面建立方法及装置，以便开发人员能够快速创建设计系统页面。为解决上述技术问题，本发明采用的一个技术方案是：提供一种系统页面建立方法，所述方法包括：接收到用户的页面创建指令后，获取页面模板信息；其中，所述页面模板信息预先建立，包括可创建的区域信息以及各区域创建信息的规则；响应用户的选择确定待创建的区域信息，并调用所述待创建区域对应的创建信息的规则；以及获取用户从所述待创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。其中，所述方法还包括：预先收集各页面类型的页面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、phone、create_time，展示的列名为姓名、性别、地址、电话和创建时间，展现方式分别为文本框、下拉框、多行文本框、日期框，展示的字段类型为varchar、int和date。其中，字段名、列名、字段类型等已预先在学生信息的源文件中预先录入并保存。(3)表单编辑区域，如图5所示，其创建信息的规则定义为：可编辑的表单、布局方式、需要编辑的字段(包括字段名称、列名称、展现方式、字段类型)。其中，可编辑的表单为用户预先建立的源文件，在这里可以直接被调用，用户对这些规则定义的内容进行编辑。例如，在本实施例中，用户需要针对“学生信息”的相关项目进行编辑。步骤s11，响应用户的选择确定待创建的区域信息，并调用待创建区域对应的创建信息的规则。具体地，调用待创建区域对应的创建信息的规则的方式为：显示该创建信息的规则。在本实施方式中，在确定待创建的区域信息时，显示如图3-5所示的界面信息，以调用相应的待创建区域对应的创建信息的规则。在本步骤中，用户在创建页面时，可以选择需要创建的页面类型。因此本步骤中，页面开发工具根据用户的选择，相应地，获取该页面类型所对应的页面模板信息。在本实施方式中，可以预先手机各类页面类型的页面ui信息，然后利用收集的各类型的页面ui信息，建立各页面类型对应的页面模板。请同时参阅图6，具体地，页面模板的建立过程包括：步骤s20，预先收集各页面类型的页面ui信息；在本步骤中，页面ui信息可以包括控件名称、控件数量、控件位置等信息。在本实施方式中，可以预先搜集一些确定页面类型的页面及样本，例如，对查询类页面、表单类页面、展示类页面分布搜集200个页面作为样本，然后分别收集各类页面类型的样本中的ui信息。步骤s21，利用div分割收集到的各页面类型的页面ui信息，建立各页面类型对应的页面模板。其中，预先确定该页面类型的各区域的位置范围，以及在各区域创建信息的规则。步骤s12，获取用户从所创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。具体地，响应用户的选择确定待创建的区域信息，并显示包括区域属性关联参数的配置界面，以调用待创建区域对应的创建信息的规则。在本步骤中，用户可以在如图3-5所示的界面上选择要创建页面的内容。对创建的区域实例进行渲染后，就能够得到创建了的区域的页面，该阶段下创建的页面可以以图7所示的配置界面显示给用户。在图7中示出了所创建页面的雏形，示出了各区域的布局情况及内容。另外，如果用户想要对创建的区域进行修改，则可以通过返回区域配置界面的入口，修改选择的区域信息，依据修改后的区域信息重新创建区域。请参阅图8，为本发明实施方式中的一种系统页面建立装置的结构示意图。该装置30包括：数据库31、页面模板获取单元32、规则调用单元33以及渲染单元34。该数据库31用于保存预先创建的页面模板。其中，该页面模板信息包括可创建的区域信息以及各区域创建信息的规则。在本实施方式中，可以预先针对不同的页面类型分别建立页面模板，其中页面类型可以包括但不限于：查询类页面、表单类页面、展示类页面等。具体地，当接收到页面创建指令后，展示的页面模板信息如图2所示，在本实施方式中，可创建的区域包括：查询区域、列表展示区域以及表单编辑区域。进一步地，各区域创建信息的规则是根据对应的区域属性预先设置的，用于对创建该区域对应的页面内容进行约束。该页面模板获取单元32用于接收到用户的页面创建指令后，获取页面模板信息。该规则调用单元33用于响应用户的选择确定待创建的区域信息，并调用待创建区域对应的创建信息的规则。具体地，调用待创建区域对应的创建信息的规则的方式为：显示该创建信息的规则。在本实施方式中，在确定待创建的区域信息时，显示如图3-5所示的界面信息，以调用相应的待创建区域对应的创建信息的规则。在本步骤中，用户在创建页面时，可以选择需要创建的页面类型。因此本步骤中，页面开发工具根据用户的选择，相应地，获取该页面类型所对应的页面模板信息。该渲染单元34用于获取用户从所创建区域依据创建信息的规则输入的内容，创建区域实例，并对创建的区域实例进行渲染。进一步地，该装置30还包括页面模板创建单元35，用于预先收集各页面类型的页面ui信息，以及利用div分割收集到的各页面类型的页面ui信息，建立各页面类型对应的页面模板。其中，预先确定该页面类型的各区域的位置范围，以及在各区域创建信息的规则。具体地，页面ui信息可以包括控件名称、控件数量、控件位置等信息。在本实施方式中，可以预先搜集一些确定页面类型的页面及样本，例如，对查询类页面、表单类页面、展示类页面分布搜集200个页面作为样本，然后分别收集各类页面类型的样本中的ui信息。本发明实施方式提供的一种系统页面建立方法及装置，预先创建包括可创建区域及其对应创建信息的规则的页面模板，并在用户创建管理系统对应页面时直接调用，并依据规则输入关联的项目内容。开发人员能够快速创建统一性较高的页面，并且即便没有专业ui设计经验，也能快速完成页面创建，节省系统开发时间。以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的
技术领域：
：，均同理包括在本发明的专利保护范围内。当前第1页12当前第1页12