微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计

笔者由于工作需要，曾经参加过一个微信小程序同 SAP 系统集成的项目，因此从零开始学习了微信小程序的开发知识。这里通过系列文章把自己所学分享出来，希望对相关学习者有所帮助。

本教程前面三篇文章：

通过本系列前面三篇文章的介绍，大家对微信小程序的视图和控制器，微信调试器的用法，以及如何消费微信平台提供的 Public API，已经有了一个最基本的认识了。在这个基础上，本文让我们进一步学习微信小程序的页面跳橡闭碰转路由设计。

这个系列教程的前六篇文章我们都在单个的视图上 *** 作。现在让我们创建第二个视图，然后实现从第一个视图到第二个视图的跳转。

首先开发第二个视图：

做过 Angular 开发的朋友们对上面的视图设计一定不会陌生。这个视图的数据源由模型 logs 提供，是一个列表结果，列表每个元素的数据源是模型 logs 里的一条记录，用 log 代表。

为了让 log 看起来显示更整齐，在 log 内容之前，显示每条 log 的索引。因为 log 的索引从 0 开始，所以用 {{index + 1}} 在梁谈索引前加一，这样显示的索引更符合普通人的阅读习惯。

这个视图的控制器：

控制器 logs.js 的实现：

在控制器里调用 Page 构造函数，给当前控制器指定名为 logs 的数据模型。

这个数据模型的值填充，通过微信框架提供的 API wx.getStorageSync 来获取。

wx.getStorageSync 的含义在微信小程序 官网 上有定义：从本地缓存中同步获取指定 key 对应的内容。

第二个视图的 UI 和控制器都开发完毕，剩下的事情就是在第一个视图里定义一个触态野发点，让它能触发到第二个视图的跳转。

我在第一个视图上通过属性 bindtap 绑定了一个点击函数 bindViewTap :

bindViewTap 在第一个控制器 index.js 里的实现：

跳转还是通过微信小程序提供的 API wx.navigateTo :

保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面。

学习了微信小程序页面路由跳转之后，我们来进行一个实际的需求开发。

效果：我在手机上打开微信小程序，自动显示出我当前所在的地理位置：

具体步骤：

ReservationService.getGeocode 的实现：

看下面一个使用高德地图 API 将经纬度转换成文字描述的地址的例子，使用 postman 发送请求：

API 响应：

假设我用 vue 开发了一个 web 应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试。

假设我的 web 应用的访问入口是如下公众号菜单的"预约"按钮:

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在 web 开发者工具里,将开发者本人的微信号添加进去:

点击"绑定开发者账号":

输入待绑定的微信账号:

点击绑定,该微信号会收到一条消息,询问是否绑定:

点击同意 *** 作完成绑定。

接下来, 把要调试的 web 应用的 url 放到微信开发者工具地址栏里，回车之后，微信开发者工具就会d出一个询问窗口，点击 Allow 之后，就可以在微信开发者工具提供的类似 Chrome 开发者工具调试器一样的界面里进行单步调试了。

这个粘贴到地址栏的 url 很有讲究。

https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

其中 appid= 后面的值，是从微信公众号控制台里拷贝出来的 appid ：

redirect_uri, 即为我们开发的 web 应用，部署到服务器之后生成的 url，需要经过 url encode 处理：

https://www.xxx.com/smart

这个 url 准备好之后，将其粘贴到微信开发者工具地址栏里，回车，即可看到一个对话窗口，要求获得我们公开信息的许可：

点击 Allow 之后，就可以像使用 Chrome 开发者工具的调试器一样，在微信开发者工具里进行单步调试了：

本文首先介绍了微信小程序多页面内的路由跳转设计，接着通过获得手机当前经纬度并转换成地址的需求实现，进一步深入了解了微信小程序如何消费微信平台提供 Public API 的方法。

本教程前面三篇文章：

人从事SAP的开发已经有一年多，下面就拦肆腔对SAP做一下简短的概述。

SAP 全程：systems,applications,and products in data processing 。

SAP R/3 是一个基于客户/服务机结构和开放系统的、集成的企业资源计划系统。其功能覆盖企业的财务、后勤雹手（工程设计、采购、库存、生产销售和质量等）和人力资源管理、SAP业务工作流系统以及因特网应用链接功能等各个方面。

R/3应用软体采模组化结构。它们既可以单独使用，也可以和其它解决方案相结合。从流程导向的角度而言，各应用软体间的整合程度越高，它们带来的好处就越多。

SAP 包含一下模块

FI 财务会计 集中公司有关会计的所有资料，提供完整的文献和全面的资讯，同时作为企业实行控制和规划的最新基础。

TR 财务管理 是一个高效率财务管理完整解决方案，确保公司在世界范围的周转，对财务资产结构实行盈利化组合，并限制风险。

CO 管理会计 是公司管理系统中规划与控制工具的完整体系，具有统一的报表系统，协调公司内部处理业务的内容和过程。

EC 企业控制 根据特制的管理资讯，连续监控公司的成功因素和业绩指标。

IM 投资管理 提供投资手段和专案，从规划到结算的综合性管理和处理，包括投资前分析和折旧模拟。

PP 生产计划 提供各种制造类型的全面处理：从重覆性生产、订制生产、订装生产，加工制造、批量及订存生产直至过程生产，具有扩展MPRⅡ的功能。另外还可以选择连接PDC、制程控制系统，CAD和PDM。

