一种基于Electron的前端开发平台的制作方法

一种基于electron的前端开发平台
技术领域
1.本技术涉及前端开发技术领域，具体而言，本技术涉及一种前端开发平台、项目实现方法。


背景技术：

2.目前市面上的其他前端开发平台在安装前，需要提前配置具有node.js和npm模块的系统环境，即node.js和npm模块的安装与开发平台的安装是分开的。在用户的实际操作中，安装node.js和npm的过程中需要对个人系统环境进行各种配置(尤其是win 10的环境)，导致在安装node.js以及npm过程中出现各种问题，给用户带来了糟糕的体验，阻碍了前端应用的开发进度。


技术实现要素：

3.本技术提供了一种前端开发平台和项目实现方法，可以解决因个人系统环境导致在安装node.js以及npm过程中出现的各种问题。具体如下：
4.第一方面，本技术实施例提供了一种基于electron的前端开发平台，包括：
5.基础模块、进程模块、编译模块、热更新模块和项目模板库模块；
6.所述基础模块，包括npm功能模块和node.js功能模块，用于提供基础的开发服务；
7.进程模块，用于处理前端开发平台的进程业务；
8.编译模块，用于对项目进行编译处理；
9.热更新模块，用于为项目提供热更新开发服务；
10.项目模板库模块，用于根据项目模板库对新项目进行初始化。
11.在一些实施例中，项目模板库模块具体用于：
12.根据用户输入的用于选择模板工程的操作指令确定新项目的模板工程；根据用户输入的配置信息操作指令配置模板工程的初始化信息；根据初始化信息从项目模板库中获取与模板工程对应的项目模板，以完成新项目的初始化。
13.在一些实施例中，基础模块具体用于：
14.根据项目模板确定新项目的依赖包；通过npm功能模块安装所述依赖包，以完成所述新项目运行前的准备。
15.在一些实施例中，进程模块具体用于：
16.根据用户输入的第二操作指令，通过主进程创建与所述项目相对应的独立开发进程，其中，所述第二操作指令用于指示启动所述项目。
17.在一些实施例中，编译模块具体用于：
18.根据用户输入的编译操作指令，通过独立开发进程对项目进行打包和编译处理。
19.在一些实施例中，热更新模块具体用于：
20.根据用户输入的调整操作指令，实时显示调整操作指令所对应的效果，其中，调整操作指令用于指示对运行的项目进行调整操作。
21.在一些实施例中，基于electron的前端开发平台还包括：
22.授权和校验模块，用于根据用户输入的请求授权操作指令对所述新项目进行授权处理，其中，所述请求授权操作指令中包括用户本机信息和项目信息；
23.还用于获取与所述项目相关联的用户本机信息和项目信息，并根据项目对应的用户本机信息和项目信息对所述项目进行校验处理；
24.其中，所述授权处理和所述校验处理均为基于用户本机信息和项目信息的处理。
25.在一些实施例中，基于electron的前端开发平台还包括：
26.项目管理面板模块，用于通过项目管理面板显示项目的开发信息，并根据通过项目管理面板接收的配置操作指令进行配置操作。
27.在一些实施例中，基于electron的前端开发平台，还包括：
28.版本更新模块，用于在前端开发平台的新版本发布后，显示前端开发平台版本更新的提示消息。
29.第二方面，本技术实施例提供了一种基于上述第一方面的基于electron的前端开发平台的项目实现方法，包括：
30.根据用户输入的第一操作指令启动新项目的初始化；
31.根据用户输入的用于选择模板工程的操作指令确定新项目的模板工程；
32.根据用户输入的配置信息操作指令配置模板工程的初始化信息；
33.根据所述初始化信息从所述项目模板库中获取与所述模板工程对应的项目模板，以完成所述新项目的初始化。
34.在一些实施例中，项目实现方法还包括：
35.根据用户输入的第二操作指令，通过主进程创建与项目相对应的独立开发进程，其中，第二操作指令用于指示启动所述项目的运行；
36.根据用户输入的编译操作指令，通过所述独立开发进程对所述项目进行打包和编译处理，使所述项目进入运行阶段；
37.在通过所述独立开发进程启动热更新开发服务之后，根据用户输入的调整操作指令，实时显示所述调整操作指令所对应的效果，其中，所述调整操作指令用于指示对运行的所述项目进行调整操作。
38.在一些实施例中，在根据用户输入的操作指令启动新项目的初始化之前，项目实现方法还包括：
39.根据用户输入的请求授权操作指令对新项目进行授权处理；
40.其中，授权处理为基于用户本机信息和项目信息的处理。
41.在一些实施例中，在根据所述第二操作指令启动所述项目的运行之前，项目实现方法还包括：
42.获取与项目相关联的用户本机信息和项目信息；
43.根据用户本机信息和项目信息对项目进行校验处理；
44.当项目的校验通过时，则根据第二操作指令启动项目的运行；
45.其中，所述校验处理为基于用户本机信息和项目信息的处理。
46.本技术实施例中，为了解决单独安装node.js以及npm过程中出现的各种问题，以基于集成了node.js和npm模块的electron的开发平台作为前端开发平台，从而避免单独安
装node.js和npm模块时遇到的问题。此外，前端开发平台还集成了热更新模块、项目模板库模块等，有效提升了前端开发平台的开发效率，提升前端开发者的使用体验，从而加快开发进度。
附图说明
47.为了更清楚地说明本技术实施例中的技术方案，下面将对本技术实施例描述中所需要使用的附图作简单地介绍。
48.图1为本技术实施例提供的一种应用场景示意图；
49.图2为本技术实施例提供的一种前端开发平台的结构示意图；
50.图3为本技术实施例提供的一种基于前端开发平台的项目实现方法的流程示意图；
51.图4为本技术实施例提供的另一种基于前端开发平台的项目实现方法的流程示意图。
具体实施方式
52.下面详细描述本技术的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本技术，而不能解释为对本技术的限制。
53.本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本技术的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
54.本技术实施例中的开发人员是指前端开发平台的用户。
55.为使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术实施方式作进一步地详细描述。
56.electron是在github上发布的跨平台桌面应用开发工具，支持web技术开发桌面应用，并且将chromium和node.js集成到同一个运行环境中。此外，npm是node.js的包管理器，可以帮助用户管理包的下载、依赖、部署、发布等。
57.单独安装node.js和npm时，会遇到很多问题。例如，在多个环节中配置不同的环境变量，其配置环境变量的手段为手动配置，而手动配置容易导致配置失误；在配置过程中，还存在权限问题。总之，单独安装node.js和npm时会碰到各种问题。
58.本技术提供的基于electron的前端开发平台和基于electron的前端开发平台的项目实现方法，旨在解决上述技术问题。
59.下面以具体地实施例对本技术的技术方案以及本技术的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本技术的实施例进行描述。
60.本技术实施例可以应用于如图1所示的应用场景，在该应用场景中包括前端开发平台10、版本更新服务20、项目模板库30、第三方功能包40和新项目审批端50。
61.其中，前端开发平台包括npm模块/node.js模块101、授权和校验102、主进程/独立开发进程103、基于webpack的编译开发内核104、具备热更新的开发服务105、项目管理面板106。
62.版本更新服务20、项目模板库30、第三方功能包40和新项目审批端50均属于与前端开发平台关联的后端服务。
63.在项目开发中主要涉及两个场景，创建项目场景和项目运行场景。
64.在创建新项目的场景中：
65.接收用户输入的第一操作指令之前，接收用户输入的请求授权操作指令。具体地，授权和校验102将授权页面中设置的授权表单，作为申请对创建新项目的授权入口。其中，授权表单中包括用户本机信息和项目信息。接收到用户输入的请求授权操作指令后，该请求授权操作指令中包含授权表单，启动后端服务并提交授权表单至后端的项目权限审批端50进行权限审批。项目权限审批端50接收审查人员输入的审查操作指令，并输出审查结果。通过后端服务将该审查结果作为消息发送给前端开发平台10。当审查结果为可创建新项目，生成授权证书。
66.前端开发平台10接收用户输入的下载证书操作指令，下载授权证书至本地。基于本地的授权证书，根据用户输入的第一操作指令开启新项目的初始化。其中，新项目的初始化过程即新项目的创建过程。接收用户输入的选择模板工程操作指令，根据选择模板工程操作指令确定与新项目相对应的模板工程。接收用户输入的配置操作指令，其中，配置操作指令中包含模板工程的初始化信息。根据配置操作指令，启动后端服务并将初始化信息发送至后端服务的项目模板库。通过后端服务从项目模板库30中下载与模板工程对应的项目模板至本地，以完成新项目的初始化。此外，根据项目模板确定新项目所需的第三方依赖包，通过npm功能模块安装依赖包，以完成新项目运行前的准备。
67.在运行项目的场景中：
68.在接收到用户输入的第二操作指令之前，授权和校验102获取用户本机信息和项目信息并启动后端服务，并将用户本机信息和项目信息发送给后端的项目权限审批端50。项目权限审批端50接收到审查人员输入的审查操作指令，输出审查结果。当审查结果为授权项目运行时，发送本地的授权证书可用或者已生成新的授权证书的消息给前端开发平台10。
69.前端开发平台10接收到上述消息之后，基于该消息发出弹窗提示。当接收用户输入的下载授权证书操作指令，下载授权证书至本地。基于下载至本地的授权证书或者已存在于本地的授权证书，根据用户输入的第二操作指令，启动项目的运行。主进程/独立开发进程103的主进程启动与项目相对应的独立开发进程。接收用户输入的编译操作指令，基于webpack技术的编译模块104通过独立开发进程执行该编译操作指令，对项目进行打包和编译处理。在项目编译成功后，项目进入运行阶段。启动热更新服务，接收用户输入的调整操作指令，热更新开发服务105将调整操作指令所对应的效果实时地显示在浏览器窗口上。
70.此外，项目管理面板106，用于通过项目管理面板显示项目的开发信息，并通过项目管理面板接收配置操作指令，进而执行配置操作。
71.在前端开发平台10的版本更新后，接收后端的版本更新服务20发送的版本更新提示，并弹窗提示。其中，前端开发平台10所在的系统环境可以是windows操作系统、macos操作系统、linux操作系统等。
72.进一步地，在图1所示的应用场景中，基于electron的前端开发平台的结构示意图如图2所示，包括基础模块201、授权和校验模块202、进程模块203、编译模块204、热更新模块205、项目管理面板模块206、项目模板库模块207、版本更新模块208。
73.基础模块201为项目提供基础的框架，包括npm模块2011(图中未标出)和node.js模块2022(图中未标出)。具体地：
74.前端开发平台20在集成了node.js模块的基础上，还集成了chromium模块。node.js和chromium的结合具有如下至少3个作用。
75.(1)让用户可以调用node.js的函数，并使用几乎所有的node.js社区里的module(模块)；
76.(2)合并node.js和chromium两者里的web引擎(都基于v8)。这样所有javascript运行在一个上下文环境(context)下；
77.(3)修改沙箱模型，去除很多对桌面应用而言没有意义的安全手段，让应用可以最大程度访问本地资源(比如文件，本地网络等)。
78.npm(node package management)是node.js内置的软件包管理器。开源软件开发者使用npm互相分享和借鉴包的结构，使得项目能够轻松跟踪依赖包的版本。通过调用npm模块，下载项目所需的第三方依赖包。
79.授权和校验模块202，包括前端开发平台的授权页面2021(图中未标出)及后端的项目权限审批模块2022(图中未标出)，提供授权服务和权限校验服务。具体地：
80.一方面，接收到用户输入的第一操作指令(该操作指令用于指示启动新项目的初始化)之前，授权和校验模块202对创建新项目的操作进行授权处理。具体地，在授权页面2021中设置有申请创建新项目的授权表单，授权表单用于获取用户的用户本机信息和项目信息。接收到用户输入的请求授权操作指令之后，该请求授权操作指令中包含已完成信息填写的授权表单，启动后端的项目权限审批模块2022，项目权限审批模块2022接收授权表单，并根据用户本机信息和项目信息对创建新项目的操作进行审查处理。审查处理具体为，项目权限审批模块2022接收审查人员针对用户本机信息和项目信息而输入的审查操作指令，并输出审查结果。其中，审查操作指令具体为，判断用户本机信息和项目信息是否符合预定的规则。在符合预定的规则时，项目权限审批模块2022生成授权证书，并发送已生成授权证书的提示信息给前端开发平台20。前端开发平台20接收用户输入的下载证书操作指令，执行下载授权证书至本地的操作。基于本地的授权证书，前端开发平台20根据第一操作指令，开始新项目的创建。
81.另一方面，接收到用户输入的第二操作指令(该操作指令用于指示启动项目的运行)之前，授权和校验模块202对运行项目的操作进行校验处理。具体地，启动后端的项目权限审批模块2022(图中未标出)，并将用户本机信息和项目信息发送给项目权限审批模块2022，以便于根据用户本机信息和项目信息进行审查处理。
82.审查处理具体为，若项目的授权证书存在，判断用户本机信息和项目信息是否符合预定的规则，在符合预定的规则时，发送授权证书可用给前端开发平台20。若没有通过审
查，则发送校验失败的提示消息给前端开发平台20。
83.其中，预定的规则是指规定单个开发人员至多能在3台不同的主机上对同一项目进行开发。具体地：
84.在进行授权处理时，根据项目信息判断否有相同的项目被注册。如果没有注册，则根据用户本机信息和项目信息生成该项目在该用户本机用户本机上的授权证书。如果有注册，则不支持该新项目的创建，即不授权该新项目的创建。
85.在进行校验处理时，当项目权限审批模块2022中存储该项目的授权证书时，将用户本机信息与授权证书进行比对，若确定用户本机信息与授权证书中的用户本机信息一致，则判断该项目在该用户本机中已得到授权，因此项目可运行；若确定用户本机信息与授权证书中的用户本机信息不一致时，当已注册的授权证书的数量小于3时，则根据用户本机信息和项目信息生成新的授权证书，以支持在该用户本机上运行项目；若数量大于或者等于3，则不支持该项目在该用户本机上的运行。当项目权限审批模块2022中未存储该项目的授权证书时，根据用户本机信息和项目信息生成授权证书，以支持项目在该用户本机上的运行。
86.可选地，在3.0及以后版本的前端开发平台20上，创建新项目时需对新项目进行授权处理，运行项目时需对项目进行校验处理。需要说明的是，在本技术实施例中，运行的项目可以为创建的新项目也可以为本地项目，在此不做限定。另外，新项目在创建时时已经通过授权处理，则在运行时可以进行校验处理，也可以不进行校验处理。
87.前端开发平台20在每一次的版本更新过程中，会集成各种功能的组件。尤其是在3.0及以后版本中，所集成的组件涉及到需要审批权限的组件。新项目的创建或项目的运行，均会用到该组件的功能。因此需要进行授权和校验处理。
88.进程模块203，用于处理前端开发平台的进程业务。具体地：
89.在前端开发平台相20对应的主进程启动后，通过主进程管理前端开发平台20的资源调度。例如，控制前端开发平台20的工作状态从停止工作进入后台，或者恢复工作进入前台。在接收到第二操作指令时，创建与项目相对应的独立开发进程，并管理着项目从开启到关闭之间的资源调度。
90.接收到用户输入的第二操作指令后，通过主进程为项目创建与之相对应的独立开发进程，从而启动项目的运行。
91.前端开发平台上的独立开发进程与主进程不同，存在多个并且互相独立。
92.编译模块204，用于对项目进行编译处理。具体地：
93.编译模块204是基于webpack技术，而webpack就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。当webpack处理项目的文件时，它会递归地构建一个依赖关系图，其中包含项目需要的每个模块，然后将所有这些模块打包成一个或多个bundle。
94.在接收到用户输入的编译操作指令时，通过独立开发进程启动webpack服务，将项目打包成bundle，然后实施编译操作。编译过程中产生的编译信息显示于基于xterm模拟终端上
95.当项目编译成功后，项目进入正式的运行阶段。
96.热更新模块105，用于为所述项目提供热更新开发服务。具体地：
97.在项目运行的阶段，通过独立开发进程启动热更新开发服务。
98.接收用户输入的调整操作指令，基于调整操作指令确定浏览器即将显示的内容，将该即将显示的内容传输给浏览器，浏览器根据该确定要显示的内容立即执行刷新操作，并显示该要显示的内容。调整操作指令所对应的效果包括但不限于以下过程：在代码中设置浏览器的背景页面的颜色为灰色，那么浏览器上的web页面的背景立即显示灰色。
99.通过调整代码刷新浏览器界面，该过程相当于自动刷新浏览器，可有效减少用户手动刷新浏览器的操作。
100.此外，在热更新开发服务运行期间会产生运行信息，该运行信息显示在基于xterm的模拟终端上。
101.项目管理面板模块106，包括项目管理面板1061(图中未标出)。通过项目管理面板1061显示项目的开发信息，通过项目管理面板1061接收配置操作指令，并根据配置操作指令进行配置操作。其中，项目的开发信息可以包括但不限于项目的开发人员信息和项目进度信息等。
102.具体地：项目管理面板1061包括项目开发动态列表10611(图中未标出)、项目管理人员列表10612(图中未标出)。
103.参与一个项目开发的开发人员至少1个以上，通过该项目管理人员列表可集中展示项目的开发人员。此外，该项目人员开发列表还包括配置开发人员的权限的功能。例如，接收用户输入的配置操作指令，该配置权限操作指令用于指示配置开发人员的身份id和/或权限，则根据该配置操作指令配置开发人员的身份id和/或权限。设置开发人员的权限的方式和内容包括很多种，在此不再赘述。对于设置开发人员的开发权限的具体过程，本领域技术人员根据实际经验进行相关处理即可，本技术实施例对此不再详细讨论。
104.在项目开发的实际操作中，涉及到历史版本的问题。通过该项目开发动态列表可以清晰的看到项目的历史版本，及每个历史版本中涉及到的修改。
105.项目模板库模块207，包括后端的项目模板库2071(图中未标出)。用于根据项目模板库2071对新项目进行初始化。具体地：
106.在接收到用户输入的选择模板工程操作指令之后，根据选择模板工程操作指令确定新项目的模板工程。
107.在接收到用户输入的配置信息操作指令之后，根据用户输入的配置信息操作指令配置所述模板工程的初始化信息。
108.启动后端服务，并将初始化信息传输至后端服务的项目模板库2071，通过后端服务从项目模板库中下载与模板工程对应的项目模板至本地，以完成新项目的初始化。其中，项目模板库2071中存储有多个不同的模板工程。用户可以根据项目的需求，选择相应的模板工程，并通过该模板工程减少对项目的基础开发。
109.进一步地，基础模块201用于根据项目模板确定新项目的依赖包，通过npm模块2011安装依赖包，以完成新项目运行前的准备。
110.版本更新服务208，用于在前端开发平台20的新版本发布后，在前端开发平台20上显示版本更新提示。具体地：
111.前端开发平台20进行了包括但不限于如下更改：增加了新的组件或者改善了开发平台的ui页面，从而产生新的开发平台版本。接收到用户输入的启动前端开发平台的操作
指令后或者在前端开发平台的运行期间，弹框提示。其中，提示内容包括新版本的版本号、新版本中增加或删除的功能等。
112.基于图1所示的应用场景和图2所示的前端开发平台的结构示意图，本技术实施例还提供了一种项目实现方法，该方法可以由图2所示的前端开发平台执行，如图3所示，该方法包括以下步骤：
113.s301，接收用户输入的第一操作指令，根据第一操作指令启动新项目的初始化；
114.s302，接收用户输入的选择模板工程操作指令，根据选择模板工程操作指令确定新项目的模板工程；
115.s303，接收用户输入的配置信息操作指令，根据配置信息操作指令配置模板工程的初始化信息；
116.s304，启动后端服务，并将初始化信息传输至后端服务的项目模板库；
117.s305，在项目模板库中下载与模板工程对应的项目模板至本地，以完成新项目的初始化；
118.s306，根据项目模板确定新项目的依赖包，并通过npm模块安装依赖包，以完成新项目运行前的准备。
119.在初始化项目阶段，基于模板的方式来创建项目，可减少项目基础功能开发的成本，使用户更加专注于业务功能的开发。此外，由于前端开发平台集合了npm模块和node.js模块，在安装基于electron的开发平台时，避免单独安装npm模块和node.js模块的遇到各种问题。将模块集成到前端开发平台上，可有效提升前端开发者的使用体验，从而加快开发进度。
120.可选地，本技术实施例的另一种实施方式，如图4所示，所述方法还包括以下步骤：
121.s401，接收用户输入的第二操作指令，根据第二操作指令启动项目的运行；
122.s402，通过主进程创建与项目对应的独立开发进程；
123.s403，接收用户输入的编译操作指令，并根据编译操作指令通过独立开发进程对项目执行打包和编译操作；
124.s405，当项目编译成功后，通过独立开发进程启动热更新开发服务；
125.s406，接收用户输入的调整操作指令，并将调整操作指令所对应的效果实时地显示在浏览器窗口上。
126.在项目运行过程中，使用热更新开发服务，可实现基于接收的调整操作指令自动刷新浏览器界面的目的，能够有效减少用户手动刷新的操作，用户体验感更好。使用项目面板模块监控项目的开发状况，管理开发人员以及配置开发人员的权限，可很好的对项目进行一个更好的管理。
127.本技术实施例的另一种实施方式，在根据用户输入的操作指令启动新项目的初始化之前，所述项目实现方法还包括：
128.根据用户输入的请求授权操作指令对新项目进行授权处理；
129.其中，授权处理为基于用户本机信息和项目信息的处理。
130.本技术实施例的另一种实施方式，在根据第二操作指令启动项目之前，项目实现方法还包括：
131.获取与项目相关联的用户本机信息和项目信息；
132.根据用户本机信息和项目信息对项目进行校验处理；
133.当项目的校验通过时，则根据第二操作指令启动所述项目的运行；
134.其中，校验处理为基于用户本机信息和项目信息的处理。
135.应理解，由于本技术实施例中提供的项目实现方法基于前述的前端开发平台来实现，因此，该方法的具体实现过程可以参见上述对前端开发平台的详细描述，为了描述的简洁，在此不再赘述。
136.本领域内的技术人员应明白，本技术的实施例可提供为方法、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
137.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
138.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
139.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
140.尽管已描述了本技术的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本技术范围的所有变更和修改。
141.显然，本领域的技术人员可以对本技术进行各种改动和变型而不脱离本技术的精神和范围。这样，倘若本技术的这些修改和变型属于本技术权利要求及其等同技术的范围之内，则本技术也意图包含这些改动和变型在内。