一种生成使用页面的方法、装置、设备及可读存储介质与流程

1.本发明涉及互联网技术领域，具体而言，涉及生成使用页面的方法、装置、设备及可读存储介质。


背景技术：

2.基于原生javascript语言实现的可视化生成页面方案，可选组件资源较少，生成的页面语法为原生javascript语法，使用场景较少，难以匹配目前前端开发的技术框架；控件式动态页面生成方法所得到的页面为表单页面，只能满足前端开发领域中的一小部分，且生成的页面为特定数据格式，需要内置的解析器对其进行解析才能反显出页面，不利于二次开发扩。
3.对于目前的前端开发领域，前端工程师在开发的过程中很大一部分时间和精力都会消耗在编写大量重复的代码和业务逻辑中，在面对大量低技术含量的需求时，很容易就变成了极易替代的资源，前端人力进而成为产品需求迭代的瓶颈。


技术实现要素：

4.本发明的目的在于提供一种生成使用页面的方法、装置、设备及可读存储介质，以改善上述问题。为了实现上述目的，本发明采取的技术方案如下：
5.第一方面，本技术提供了一种生成使用页面的方法，包括：
6.接收页面生成请求，所述页面生成请求中包括待生成页面对应的业务需求；
7.根据所述待生成页面对应的业务需求，以及业务需求和组件的对应关系，在预设的多个组件中选择与所述业务需求相对应的组件；
8.根据选择的所述组件生成使用页面；
9.根据生成的所述使用页面保存为供展示使用的文件。
10.优选地，根据所述待生成页面对应的业务需求，在预设的多个组件中选择与所述业务需求相对应的组件，包括：
11.根据所述业务需求搭建前端框架；
12.根据所述前端框架选出与所述前端框架相对应的组件库，所述组件库所展示的组件为所选框架下所默认添加的组件库，所述组件库包括布局组件、基础组件和自定义组件；
13.在预先设置的所述组件库中选出与所述待生成页面对应的业务需求匹配的组件。
14.优选地，根据选择的所述组件生成使用页面,包括：
15.将至少一个所述组件拖拽到预设的画布区进行编辑,并配置与所述组件相对应的属性,所述属性包括全局属性和单一组件属性；
16.更新属性配置后的页面；
17.将所述页面进行解析并生成使用页面。
18.优选地，将至少一个所述组件拖拽到预设的画布区进行编辑，包括：
19.通过页面生成器将拖拽到预设的画布区中的至少一个所述组件转换为可交互的
ui组件；
20.根据所述业务需求将所述ui组件进行排列组合，得到新的ui组件；
21.监听新的所述ui组件在所述画布区内的移动信息，所述移动信息包括所述ui组件的位置信息和配置信息；更新所述画布区的实时数据。
22.优选地，将所述页面解析并生成使用页面，包括：
23.调用代码解析器；
24.将所述更新属性配置后的页面通过所述代码解析器json文件或者生成所述所选框架中所属语法的标准文件；
25.将所述json文件或是标准文件生成使用页面；
26.输出所述使用页面。
27.优选地，根据生成的所述使用页面保存为供展示使用的文件，包括：
28.基于所述所选框架中的编译组件构建页面生成器；
29.通过页面生成器将所述json文件进行解析生成前端页面；
30.将所述前端页面输出进行保存，得到供展示使用的文件。
31.第二方面，本技术还提供了一种生成使用页面的装置，包括：
32.接收模块:用于接收页面生成请求，所述页面生成请求中包括待生成页面对应的业务需求；
33.选择模块:用于根据所述待生成页面对应的业务需求，以及业务需求和组件的对应关系，在预设的多个组件中选择与所述业务需求相对应的组件。
34.优选地，选择模块还包括：
35.搭建单元:用于根据所述业务需求搭建前端框架；
36.第一识别单元:用于根据所述前端框架选出与所述前端框架相对应的组件库，所述组件库所展示的组件为所选框架下所默认添加的组件库，所述组件库包括布局组件、基础组件和自定义组件；
37.第二识别单元:用于在预先设置的所述组件库中选出与所述待生成页面对应的业务需求匹配的组件。
38.生成模块:用于根据选择的所述组件生成使用页面。
39.优选地，生成模块还包括：
40.编辑单元：用于将至少一个所述组件拖拽到预设的画布区进行编辑,并配置与所述组件相对应的属性,所述属性包括全局属性和单一组件属性；
41.优选地，其中编辑单元还包括：
42.编辑单元还包括：
43.转换单元：用于通过页面生成器将拖拽到预设的画布区中的至少一个所述组件转换为可交互的ui组件；
44.排列单元：用于根据所述业务需求将所述ui组件进行排列组合，得到新的ui组件；
45.监听单元：用于监听新的所述ui组件在所述画布区内的移动信息，所述移动信息包括所述ui组件的位置信息和配置信息；
46.第二更新单元：用于更新所述画布区的实时数据。
47.第一更新单元：用于更新属性配置后的页面；
48.解析单元：用于将所述页面进行解析并生成使用页面。
49.优选地，解析单元还包括：
50.调用单元：用于调用代码解析器；
51.第一生成单元：用于将所述更新属性配置后的页面通过所述代码解析器生成json文件或者生成所述所选框架中所属语法的标准文件；
52.第二生成单元：用于将所述json文件或是标准文件生成使用页面；
53.输出单元：用于输出所述使用页面。
54.优选地，保存模块:用于根据生成的所述使用页面保存为供展示使用的文件。
55.优选地，保存模块还包括：
56.构建单元：用于基于所述所选框架中的编译组件构建页面生成器；
57.第三生成单元：用于通过页面生成器将所述json文件进行解析生成前端页面；
58.获取单元：用于将所述前端页面输出进行保存，得到供展示使用的文件。
59.第三方面，本技术还提供了一种生成使用页面的设备，包括：
60.存储器，用于存储计算机程序；
61.处理器，用于执行所述计算机程序时实现所述生成使用页面的方法的步骤。
62.第四方面，本技术还提供了一种可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述基于生成使用页面的方法的步骤。
63.本发明的有益效果为：通过工具化、自动化的方式来完成，可以通过拖拽，点击等交互方式配置出所需的页面及前端代码，从丰富的组件资源中自定义添加补充且支持不同主流ui组件库切换所生成的页面代码要支持不同前端主流框架语法切换也可以直接使用，完全支持二次开发。
64.本发明的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明实施例了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
65.为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
66.图1为本发明实施例中所述的生成使用页面的方法流程示意图；
67.图2为本发明实施例中所述的生成使用页面的装置结构示意图；
68.图3为本发明实施例中所述的生成使用页面的设备结构示意图。
69.图中:701、接收模块；702、选择模块；7021、搭建单元；7022、第一识别单元；7023、第二识别单元；703、生成模块；7031、编辑单元；70311、转换单元；70312、排列单元；70313、监听单元；70314、第二更新单元；7032、第一更新单元；7033、解析单元；70331、调用单元；70332、第一生成单元；70333、第二生成单元；70334、输出单元；704、保存模块；7041、构建单元；7042、第三生成单元；7043、获取单元；800、生成使用页面的设备；801、处理器；802、存储器；803、多媒体组件；804、输入/输出(i/o)接口；805、通信组件。
具体实施方式
70.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
71.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
72.实施例1：
73.本实施例提供了一种生成使用页面的方法。
74.参见图1，图中示出了本方法包括步骤s100、步骤s200、步骤s300和步骤s400。
75.s100、接收页面生成请求，页面生成请求中包括待生成页面对应的业务需求。
76.可以理解的是，在本步骤中，根据请求来对应页面对应的业务需求，可以先搭建前端设计器布局页面，本实施例中的设计器器布局界面中的左侧设为组件库区，中间设为画布区，右侧设为属性编辑区，顶部设为全局工具区。其中组件库区所展示的组件为所选框架下所默认添加的组件库。
77.s200、根据待生成页面对应的业务需求，以及业务需求和组件的对应关系，在预设的多个组件中选择与业务需求相对应的组件。
78.根据业务需求搭建前端框架；根据使用者自己的项目所使用的是某种前端框架，需要某种框架就搭建某种框架。
79.根据前端框架选出与前端框架相对应的组件库，组件库所展示的组件为所选框架下所默认添加的组件库，组件库包括布局组件、基础组件和自定义组件；
80.需要说明的是，组件库中的组件是内置在页面设计器的初始化数据源中的，表现形式为数组对象，每个对象代表一个组件，渲染时根据对象的name值显示组件的名字，并且需要引入vuedraggable插件，将每个组件用《vuedraggable》标签包裹来实现拖拽功能以及动画过渡效果。对象内包含并不限于组件的type值，style值，option数据等，用户可以通过对组件库中的组件进行拖拽或者点击，制作出统一规范的web前端页面。其中，组件库主要分三个类型，分别是：布局组件、基础组件和自定义组件。
81.在预先设置的组件库中选出与待生成页面对应的业务需求匹配的组件。
82.s300、根据选择的组件生成使用页面。
83.可以理解的是，在本步骤中，其中，将至少一个组件拖拽到预设的画布区进行编辑,并配置与组件相对应的属性,属性包括全局属性和单一组件属性；
84.上述提到的全局属性和单一组件属性是属性编辑的操作入口。页面生成器对属性数组对象进行转化为可交互ui组件，让用户可以进行交互操作，来为设计器设计的页面和画布中的组件进行属性配置。全局属性编辑是对整个设计的目标页面的通用属性进行编辑，如页面宽高，内外边距等，需要通过用户的设置改变步骤五中的画布数组中的全局属性
对象；
85.而单一组件属性编辑是对中间画布区选中的组件进行相应的属性编辑，包含但不限于样式属性、位置属性、联动配置、事件行为和数据源配置等操作，需要通过用户的设置的画布数组中被选中的组件对象；而属性编辑区的事件行为配置，数据源配置等均可选用弹窗嵌入第三方代码编辑插件来实现，让用户在编辑插件中进行代码或者配置输入，然后将改动后的属性对象保存到画布数组中的对应位置，使画布数组实时更新，从而通过页面生成器在画布中实时更新进行属性配置后的页面。
86.需要说明的是，画布区实际上是设计页面的主要区域，通过页面生成器将拖拽过来的组件对象转换成可交互的ui组件，用户可以在此区域内对拖拽过来的组件进行排列组合，配合右侧的属性编辑区，可以看到修改了属性后的组件样式及功能。画布区是拖拽组件的容器，需要进行一定配置，首先需要维护一份数据，可以是一个数组，可以称之为画布数组，用来承载所有画布区内的组件数据，组件变化的时候实时更新画布数组，从而得到最新的页面设计数据。
87.需要说明的是，通过页面生成器将拖拽到预设的画布区中的至少一个组件转换为可交互的ui组件；
88.根据业务需求将ui组件进行排列组合，得到新的ui组件；
89.监听新的ui组件在画布区内的移动信息，移动信息包括ui组件的位置信息和配置信息；
90.更新画布区的实时数据。
91.需要说明的是，监听拖拽过来的组件，可以监听鼠标拖放过程中的行为，在鼠标放开拖拽组件的同时，记录并更新当前画布区所有组件的位置和配置信息，更新画布数组，保持实时更新。画布区应对拖过来的组件添加点击监听事件，当用户点击选中组件时，在选中组件上显示删除，复制按钮。删除按钮用来清除当前选中的组件，并从画布数组中删掉此组件对象；复制按钮是用来复制当前的组件，自动在画布上再添加一个相同的组件，同时在画布数组中拆入一条除了id不同外都和此组件相同的组件对象数据。
92.s400、根据生成的使用页面保存为供展示使用的文件。
93.可以理解的是，在本步骤中，将使用页面通过代码解析器生成json文件或者生成所选框架语法的标准前端文件，输出页面代码；通过页面生成器将json文件解析为前端页面，也可以使用生成的标准前端文件，并记为使用页面，也就是保存为供展示使用的文件。
94.调用代码解析器；需要说明的是，代码解析器是用于将设计器产出的代码进行解析从而生成前端标准vue语法代码文件。
95.需要说明的是，构建代码解析器是页面设计器内部的一个能将设计页面的json文件转换编译成标准前端代码的工具。核心技术点如下：
96.1.首先在执行解析器时，先初始化一个所选前端框架的文件模版，包括《template》标签、《script》标签、《style》标签等，以及《script》内部的初始化数据，各个生命周期钩子函数等。
97.2.构建核心解析函数，将json文件转换为js对象传入核心解析函数，在核心解析函数内部对传入的js对象进行遍历，根据js对象中的组件对象数据动态创建dom节点，并根据组件对象数据的唯一表示id匹配js对象中对应的属性对象，将属性值加入到动态创建的
dom节点中；创建一个事件集合，将属性对象中的事件函数取出添加到事件集合中；创建一个样式集合，将属性对象中的样式信息取出放入到样式集合中。
98.3.将处理好的各种集合依次填充到技术点1的前端模版文件中。
99.4.添加代码格式化插件，将核心技术点3的填充后模版进行格式化。
100.将更新属性配置后的页面通过代码解析器生成json文件或者生成所选框架中所属语法的标准文件；
101.将json文件或是标准文件生成使用页面；输出使用页面。
102.基于所选框架中的编译组件构建页面生成器；需要说明的是，页面生成器是用于将设计器产出的代码直接解析成前端页面，包含设计器中对组件进行的属性配置及事件行为定义等。
103.而构建页面生成器也是至关重要的，页面生成器是基于所选框架构建的一个编译组件，能将设计器生成的json配置文件进行编译解析，从而渲染成可交互的页面。核心技术点如下：
104.1.页面生成器内部依赖并引入多个主流前端ui组件库，内部封装数据解析，匹配，组合，组件渲染等，最后暴露出一个生成器组件。首先将生成器组件挂载到前端项目中，然后将获取到的设计器生成的json配置文件当作props传入页面生成器编译组件中。
105.2.针对传入的json配置文件，页面生成器内部通过遍历json文件中每一个组件对象数据的type值匹配到需要渲染的ui组件；
106.3.对匹配到的ui组件对象，进行数据的解析和重组，通过组件对象的唯一标识id匹配到对应的属性对象，然后将此属性对象中用户储存的组件属性信息按照规则加入到对应的ui组件数据中，从而得到具有完整属性和行为信息的ui组件对象数据。
107.4.将得到的ui组件封装为具有自定义行为的高阶组件，使输出的组件满足页面设计器中配置的动态获取组件数据源和组件间联动的功能。
108.5.页面生成器内部应对渲染出的表单等需要与用户交互的控件进行数据监测，以保证可以随时获取到生成的页面中的数据变化，并暴露出相应获取数据的api，使用户可以随时获取到页面中的数据。
109.通过页面生成器将json文件进行解析生成前端页面；
110.当编辑好页面之后，点击顶部全局工具区的预览按钮，此时则会新建一个浮动于网页上层的展现层，将画布编辑区中的所有代码通过步骤二的页面生成器转化为可交互的页面展现给用户看。展现层的具体效果就是用户将编辑好的web前端网页具体应用到其它地方的效果。并且，用户可以通过全局工具区的上传代码按钮，从而将编辑好的页面所对应的具体的代码转化为json文件上传到服务器，使用的时候通过步骤二的页面生成器将json文件转化为页面嵌入到需要展示的位置。
111.将前端页面输出进行保存，得到供展示使用的文件。
112.需要补充说明的是，代码解析器是页面设计器内部的一个能将设计页面的json文件转换编译成所选前端框架语法下代码的工具。将json文件转换为js对象传入核心解析函数，在核心解析函数内部对传入的js对象进行遍历，填充到前面所选的前端框架语法的模版中，从而得到标准的前端文件，便于二次开发。
113.而页面生成器是基于所选框架构建的一个编译组件，能将设计器生成的json配置
文件进行编译解析，从而渲染成可交互的页面。将获取到的设计器生成的json配置文件当作props传入页面生成器编译组件中，针对传入的json配置文件，页面生成器内部通过遍历匹配等操作展现出用户设计出的页面以及事件等行为。
114.实施例2：
115.如图2所示，本实施例提供了一种生成使用页面的装置，参见图2装置包括接收模块701、选择模块702、生成模块703和保存模块704，其中：
116.接收模块701:用于接收页面生成请求，页面生成请求中包括待生成页面对应的业务需求；
117.选择模块702:用于根据待生成页面对应的业务需求，以及业务需求和组件的对应关系，在预设的多个组件中选择与业务需求相对应的组件；
118.生成模块703:用于根据选择的组件生成使用页面；
119.保存模块704:用于根据生成的使用页面保存为供展示使用的文件。
120.具体地，选择模块702还包括搭建单元7021、第一识别单元7022和第二识别单元7023，其中：
121.搭建单元7021:用于根据业务需求搭建前端框架；
122.第一识别单元7022:用于根据前端框架选出与前端框架相对应的组件库，组件库所展示的组件为所选框架下所默认添加的组件库，组件库包括布局组件、基础组件和自定义组件；
123.第二识别单元7023:用于在预先设置的组件库中选出与待生成页面对应的业务需求匹配的组件。
124.具体地，生成模块703还包括编辑单元7031、第一更新单元7032和解析单元7033，其中：
125.编辑单元7031：用于将至少一个组件拖拽到预设的画布区进行编辑,并配置与组件相对应的属性,属性包括全局属性和单一组件属性；
126.第一更新单元7032：用于更新属性配置后的页面；
127.解析单元7033：用于将页面进行解析并生成使用页面。
128.需要说明的是，编辑单元7031还包括转换单元70311、排列单元70312、监听单元70313和第二更新单元70314，其中：
129.转换单元70311：用于通过页面生成器将拖拽到预设的画布区中的至少一个组件转换为可交互的ui组件；
130.排列单元70312：用于根据业务需求将ui组件进行排列组合，得到新的ui组件；
131.监听单元70313：用于监听新的ui组件在画布区内的移动信息，移动信息包括ui组件的位置信息和配置信息；
132.第二更新单元70314：用于更新画布区的实时数据。
133.具体地，解析单元7033还包括调用单元70331、第一生成单元70332、第二生成单元70333和输出单元70334，其中：
134.调用单元70331：用于调用代码解析器；
135.第一生成单元70332：用于将更新属性配置后的页面通过代码解析器生成json文件或者生成所选框架中所属语法的标准文件；
136.第二生成单元70333：用于将json文件或是标准文件生成使用页面；
137.输出单元70334：用于输出使用页面。
138.具体地，保存模块704还包括构建单元7041、第三生成单元7042和获取单元7043，其中：
139.构建单元7041：用于基于所选框架中的编译组件构建页面生成器；
140.第三生成单元7042：用于通过页面生成器将json文件进行解析生成前端页面；
141.获取单元7043：用于将前端页面输出进行保存，得到供展示使用的文件。
142.需要说明的是，关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
143.实施例3：
144.相应于上面的方法实施例，本实施例中还提供了一种生成使用页面的设备，下文描述的一种生成使用页面的设备与上文描述的一种生成使用页面的方法可相互对应参照。
145.图3是根据示例性实施例示出的一种生成使用页面的设备800的框图。如图3所示，该生成使用页面的设备800可以包括：处理器801，存储器802。该生成使用页面的设备800还可以包括多媒体组件803，i/o接口804，以及通信组件805中的一者或多者。
146.其中，处理器801用于控制该生成使用页面的设备800的整体操作，以完成上述的生成使用页面的方法中的全部或部分步骤。存储器802用于存储各种类型的数据以支持在该生成使用页面的设备800的操作，这些数据例如可以包括用于在该生成使用页面的设备800上操作的任何应用程序或方法的指令，以及应用程序相关的数据，例如联系人数据、收发的消息、图片、音频、视频等等。该存储器802可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(static random access memory，简称sram)，电可擦除可编程只读存储器(electrically erasable programmable read-only memory，简称eeprom)，可擦除可编程只读存储器(erasable programmable read-only memory，简称eprom)，可编程只读存储器(programmable read-only memory，简称prom)，只读存储器(read-only memory，简称rom)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件803可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和/或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器802或通过通信组件805发送。音频组件还包括至少一个扬声器，用于输出音频信号。i/o接口804为处理器801和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件805用于该生成使用页面的设备800与其他设备之间进行有线或无线通信。无线通信，例如wi-fi，蓝牙，近场通信(near fieldcommunication，简称nfc)，2g、3g或4g，或它们中的一种或几种的组合，因此相应的该通信组件805可以包括：wi-fi模块，蓝牙模块，nfc模块。
147.在一示例性实施例中，生成使用页面的设备800可以被一个或多个应用专用集成电路(application specific integrated circuit，简称asic)、数字信号处理器(digitalsignal processor，简称dsp)、数字信号处理设备(digital signal processing device，简称dspd)、可编程逻辑器件(programmable logic device，简称pld)、现场可编程门阵列(field programmable gate array，简称fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述的生成使用页面的方法。
148.在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的生成使用页面的方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器802，上述程序指令可由生成使用页面的设备800的处理器801执行以完成上述的生成使用页面的方法。
149.实施例4：
150.相应于上面的方法实施例，本实施例中还提供了一种可读存储介质，下文描述的一种可读存储介质与上文描述的一种生成使用页面的方法可相互对应参照。
151.一种可读存储介质，可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现上述方法实施例的生成使用页面的方法的步骤。
152.该可读存储介质具体可以为u盘、移动硬盘、只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等各种可存储程序代码的可读存储介质。
153.综上所述，本方案提供丰富的组件资源库，且支持切换主流的ui组件库以适配百分之九十以上web前端开发场景；本发明支持两种页面输出形式，第一可以直接输出json格式数据，使用时通过页面生成器直接将输出的json数据编译成页面；第二可以输出vue等主流框架的标准代码文件，支持二次开发；所输出的代码(页面)可以切换为不同的前端主流框架语法，满足大部分团队的前端开发场景。
154.以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
155.以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。