1.本技术涉及但不限于互联网
技术领域：
：，尤其涉及一种页面自动生成方法、系统及存储介质。
背景技术：
：：2.随着互联网技术的发展，现代网页具有界面美观、交互效果好和功能强大等优点，网页逐渐融进了人们的学习、工作和生活之中。业务系统的网页和后台管理系统的网页通常是由表格和表单组合而成，传统的页面开发是采用人工编写和调整代码的方式，需要多次进行重复的代码编写，费时费力。相关技术中，利用可视化页面编辑软件，通过拖拽控件的方式实现页面的布局，以减少前端页面的开发工作，但此种方式需要开发人员对数据字段进行一一校验，页面生成效率低。技术实现要素：3.本技术实施例提供了一种页面自动生成方法、系统及存储介质，能够有效提高页面生成效率。4.第一方面，本技术实施例提供了一种页面自动生成方法，包括：5.获取前端基本页面；6.根据所述前端基本页面生成目标模板内容；7.基于预设的数据库，根据所述目标模板内容确定目标数据；8.利用注解的方式将所述目标模板内容和所述目标数据进行整合，生成目标页面。9.根据本技术第一方面实施例的页面自动生成方法，至少具有如下有益效果：获取前端基本页面，以便于根据前端基本页面生成目标模板内容，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。10.根据本技术第一方面的一些实施例，所述根据所述前端基本页面生成目标模板内容，包括：11.对所述前端基本页面进行第一区域分解处理，得到至少一个初始区域；12.对所述初始区域进行第二区域分解处理，得到标题区和数据内容区；13.根据所述标题区和所述数据内容区生成所述目标模板内容。14.根据本技术第一方面的一些实施例，所述根据所述标题区和所述数据内容区生成所述目标模板内容，包括：15.对所述标题区进行第三区域分解处理，得到标题按钮区和搜索栏区；16.对所述数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容；17.分别遍历所述表格内容、所述表单内容和所述标签内容，得到多个初始模板内容；18.根据预设的层级结构规则，将所述标题按钮区、所述搜索栏区和多个所述初始模板内容进行归类整合，得到所述目标模板内容。19.根据本技术第一方面的一些实施例，所述目标数据包括以下至少之一：对象数据、对象数据列表、对象数据树状列表和翻页数据。20.根据本技术第一方面的一些实施例，所述利用注解的方式将所述目标模板内容和所述目标数据进行整合，生成目标页面，包括：21.将所述目标模板内容编码成json文件；22.利用注解的方式，将所述json文件与所述目标数据进行数据匹配，得到层级结构模板；23.根据所述层级结构模板得到所述目标页面。24.根据本技术第一方面的一些实施例，所述将所述目标模板内容编码成json文件，包括：25.将所述目标模板内容编码成json格式数据，并对所述json格式数据进行数据完整性校验；26.在数据完整性校验通过后，对所述json格式数据进行配置，生成所述json文件。27.根据本技术第一方面的一些实施例，在所述根据所述层级结构模板得到所述目标页面之后，所述页面自动生成方法还包括：28.响应于修改指令，所述修改指令包括目标修改内容和注解标签；29.根据所述注解标签，从所述层级结构模板中确定待修改内容；30.根据所述目标修改内容对所述待修改内容进行更新，得到新的层级结构模板；31.根据所述新的层级结构模板得到所述目标页面。32.第二方面，本技术实施例提供了一种页面自动生成系统，包括：33.前端基本页面获取模块，用于获取前端基本页面；34.目标模板内容生成模块，用于根据所述前端基本页面生成目标模板内容；35.确定目标数据模块，用于基于预设的数据库，根据所述目标模板内容确定目标数据；36.目标页面生成模块，用于根据所述目标模板内容和所述目标数据生成目标页面。37.第三方面，本技术实施例提供了一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的页面自动生成方法。38.第四方面，本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行如第一方面所述的页面自动生成方法。附图说明39.附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。40.图1是本技术一个实施例提供的页面自动生成方法的步骤流程图；41.图2是本技术一个实施例提供的目标模板内容生成方法的步骤流程图；42.图3是本技术另一个实施例提供的目标模板内容生成方法的步骤流程图；43.图4是本技术一个实施例提供的目标页面生成方法的步骤流程图；44.图5是本技术一个实施例提供的将目标模板内容编码成json文件方法的步骤流程图；45.图6是本技术另一个实施例提供的页面自动生成方法的步骤流程图；46.图7是本技术一个实施例提供的页面渲染的流程示意图；47.图8是本技术一个实施例提供的页面自动生成系统的模块示意图；48.图9是本技术一个实施例提供的电子设备的硬件结构示意图。具体实施方式49.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本技术，并不用于限定本技术。50.可以理解的是，虽然在装置示意图中进行了功能模块划分，在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于装置中的模块划分，或流程图中的顺序执行所示出或描述的步骤。说明书、权利要求书或上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。51.本技术提供了一种页面自动生成方法、系统及存储介质，获取前端基本页面，以便于根据前端基本页面生成目标模板内容，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。52.下面结合附图，对本技术实施例作进一步阐述。53.参照图1，图1是本技术一个实施例提供的页面自动生成方法的步骤流程图，该页面自动生成方法包括但不限于有以下步骤：54.步骤s110，获取前端基本页面；55.步骤s120，根据前端基本页面生成目标模板内容；56.步骤s130，基于预设的数据库，根据目标模板内容确定目标数据；57.步骤s140，利用注解的方式将目标模板内容和目标数据进行整合，生成目标页面。58.需要说明的是，本技术实施例并不限制前端基本页面的具体类型，可以是可视化页面编辑器输出的前端基本页面，也可以是人工编写的前端基本页面，还可以是浏览器的网页的前端基本页面等。本技术实施例也不限制预设的数据库的具体类型，可以是本地数据库，可以是云端数据库等。59.可以理解的是，获取前端基本页面，以便于根据前端基本页面生成目标模板内容，以实现页面的通用性，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。60.另外，参照图2，在一实施例中，图1所示实施例中的步骤s120还包括但不限于有以下步骤：61.步骤s210，对前端基本页面进行第一区域分解处理，得到至少一个初始区域；62.步骤s220，对初始区域进行第二区域分解处理，得到标题区和数据内容区；63.步骤s230，根据标题区和数据内容区生成目标模板内容。64.需要说明的是，本技术实施例并不限制初始区域的具体数量和具体内容，可以是包括有菜单区和面板区，也可以是包括有菜单区、面板区和标题区等。65.可以理解的是，对前端基本页面进行第一区域分解处理，得到至少一个初始区域，将复杂的前端基本页面进行区域分解成多个区域，降低耦合度，使得目标模板内容的业务逻辑更清晰，以便于后续的扩展和维护。对初始区域进行第二区域分解处理，得到标题区和数据内容区，通过对初始区域进行进一步的分解，使得初始区域的内容结构清晰。再根据标题区和数据内容区生成目标模板内容，使得目标模板内容的层次结构更清晰，以便于后续目标模板内容与目标数据一一对应，能够有效提高页面生成效率。66.另外，参照图3，在一实施例中，图2所示实施例中的步骤s230还包括但不限于有以下步骤：67.步骤s310，对标题区进行第三区域分解处理，得到标题按钮区和搜索栏区；68.步骤s320，对数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容；69.步骤s330，分别遍历表格内容、表单内容和标签内容，得到多个初始模板内容；70.步骤s340，根据预设的层级结构规则，将标题按钮区、搜索栏区和多个初始模板内容进行归类整合，得到目标模板内容。71.需要说明的是，本技术实施例并不限制表格内容的具体类型，可以是包括有文本、日期、图像、枚举和按钮组等。本技术实施例也不限制表格内容、表单内容和标签内容之间的具体层级关系，可以是表格内容、表单内容和标签内容为同一层级，也可以是表格内容里面包括有多个表单内容和多个标签内容，还可以是表格内容包括有多个表单内容，而单个表单内容包括多个标签内容等。72.另外，需要说明的是，本技术实施例并不限制预设的层级结构规则的具体内容，可以是将区域分解次序作为层级结构的划分规则，也可以是将区域的位置顺序作为层级结构的划分标准等。可以理解的是，将区域分解次序作为层级结构的划分标准，能够使得后续得到的目标模板内容业务逻辑清晰，以便于后续的扩展和维护。73.可以理解的是，对标题区进行第三区域分解处理，得到标题按钮区和搜索栏区，并对数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容，通过多层次的区域分解处理，使得前端基础页面的具有清晰的层次结构。分别遍历表格内容、表单内容和标签内容，得到多个初始模板内容，以保证初始模板内容的数据完整性。根据预设的层级结构规则，将标题按钮区、搜索栏区和多个初始模板内容进行归类整合，使得标题按钮区、搜索栏区和初始模板内容之间相互对应，得到目标模板内容，避免目标模板内容的层次关系混乱，保证后续目标模板内容与目标数据一一对应。74.在一实施例中，目标数据包括以下至少之一：对象数据、对象数据列表、对象数据树状列表和翻页数据。75.可以理解的是，对象数据列表可以包括多个对象数据，对象数据树状列表可以包括多个含有父类主键的对象数据，翻页数据可以是多个数组，该数组存储了每一页需要显示的对象数据的集合，以便于将目标数据与目标模板内容进行对应整合。76.另外，参照图4，在一实施例中，图1所示实施例中的步骤s140还包括但不限于有以下步骤：77.步骤s410，将目标模板内容编码成json文件；78.步骤s420，利用注解的方式，将json文件与目标数据进行数据匹配，得到层级结构模板；79.步骤s430，根据层级结构模板得到目标页面。80.可以理解的是，json文件采用完全独立于编程语言的文本格式来存储和表示数据，支持多种语言,包括c、java、javascript、php和python等语言服务器端语言,易于机器解析和生成。并且，json文件的数据格式比较简单,格式都是压缩的,占用带宽小，能够有效地提高网络传输效率。将目标模板内容编码成json文件，能够避免目标模板内容与目标数据之间的数据整合出错，同时，能够有效提高目标模板内容和目标数据的整合效率。再利用注解的方式，将json文件与目标数据进行数据匹配，将目标数据映射于json文件中的相应位置，得到层级结构模板。其中，利用注解的方式，可以自动生成很多代码，从而减少代码量，能够有效提高页面生成效率。根据层级结构模板得到目标页面，程序通过反射获取指定程序元素的annotation对象，然后通过annotation对象来取得注解里的目标数据，以实现目标页面的生成。将目标模板内容与目标数据一一对应，能够避免对数据字段进行一一校验，能够有效提高页面生成效率。81.另外，参照图5，在一实施例中，图4所示实施例中的步骤s410还包括但不限于有以下步骤：82.步骤s510，将目标模板内容编码成json格式数据，并对json格式数据进行数据完整性校验；83.步骤s520，在数据完整性校验通过后，对json格式数据进行配置，生成json文件。84.可以理解的是，将目标模板内容编码成json格式数据，并对json格式数据进行数据完整性校验，以保证json格式数据中的数据完整性，避免因数据缺失导致后续目标页面生成错误的问题。在数据完整性校验通过后，对json格式数据进行配置，例如，配置依赖、处理null值和对数据进行封装等，以保证所生成的json文件的可靠性。85.另外，参照图6，在一实施例中，在图4所示实施例中的步骤s430之后，页面自动生成方法还包括但不限于有以下步骤：86.步骤s610，响应于修改指令，修改指令包括目标修改内容和注解标签；87.步骤s620，根据注解标签，从层级结构模板中确定待修改内容；88.步骤s630，根据目标修改内容对待修改内容进行更新，得到新的层级结构模板；89.步骤s640，根据新的层级结构模板得到目标页面。90.需要说明的是，本技术实施例并不限制修改指令的生成方式，可以是开发人员手动修改前端基本页面，生成修改指令，也可以是数据库中的目标数据更新变化，生成修改指令等。91.可以理解的是，响应于修改指令，修改指令包括目标修改内容和注解标签，根据注解标签，从层级结构模板中确定待修改内容，以便于准确定位待更新位置，保证对待修改内容进行更新的精确性。根据目标修改内容对待修改内容进行更新，得到新的层级结构模板，再根据新的层级结构模板得到目标页面。通过修改层级结构模板中注解标签对应的内容，实现目标页面的同步更新，避免出现前端和后端没有同步修改导致页面更新错误的问题。92.参照图7，在一实施例中，可以通过web前端获取前端基本页面，根据前端基本页面加载模板内容，得到目标模板内容。例如，将前端基本页面抽象成菜单区、标题区和面板区，面板区可以视作为表格和表单，以便于将面板区分解为抬头区和数据内容区。其中，抬头区可以分解为抬头按钮区和搜索栏区，数据内容区可以分解为表单内容、表格内容和标签内容。以表格内容为例，一个表格通常由列名和每一列的内容组成，每一列内容的类型，可以分为文本、日期、图像、枚举、按钮组。可以得出描述一个表格页面的结构即目标模板内容：表格页面:{抬头区:{标题:“”,搜索区:[{表单项1},{表单项2}],抬头按钮:[{按钮1},{按钮2}]},数据来源:{},表格:{表格列:[{表格列1},{表格列2}]}}。web服务器对该目标模板内容进行数据处理，并返回模板内容(json)至web前端，以便于web前端根据返回的模板内容(json)查询数据源，使得web服务器返回数据内容，保证目标模板内容与数据内容一一对应。[0093]web前端结合模板内容(json)和数据内容渲染页面，使用java的annotation批注实现模板的生成，可以得出描述一个模仿网页的层级结构模板：[0094]@gview(viewname＝“meetingbean”,title＝“组织会议”,borads＝@gboard(table＝@gtable(header＝@gheader(buttons＝{@gbutton(name＝“添加日程”,action＝view_by_dialog,view＝“addmeeting”)}),searchbar＝@gsearchbar(filters＝{@gsearchfilter}),columns＝{@gcolumn(name＝"日程名称",keyname＝"meetingname",columntype＝columntype.text),@gcolumn(name＝"日程开始时间",keyname＝"starttime",columntype＝columntype.date,format＝"yyyy-mm-ddhh:mm:ss"),@gcolumn(name＝"日程码",keyname＝"code",columntype＝columntype.qr_code),@gcolumn(name＝"操作",columntype＝columntype.buttons,buttons＝{@gbutton(name＝"组织会议",action＝buttonaction.view,view＝"meetingsetting",props＝{@gprop(keyname＝"meetingkey",valuename＝"item.meetingkey")}),@gbutton(name＝"更改时间",action＝buttonaction.view_by_dialog,view＝"updatemeeting",props＝{@gprop(keyname＝"meetingkey",valuename＝"item.meetingkey")}),})))[0095]利用注解的方式，结合java的反射技术，可以生成层级结构模板，得以实现目标页面的生成。通过抽取相似的部分实现模板化开发，利用注解的方式，将目标模板内容与目标数据一一对应，避免对字段逐一检查，只需要通过数行代码即可实现后台管理页面的开发，实现大部分表单和表格的展现功能，能够有效提高页面生成效率。[0096]参照图8，本技术的一个实施例提供了一种页面自动生成系统800，该页面自动生成系统800包括：[0097]前端基本页面获取模块810，用于获取前端基本页面；[0098]目标模板内容生成模块820，用于根据前端基本页面生成目标模板内容；[0099]确定目标数据模块830，用于基于预设的数据库，根据目标模板内容确定目标数据；[0100]目标页面生成模块840，用于根据目标模板内容和目标数据生成目标页面。[0101]本技术实施例的页面自动生成系统800的具体实施方式与上述页面自动生成方法的具体实施方式基本一致，在此不再赘述。[0102]另外，参照图9，本技术的一个实施例还提供了一种电子设备900，该电子设备900包括：存储器910、处理器920及存储在存储器910上并可在处理器920上运行的计算机程序，处理器920执行计算机程序时实现上述的页面自动生成方法。[0103]处理器920和存储器910可以通过总线或者其他方式连接。[0104]实现上述实施例的页面自动生成方法所需的非暂态软件程序以及指令存储在存储器910中，当被处理器920执行时，执行上述实施例中的页面自动生成方法，例如，执行以上描述的图1中的方法步骤s110至方法步骤s140、图2中的方法步骤s210至方法步骤s230、图3中的方法步骤s310至方法步骤s340、图4中的方法步骤s410至方法步骤s430、图5中的方法步骤s510至方法步骤s520和图6中的方法步骤s610至方法步骤s640。[0105]以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。[0106]此外，本技术的一个实施例还提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个处理器920或控制器执行，例如，被上述电子设备900中的一个处理器920执行，可使得上述处理器920执行上述实施例中的页面自动生成方法，例如，执行以上描述的图1中的方法步骤s110至方法步骤s140、图2中的方法步骤s210至方法步骤s230、图3中的方法步骤s310至方法步骤s340、图4中的方法步骤s410至方法步骤s430、图5中的方法步骤s510至方法步骤s520和图6中的方法步骤s610至方法步骤s640。本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统可以被实施为软件、固件、硬件及其适当的组合。某些物理组件或所有物理组件可以被实施为由处理器920，如中央处理器、数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于ram、rom、eeprom、闪存或其他存储器技术、cd-rom、数字多功能盘(dvd)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。[0107]在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示意性实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本技术的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。[0108]以上是对本技术的较佳实施进行了具体说明，但本技术并不局限于上述实施方式，熟悉本领域的技术人员在不违背本技术精神的前提下还可作出种种的等同变形或替换，这些等同的变形或替换均包含在本技术权利要求所限定的范围内。当前第1页12当前第1页12
技术领域：
：，尤其涉及一种页面自动生成方法、系统及存储介质。
背景技术：
：：2.随着互联网技术的发展，现代网页具有界面美观、交互效果好和功能强大等优点，网页逐渐融进了人们的学习、工作和生活之中。业务系统的网页和后台管理系统的网页通常是由表格和表单组合而成，传统的页面开发是采用人工编写和调整代码的方式，需要多次进行重复的代码编写，费时费力。相关技术中，利用可视化页面编辑软件，通过拖拽控件的方式实现页面的布局，以减少前端页面的开发工作，但此种方式需要开发人员对数据字段进行一一校验，页面生成效率低。技术实现要素：3.本技术实施例提供了一种页面自动生成方法、系统及存储介质，能够有效提高页面生成效率。4.第一方面，本技术实施例提供了一种页面自动生成方法，包括：5.获取前端基本页面；6.根据所述前端基本页面生成目标模板内容；7.基于预设的数据库，根据所述目标模板内容确定目标数据；8.利用注解的方式将所述目标模板内容和所述目标数据进行整合，生成目标页面。9.根据本技术第一方面实施例的页面自动生成方法，至少具有如下有益效果：获取前端基本页面，以便于根据前端基本页面生成目标模板内容，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。10.根据本技术第一方面的一些实施例，所述根据所述前端基本页面生成目标模板内容，包括：11.对所述前端基本页面进行第一区域分解处理，得到至少一个初始区域；12.对所述初始区域进行第二区域分解处理，得到标题区和数据内容区；13.根据所述标题区和所述数据内容区生成所述目标模板内容。14.根据本技术第一方面的一些实施例，所述根据所述标题区和所述数据内容区生成所述目标模板内容，包括：15.对所述标题区进行第三区域分解处理，得到标题按钮区和搜索栏区；16.对所述数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容；17.分别遍历所述表格内容、所述表单内容和所述标签内容，得到多个初始模板内容；18.根据预设的层级结构规则，将所述标题按钮区、所述搜索栏区和多个所述初始模板内容进行归类整合，得到所述目标模板内容。19.根据本技术第一方面的一些实施例，所述目标数据包括以下至少之一：对象数据、对象数据列表、对象数据树状列表和翻页数据。20.根据本技术第一方面的一些实施例，所述利用注解的方式将所述目标模板内容和所述目标数据进行整合，生成目标页面，包括：21.将所述目标模板内容编码成json文件；22.利用注解的方式，将所述json文件与所述目标数据进行数据匹配，得到层级结构模板；23.根据所述层级结构模板得到所述目标页面。24.根据本技术第一方面的一些实施例，所述将所述目标模板内容编码成json文件，包括：25.将所述目标模板内容编码成json格式数据，并对所述json格式数据进行数据完整性校验；26.在数据完整性校验通过后，对所述json格式数据进行配置，生成所述json文件。27.根据本技术第一方面的一些实施例，在所述根据所述层级结构模板得到所述目标页面之后，所述页面自动生成方法还包括：28.响应于修改指令，所述修改指令包括目标修改内容和注解标签；29.根据所述注解标签，从所述层级结构模板中确定待修改内容；30.根据所述目标修改内容对所述待修改内容进行更新，得到新的层级结构模板；31.根据所述新的层级结构模板得到所述目标页面。32.第二方面，本技术实施例提供了一种页面自动生成系统，包括：33.前端基本页面获取模块，用于获取前端基本页面；34.目标模板内容生成模块，用于根据所述前端基本页面生成目标模板内容；35.确定目标数据模块，用于基于预设的数据库，根据所述目标模板内容确定目标数据；36.目标页面生成模块，用于根据所述目标模板内容和所述目标数据生成目标页面。37.第三方面，本技术实施例提供了一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的页面自动生成方法。38.第四方面，本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行如第一方面所述的页面自动生成方法。附图说明39.附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。40.图1是本技术一个实施例提供的页面自动生成方法的步骤流程图；41.图2是本技术一个实施例提供的目标模板内容生成方法的步骤流程图；42.图3是本技术另一个实施例提供的目标模板内容生成方法的步骤流程图；43.图4是本技术一个实施例提供的目标页面生成方法的步骤流程图；44.图5是本技术一个实施例提供的将目标模板内容编码成json文件方法的步骤流程图；45.图6是本技术另一个实施例提供的页面自动生成方法的步骤流程图；46.图7是本技术一个实施例提供的页面渲染的流程示意图；47.图8是本技术一个实施例提供的页面自动生成系统的模块示意图；48.图9是本技术一个实施例提供的电子设备的硬件结构示意图。具体实施方式49.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本技术，并不用于限定本技术。50.可以理解的是，虽然在装置示意图中进行了功能模块划分，在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于装置中的模块划分，或流程图中的顺序执行所示出或描述的步骤。说明书、权利要求书或上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。51.本技术提供了一种页面自动生成方法、系统及存储介质，获取前端基本页面，以便于根据前端基本页面生成目标模板内容，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。52.下面结合附图，对本技术实施例作进一步阐述。53.参照图1，图1是本技术一个实施例提供的页面自动生成方法的步骤流程图，该页面自动生成方法包括但不限于有以下步骤：54.步骤s110，获取前端基本页面；55.步骤s120，根据前端基本页面生成目标模板内容；56.步骤s130，基于预设的数据库，根据目标模板内容确定目标数据；57.步骤s140，利用注解的方式将目标模板内容和目标数据进行整合，生成目标页面。58.需要说明的是，本技术实施例并不限制前端基本页面的具体类型，可以是可视化页面编辑器输出的前端基本页面，也可以是人工编写的前端基本页面，还可以是浏览器的网页的前端基本页面等。本技术实施例也不限制预设的数据库的具体类型，可以是本地数据库，可以是云端数据库等。59.可以理解的是，获取前端基本页面，以便于根据前端基本页面生成目标模板内容，以实现页面的通用性，能够减少前端页面的开发工作。随后，基于预设的数据库，根据目标模板内容确定目标数据，再利用注解的方式将目标模板内容和目标数据进行整合，使得目标模板内容与目标数据一一对应，生成目标页面。当对目标页面进行更新或修改时，基于注解，通过直接修改后端标注代码即可实现目标模板内容与目标数据的同步对应更新，保证更新后目标页面的数据准确性，同时，能够有效提高页面生成效率。基于本技术提供的页面自动生成方法，利用注解的方式，实现目标模板内容与目标数据一一对应，相较于相关技术中需要开发人员对数据字段进行一一校验以实现页面开发的技术方案，能够有效提高页面生成效率。60.另外，参照图2，在一实施例中，图1所示实施例中的步骤s120还包括但不限于有以下步骤：61.步骤s210，对前端基本页面进行第一区域分解处理，得到至少一个初始区域；62.步骤s220，对初始区域进行第二区域分解处理，得到标题区和数据内容区；63.步骤s230，根据标题区和数据内容区生成目标模板内容。64.需要说明的是，本技术实施例并不限制初始区域的具体数量和具体内容，可以是包括有菜单区和面板区，也可以是包括有菜单区、面板区和标题区等。65.可以理解的是，对前端基本页面进行第一区域分解处理，得到至少一个初始区域，将复杂的前端基本页面进行区域分解成多个区域，降低耦合度，使得目标模板内容的业务逻辑更清晰，以便于后续的扩展和维护。对初始区域进行第二区域分解处理，得到标题区和数据内容区，通过对初始区域进行进一步的分解，使得初始区域的内容结构清晰。再根据标题区和数据内容区生成目标模板内容，使得目标模板内容的层次结构更清晰，以便于后续目标模板内容与目标数据一一对应，能够有效提高页面生成效率。66.另外，参照图3，在一实施例中，图2所示实施例中的步骤s230还包括但不限于有以下步骤：67.步骤s310，对标题区进行第三区域分解处理，得到标题按钮区和搜索栏区；68.步骤s320，对数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容；69.步骤s330，分别遍历表格内容、表单内容和标签内容，得到多个初始模板内容；70.步骤s340，根据预设的层级结构规则，将标题按钮区、搜索栏区和多个初始模板内容进行归类整合，得到目标模板内容。71.需要说明的是，本技术实施例并不限制表格内容的具体类型，可以是包括有文本、日期、图像、枚举和按钮组等。本技术实施例也不限制表格内容、表单内容和标签内容之间的具体层级关系，可以是表格内容、表单内容和标签内容为同一层级，也可以是表格内容里面包括有多个表单内容和多个标签内容，还可以是表格内容包括有多个表单内容，而单个表单内容包括多个标签内容等。72.另外，需要说明的是，本技术实施例并不限制预设的层级结构规则的具体内容，可以是将区域分解次序作为层级结构的划分规则，也可以是将区域的位置顺序作为层级结构的划分标准等。可以理解的是，将区域分解次序作为层级结构的划分标准，能够使得后续得到的目标模板内容业务逻辑清晰，以便于后续的扩展和维护。73.可以理解的是，对标题区进行第三区域分解处理，得到标题按钮区和搜索栏区，并对数据内容区进行第四区域分解处理，得到表格内容、表单内容和标签内容，通过多层次的区域分解处理，使得前端基础页面的具有清晰的层次结构。分别遍历表格内容、表单内容和标签内容，得到多个初始模板内容，以保证初始模板内容的数据完整性。根据预设的层级结构规则，将标题按钮区、搜索栏区和多个初始模板内容进行归类整合，使得标题按钮区、搜索栏区和初始模板内容之间相互对应，得到目标模板内容，避免目标模板内容的层次关系混乱，保证后续目标模板内容与目标数据一一对应。74.在一实施例中，目标数据包括以下至少之一：对象数据、对象数据列表、对象数据树状列表和翻页数据。75.可以理解的是，对象数据列表可以包括多个对象数据，对象数据树状列表可以包括多个含有父类主键的对象数据，翻页数据可以是多个数组，该数组存储了每一页需要显示的对象数据的集合，以便于将目标数据与目标模板内容进行对应整合。76.另外，参照图4，在一实施例中，图1所示实施例中的步骤s140还包括但不限于有以下步骤：77.步骤s410，将目标模板内容编码成json文件；78.步骤s420，利用注解的方式，将json文件与目标数据进行数据匹配，得到层级结构模板；79.步骤s430，根据层级结构模板得到目标页面。80.可以理解的是，json文件采用完全独立于编程语言的文本格式来存储和表示数据，支持多种语言,包括c、java、javascript、php和python等语言服务器端语言,易于机器解析和生成。并且，json文件的数据格式比较简单,格式都是压缩的,占用带宽小，能够有效地提高网络传输效率。将目标模板内容编码成json文件，能够避免目标模板内容与目标数据之间的数据整合出错，同时，能够有效提高目标模板内容和目标数据的整合效率。再利用注解的方式，将json文件与目标数据进行数据匹配，将目标数据映射于json文件中的相应位置，得到层级结构模板。其中，利用注解的方式，可以自动生成很多代码，从而减少代码量，能够有效提高页面生成效率。根据层级结构模板得到目标页面，程序通过反射获取指定程序元素的annotation对象，然后通过annotation对象来取得注解里的目标数据，以实现目标页面的生成。将目标模板内容与目标数据一一对应，能够避免对数据字段进行一一校验，能够有效提高页面生成效率。81.另外，参照图5，在一实施例中，图4所示实施例中的步骤s410还包括但不限于有以下步骤：82.步骤s510，将目标模板内容编码成json格式数据，并对json格式数据进行数据完整性校验；83.步骤s520，在数据完整性校验通过后，对json格式数据进行配置，生成json文件。84.可以理解的是，将目标模板内容编码成json格式数据，并对json格式数据进行数据完整性校验，以保证json格式数据中的数据完整性，避免因数据缺失导致后续目标页面生成错误的问题。在数据完整性校验通过后，对json格式数据进行配置，例如，配置依赖、处理null值和对数据进行封装等，以保证所生成的json文件的可靠性。85.另外，参照图6，在一实施例中，在图4所示实施例中的步骤s430之后，页面自动生成方法还包括但不限于有以下步骤：86.步骤s610，响应于修改指令，修改指令包括目标修改内容和注解标签；87.步骤s620，根据注解标签，从层级结构模板中确定待修改内容；88.步骤s630，根据目标修改内容对待修改内容进行更新，得到新的层级结构模板；89.步骤s640，根据新的层级结构模板得到目标页面。90.需要说明的是，本技术实施例并不限制修改指令的生成方式，可以是开发人员手动修改前端基本页面，生成修改指令，也可以是数据库中的目标数据更新变化，生成修改指令等。91.可以理解的是，响应于修改指令，修改指令包括目标修改内容和注解标签，根据注解标签，从层级结构模板中确定待修改内容，以便于准确定位待更新位置，保证对待修改内容进行更新的精确性。根据目标修改内容对待修改内容进行更新，得到新的层级结构模板，再根据新的层级结构模板得到目标页面。通过修改层级结构模板中注解标签对应的内容，实现目标页面的同步更新，避免出现前端和后端没有同步修改导致页面更新错误的问题。92.参照图7，在一实施例中，可以通过web前端获取前端基本页面，根据前端基本页面加载模板内容，得到目标模板内容。例如，将前端基本页面抽象成菜单区、标题区和面板区，面板区可以视作为表格和表单，以便于将面板区分解为抬头区和数据内容区。其中，抬头区可以分解为抬头按钮区和搜索栏区，数据内容区可以分解为表单内容、表格内容和标签内容。以表格内容为例，一个表格通常由列名和每一列的内容组成，每一列内容的类型，可以分为文本、日期、图像、枚举、按钮组。可以得出描述一个表格页面的结构即目标模板内容：表格页面:{抬头区:{标题:“”,搜索区:[{表单项1},{表单项2}],抬头按钮:[{按钮1},{按钮2}]},数据来源:{},表格:{表格列:[{表格列1},{表格列2}]}}。web服务器对该目标模板内容进行数据处理，并返回模板内容(json)至web前端，以便于web前端根据返回的模板内容(json)查询数据源，使得web服务器返回数据内容，保证目标模板内容与数据内容一一对应。[0093]web前端结合模板内容(json)和数据内容渲染页面，使用java的annotation批注实现模板的生成，可以得出描述一个模仿网页的层级结构模板：[0094]@gview(viewname＝“meetingbean”,title＝“组织会议”,borads＝@gboard(table＝@gtable(header＝@gheader(buttons＝{@gbutton(name＝“添加日程”,action＝view_by_dialog,view＝“addmeeting”)}),searchbar＝@gsearchbar(filters＝{@gsearchfilter}),columns＝{@gcolumn(name＝"日程名称",keyname＝"meetingname",columntype＝columntype.text),@gcolumn(name＝"日程开始时间",keyname＝"starttime",columntype＝columntype.date,format＝"yyyy-mm-ddhh:mm:ss"),@gcolumn(name＝"日程码",keyname＝"code",columntype＝columntype.qr_code),@gcolumn(name＝"操作",columntype＝columntype.buttons,buttons＝{@gbutton(name＝"组织会议",action＝buttonaction.view,view＝"meetingsetting",props＝{@gprop(keyname＝"meetingkey",valuename＝"item.meetingkey")}),@gbutton(name＝"更改时间",action＝buttonaction.view_by_dialog,view＝"updatemeeting",props＝{@gprop(keyname＝"meetingkey",valuename＝"item.meetingkey")}),})))[0095]利用注解的方式，结合java的反射技术，可以生成层级结构模板，得以实现目标页面的生成。通过抽取相似的部分实现模板化开发，利用注解的方式，将目标模板内容与目标数据一一对应，避免对字段逐一检查，只需要通过数行代码即可实现后台管理页面的开发，实现大部分表单和表格的展现功能，能够有效提高页面生成效率。[0096]参照图8，本技术的一个实施例提供了一种页面自动生成系统800，该页面自动生成系统800包括：[0097]前端基本页面获取模块810，用于获取前端基本页面；[0098]目标模板内容生成模块820，用于根据前端基本页面生成目标模板内容；[0099]确定目标数据模块830，用于基于预设的数据库，根据目标模板内容确定目标数据；[0100]目标页面生成模块840，用于根据目标模板内容和目标数据生成目标页面。[0101]本技术实施例的页面自动生成系统800的具体实施方式与上述页面自动生成方法的具体实施方式基本一致，在此不再赘述。[0102]另外，参照图9，本技术的一个实施例还提供了一种电子设备900，该电子设备900包括：存储器910、处理器920及存储在存储器910上并可在处理器920上运行的计算机程序，处理器920执行计算机程序时实现上述的页面自动生成方法。[0103]处理器920和存储器910可以通过总线或者其他方式连接。[0104]实现上述实施例的页面自动生成方法所需的非暂态软件程序以及指令存储在存储器910中，当被处理器920执行时，执行上述实施例中的页面自动生成方法，例如，执行以上描述的图1中的方法步骤s110至方法步骤s140、图2中的方法步骤s210至方法步骤s230、图3中的方法步骤s310至方法步骤s340、图4中的方法步骤s410至方法步骤s430、图5中的方法步骤s510至方法步骤s520和图6中的方法步骤s610至方法步骤s640。[0105]以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。[0106]此外，本技术的一个实施例还提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个处理器920或控制器执行，例如，被上述电子设备900中的一个处理器920执行，可使得上述处理器920执行上述实施例中的页面自动生成方法，例如，执行以上描述的图1中的方法步骤s110至方法步骤s140、图2中的方法步骤s210至方法步骤s230、图3中的方法步骤s310至方法步骤s340、图4中的方法步骤s410至方法步骤s430、图5中的方法步骤s510至方法步骤s520和图6中的方法步骤s610至方法步骤s640。本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统可以被实施为软件、固件、硬件及其适当的组合。某些物理组件或所有物理组件可以被实施为由处理器920，如中央处理器、数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于ram、rom、eeprom、闪存或其他存储器技术、cd-rom、数字多功能盘(dvd)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。[0107]在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示意性实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本技术的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。[0108]以上是对本技术的较佳实施进行了具体说明，但本技术并不局限于上述实施方式，熟悉本领域的技术人员在不违背本技术精神的前提下还可作出种种的等同变形或替换，这些等同的变形或替换均包含在本技术权利要求所限定的范围内。当前第1页12当前第1页12
再多了解一些
本文用于创业者技术爱好者查询，仅供学习研究，如用于商业用途，请联系技术所有人。
