一种web系统前端多系统跳转方法及系统与流程

1.本发明涉及web系统前端技术领域，特别是一种web系统前端多系统跳转方法及系统。


背景技术：

2.目前企业的web系统为了适应大环境的发展，采用了微服务、微前端技术架构开发。对于企业的web系统是包含多个前端子系统，每个前端子系统都是独立开发、测试、部署的。每个子系统是独立，但也是关联的，子系统都需要用超链接实现系统之间的跳转。例如：用户订单管理为一个子系统，用户的账务中心为另一个子系统，用户下完单后需要跳转到账务中心去付款，子系统就要通过超链接等跳转技术无缝把流程接起来。每跳出去超链接都需要把外面子系统的域名、地址、参数固定写在代码里。当每个子系统功能多起来，跳转的超链接也会多起来。
3.当需要新添加前端子系统后，该新添加的前端系统也是需要绑定新的不同的子域名或新域名。开发工程师需要将该新添加的前端系统所需要各个关联系统的超链接重新修改部署一遍，操作起来工作量和未知风险会大大提升。


技术实现要素：

4.针对上述缺陷，本发明的目的在于提出种web系统前端多系统跳转方法及系统，用于简化新前端插入后的跳转设置步骤，加快部署的速度。
5.为达此目的，本发明采用以下技术方案：一种web系统前端多系统跳转方法，包括以下步骤：
6.创建对象a，所述对象a从系统启动环境中搜索环境变量存的子系统的数据值，并设置所述子系统的第一关键字；
7.创建子系统b1，搜索前端所有子系统对象的详细配置，其中详细配置包括子系统名描述、子系统路径、子系统名以及子系统配置域名；为所述子系统名绑定有第二关键字，并将所述子系统b1的数据保存与合集b中；
8.创建对象c，所述对象性c对集合b进行历遍，以第二关键字作为搜索条件，获取子系统b1的全部数据；
9.创建公共方法d，所述公共方法d具体为传入系统参数，根据系统参数，检索对象c，获取到对象b1，把对象b1字段参数拼接起来，得到全路径网页路径地址，并以址以字符形式返回所述全路径网页路径地址，其中的系统参数包括子系统名和子系统网页绝对路径；
10.当有新前端生产后，在vue系统中，根据需要跳转页面的子系统名，调用所述公共方法d，将获取的所述全路径网页路径地址与新前端的跳转进行绑定。
11.优选的，还包括以下步骤：
12.创建公共方法e，所述公共方法e具体为传入系统参数，根据系统参数调用公共方法d，获取到全路径网页路径地址，根据所述全路径网页路径地址使用javascript网页跳转
代码跳转到子系统的地址。
13.优选的，如果环境变量中没有搜索到子系统的数据值，则从代码中获取的域名数据，并为域名数据设置第一关键字。
14.优选的，所述步骤s2中子系统配置域名的取值步骤为：
15.通过第一关键字获取对象a的子系统的数据值，并保存在相应b1的子系统配置域名的字段下。
16.优选的，所述步骤s2中的集合b创建于公共字典内。
17.一种web系统前端多系统跳转系统，使用上述一种web系统前端多系统跳转方法，包括，第一模块、第二模块、第三模块、第四模块和第五模块；
18.所述第一模块用于创建对象a，所述对象a从系统启动环境中搜索环境变量存的子系统的数据值，并设置所述子系统的第一关键字；
19.所述第二模块用于创建子系统b1，搜索前端所有子系统对象的详细配置，其中详细配置包括子系统名描述、子系统路径、子系统名以及子系统配置域名；为所述子系统名绑定有第二关键字，并将所述子系统b1的数据保存与合集b中；
20.所述第三模块用于创建对象c，所述对象性c对集合b进行历遍，以第二关键字作为搜索条件，获取子系统b1的全部数据；
21.所述第四模块用于创建公共方法d，所述公共方法d具体为传入系统参数，根据系统参数，检索对象c，获取到对象b1，把对象b1字段参数拼接起来，得到全路径网页路径地址，并以址以字符形式返回所述全路径网页路径地址，其中的系统参数包括子系统名和子系统网页绝对路径；
22.所述第五模块用于在vue系统中，根据需要跳转页面的子系统名，调用所述公共方法d，将获取的所述全路径网页路径地址与新前端的跳转进行绑定。
23.优选的，还包括第六模块；
24.所述第六模块用于创建公共方法e，所述公共方法e具体为传入系统参数，根据系统参数调用公共方法d，获取到全路径网页路径地址，根据所述全路径网页路径地址使用javascript网页跳转代码跳转到子系统的地址。
25.优选的，所述第一模块还包括选择模块；
26.所述选择模块用于在环境变量中没有搜索到子系统的数据值时，从代码中获取的域名数据，并为域名数据设置第一关键字。
27.优选的，所述第二模块还包括取值模块；
28.所述取值模块用于通过第一关键字获取对象a的子系统的数据值，并保存在相应b1的子系统配置域名的字段下。
29.上述技术方案中的一个技术方案具有如下优点或有益效果：简化了当有新前端插入后的跳转设置步骤，只需要在新前端的跳转按键上绑定所需跳转子系统名即可。而且本技术还会通过对象a获取新前端的信息，其他子系统只需要调用所述公共方法d即可跳转到新前端中。实现前端多系统跳转的快速设置。
附图说明
30.图1是本发明方法中的一个实施例的流程图。
31.图2是本发明系统的的一个实施例的结构示意图。
具体实施方式
32.下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
33.在本发明的描述中，需要理解的是，术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”、“轴向”、“径向”、“周向”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。
34.此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中，除非另有说明，“多个”的含义是两个或两个以上。
35.在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。
36.如图1～2所示，一种web系统前端多系统跳转方法，包括以下步骤：
37.创建对象a，所述对象a从系统启动环境中搜索环境变量存的子系统的数据值，并设置所述子系统的第一关键字；
38.创建子系统b1，搜索前端所有子系统对象的详细配置，其中详细配置包括子系统名描述、子系统路径、子系统名以及子系统配置域名；为所述子系统名绑定有第二关键字，并将所述子系统b1的数据保存与合集b中；
39.创建对象c，所述对象性c对集合b进行历遍，以第二关键字作为搜索条件，获取子系统b1的全部数据；
40.创建公共方法d，所述公共方法d具体为传入系统参数，根据系统参数，检索对象c，获取到对象b1，把对象b1字段参数拼接起来，得到全路径网页路径地址，并以址以字符形式返回所述全路径网页路径地址，其中的系统参数包括子系统名和子系统网页绝对路径；
41.当有新前端生产后，在vue系统中，根据需要跳转页面的子系统名，调用所述公共方法d，将获取的所述全路径网页路径地址与新前端的跳转进行绑定。
42.当需要新添加前端子系统后，该新添加的前端系统也是需要绑定新的不同的子域名或新域名。开发工程师需要将该新添加的前端系统所需要各个关联系统的超链接重新修改部署一遍，操作起来工作量和未知风险会大大提升。为此，在本技术的方法中，当有新的前端子系统生产来后，在vue系统中对新前端进行设置，只需要在新前端的跳转按键中绑定所需跳转子系统的子系统名，即可使新前端实现跳转的同时，还不需要对其他子系统的链接进行修改。因为当前端子系统的跳转按键中绑定所需跳转子系统的子系统名后，会调用公共方法d，所述公共方法d会根据传入的子系统名以及子系统网页绝对路径作为检索条
件，在对象c中检索得到相应的子系统b1的全部数据，并对检索后的子系统b1的数据进行拼接形成相应子系统名所对应的全路径网页路径地址，由于该全路径网页路径地址是通过一定的格式进行拼接，可以直接调用该全路径网页路径地址实现页面的跳转。在一个实施例中，把对象b1字段参数拼接起来的方式如下:${b1的子系统域名}${b1的子系统路径}${子系统网页绝对路径url}。同时为了防止存在有多个相同的子系统名，本技术在子系统b1中会对子系统名进行第二关键字的绑定，所述第二关键字为唯一的字符串且与所述子系统名一一对应。故在调用公共方法d输入子系统名时可以附带上第二关键字，增加页面跳转的成功率，使得新前段子系统能够准确跳转到所需页面上。所述对象a从系统启动环境中搜索环境变量存的子系统的数据值，在使用时可以通过所述第一关键字搜索到环境变量存的子系统的数据值。当新前端在vue系统设置完成后，所述对象a可以获取到所述新前端的信息。可以用于其他子系统的调用。
43.在本技术的技术方案中简化了当有新前端插入后的跳转设置步骤，只需要在新前端的跳转按键上绑定所需跳转子系统名即可。而且本技术还会通过对象a
44.获取新前端的信息，其他子系统只需要调用所述公共方法d即可跳转到新前端中。实现前端多系统跳转的快速设置。
45.优选的，还包括以下步骤：
46.创建公共方法e，所述公共方法e具体为传入系统参数，根据系统参数调用公共方法d，获取到全路径网页路径地址，根据所述全路径网页路径地址使用javascript网页跳转代码跳转到子系统的地址。
47.有益效果：当外部系统或者某个链接需要直接登入某个前端子系统，可以调用到公共方法e，获取到响应子系统的全路径网页路径地址，然后在将全路径网页路径地址输入到所述跳转的代码中，实现外部系统或者其他前端子系统的直接跳转。
48.优选的，如果环境变量中没有搜索到子系统的数据值，则从代码中获取的域名数据，并为域名数据设置第一关键字。
49.在实际的情况中有可能存在环境变量没有找到子系统的数据值的情况发生，而中子系统配置域名可以与环境变量中的域名数据所对应，故发生上述情况时，可以从整体的代码中获取的域名数据，并为域名数据设置第一关键字，子系统b1通过所述第一关键字进行搜索。提高页面跳转的速度。
50.优选的，所述步骤s2中子系统配置域名的取值步骤为：
51.通过第一关键字获取对象a的子系统的数据值，并保存在相应b1的子系统配置域名的字段下。
52.优选的，所述步骤s2中的集合b创建于公共字典内。
53.公共字典最重要的用途都是供人查询对不了解的条目的解释，在结构化分析中，公共字典的作用是给数据流图上每个成分加以定义和说明。换句话说，数据流图上所有的成分的定义和解释的文字集合就是公共字典，而且在公共字典中建立的一组严密一致的定义，很有助于改进分析员和用户的通信。
54.一种web系统前端多系统跳转系统，使用上述一种web系统前端多系统跳转方法，包括，第一模块、第二模块、第三模块、第四模块和第五模块；
55.所述第一模块用于创建对象a，所述对象a从系统启动环境中搜索环境变量存的子
系统的数据值，并设置所述子系统的第一关键字；
56.所述第二模块用于创建子系统b1，搜索前端所有子系统对象的详细配置，其中详细配置包括子系统名描述、子系统路径、子系统名以及子系统配置域名；为所述子系统名绑定有第二关键字，并将所述子系统b1的数据保存与合集b中；
57.所述第三模块用于创建对象c，所述对象性c对集合b进行历遍，以第二关键字作为搜索条件，获取子系统b1的全部数据；
58.所述第四模块用于创建公共方法d，所述公共方法d具体为传入系统参数，根据系统参数，检索对象c，获取到对象b1，把对象b1字段参数拼接起来，得到全路径网页路径地址，并以址以字符形式返回所述全路径网页路径地址，其中的系统参数包括子系统名和子系统网页绝对路径；
59.所述第五模块用于在vue系统中，根据需要跳转页面的子系统名，调用所述公共方法d，将获取的所述全路径网页路径地址与新前端的跳转进行绑定。
60.优选的，还包括第六模块；
61.所述第六模块用于创建公共方法e，所述公共方法e具体为传入系统参数，根据系统参数调用公共方法d，获取到全路径网页路径地址，根据所述全路径网页路径地址使用javascript网页跳转代码跳转到子系统的地址。
62.优选的，所述第一模块还包括选择模块；
63.所述选择模块用于在环境变量中没有搜索到子系统的数据值时，从代码中获取的域名数据，并为域名数据设置第一关键字。
64.优选的，所述第二模块还包括取值模块；
65.所述取值模块用于通过第一关键字获取对象a的子系统的数据值，并保存在相应b1的子系统配置域名的字段下。
66.在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示意性实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
67.尽管已经示出和描述了本发明的实施例，本领域的普通技术人员可以理解：在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由权利要求及其等同物限定。