SAPUI5 (3) - 路由和导航

学习目标：

在此步骤中，我们将使用SAPUI5导航功能加载并显示一个单独的详细信息页面，以后我们可以使用该页面显示发票的详细信息。在前面的步骤中，我们直接在应用程序视图中定义了页面，以便在加载应用程序时显示该页面。现在，我们将使用SAPUI5路由器类来加载页面并自动为我们更新URL。我们为应用程序指定路由配置，并为应用程序的每个页面创建一个单独的视图，然后通过触发导航事件来连接视图。

---

学习内容：

以后要用很多组件，每一个例子都要建立一个项目十分麻烦。所以要由一个主页面跳转到各组件详细信息页面。今天我们来学习路由导航。由于不需要传输参数到下一个页面，所以只写了 Routing and Navigation ，另外还有Routing with Parameters和Routing Back and History

1、 创建总览页面
2、 创建详细信息页面
3、 创建页面导航
4、 进行页面跳转

---

详细步骤

1.创建新项目 “ZSAP_UI5_COMPONENT”

在webapp文件夹右键新建UI5 PAGE INPUT（第一个组件学习INPUT组件），目录结构如下：

参考页面如下

设置APP.XML id （这个必须要设置，要不然会报错找不到），这个APP.XML是初始化页面，会转跳到配置的另一个页面中

manifest.json配置routing
viewPath是当前项目的view目录路径
viewType有几种类型，常用的就是XML和JSON类型
controlId是APP.XML里面的APP的ID，要对应一致
bypassed是如果没有找到相应的路径，回跳到bypassed指定的页面，
routing中pattern为空放在第一个的是默认页面，也就是说通过APP加载到overView页面

// An highlighted block
		"routing": {
   
			"config": {
   
				"routerClass":