MM 物料管理 以工作流程为导向的处理功能对所有采购处理最佳化，可自动评估供应商，透过精确的库存和仓储管理降低采购和仓储成本，并与发票核查相整合。

PM 工厂维护 提供对定期维护、检查、耗损维护与服务管理的规划、控制和处理，以确保各 *** 作性系统的可用性。

QM 品质管理 监控、输入和管理整个供应链与品质保证相关的各类处理、协调检查处理、启动校正措施、以及与实验室资讯系统整合。

PS 专案管理 协调和控制专案的各个阶段，直接与采购及控制合作，从报价、设计到批准以及资源管理与结算。

SD 销售与分销 积极支援销售和分销活动，具有出色的定价、订单快速处理、按时交货，交互式多层次可变配置功能，并直接与盈利分析和生产计划模组连接。

HR 人力资源管理 采用涵盖所有人员管理任务和帮助简化与加速处理的整合式应用程式，为公司提供人力资源规划和管理解决方案。

开放式资讯仓储 包括智能资讯系统，该系统把来自R/3应用程式和外部来源的数据归纳成为主管人员资讯，不仅支援使用者部门决策和控制，同时也支援对成功具有关键作用的高阶控制和监控。

R/3－定制化策略资讯管理

保持竞争领先地位端赖于公司建立有效并尽可能以客户为导向的企业流程结构的能力。这就需要具备可最有效支援今后企业流程的资讯处理系统。

R/3系统并非只是软件，它是一种策略性解决方案。

R/3系统－企业流程的思维与行动。

公司必须运用动态战略对瞬息万变的挑战作出反应。迅速适应客户新简衫需求和市场新商机的能力，是赢得竞争胜利的决定性因素。此种适应力需要一个功能强大、开放式的基础结构，它可针对目前的企业流程提供最佳化支援，并能灵活适应变化与发展。R/3系统就是应付这些挑战的最佳解答，它是主从式架构上最普遍的标准商业应用软件。

SAP R/3系统具备以下功能和主要特点:

功能性：R/3以模块化的形式提供了一整套业务措施,其中的模块囊括了全部所需要的业务功能并把用户与技术性应用软件相联而形成一个总括的系统，用于公司或企业战略上和运用上的管理。

集成化: R/3把逻辑上联的部分连接在一起。重复工作和多余数据被完全取消，规程被优化，集成化的业务处理取代了传统的人工 *** 作。

灵活性：R/3系统中方便的裁剪方法使之具有灵活的适应性，从而能满足各种用户的需要和特定行业的要求。R/3还配备有适当的界面来集成用户自己的软件或外来的软件。

开放性：R/3的体系结构符合国际公认的标准，使客户得以突破专用硬件平台及专用系统技术的局限。同时，SAP提供的开放性接口，可以方便地将第三方软件产品有效地集成到R/3系统中来。

用户友好：图标与图形符号简化了人机交互时的 *** 作。统一设计的用户界面确保了工作人员能够运用同样的熟悉的技术从事不通的工作。

模块化：R/3的模块结构使用户既可以一个一个的选用新的实用程序，也可以完全转入一个新的组织结构体系。

可靠：作为用户的商业伙伴SAP始终不断地为集成化软件的质量设立越来越多的国际标准。

低成本高效益：信息处理是取得竞争优势的要点之一。当竞争加剧时，企业必须更加努力地获取其市场占有量。这就要使用高度集成化的数据处理软件，而R/3正是这种软件的优秀典范。

国际适用：R/3支持多种语言，而且是为跨国界 *** 作而设计的。R/3可以灵活地适应各国的货币及税物要求。

服务：R/3系统实施过程中，用户将得到SAP技术专家的全面支持与服务，包括组织结构方面与技术方面的咨询，项目计划与实施方面的协助，以及培训课程。

除了上面介绍过的几大模块，SAP还提供了二次开语言ABAP/4 (advanced business application programming),用户还可以通过SAP内部的开发平台运用ABAP语言进行系统开发。其中包括SAP系统与外部系统的数据传输，报表的制作，以及对数据的导入导出等。

如果具有相关行业的背景知识对学习SAP会有很的帮助，否则学起来就会比较吃力：）

sap软件开发谈芹拦的工作内容：

1、SD模块业务流程的需求分析、蓝图编制、系统配置及实现、用户培训；

2、根据业务需求，完成SD及相关模块的报表、增强、接口开发；

3、SD模块用户的日常问题处理，协助其他模块完成系统任务。

sap软件开发的任职要求，举例：

1，大专或以上学历，计算机或相首明关信息专业，熟悉SAP ABAP开发；

2、熟悉SD模块的业务流程及系统配置；

3、至少3年以上SAP支持经验，至少全程参与过1个以上完整SAP ERP项目实施经验；

4、有独立实施SD模块的能力，对企业和业务流程改进有深刻独到的理解尤佳；

4、工作主动，具备良好的责任心、沟通能力、团队精神；

5、有较强的分析问题、独立解决问题的能力。

SAP 为小型企业、中型企业和大型企业开发了专门的软件解决方案。借助 SAP 的标准应用、行业解决方案、平台和技术，企业可以规划和设计每一个业务流程。从原材料采购含胡到生产和客户满意度，SAP 软件能够基于统一的平台收集和处理所有数据。SAP 解决方案支持本地部署和云端部署，可以帮助企业分析和高效设计整个价值链。

---