项目实训周报（三）：

本次周报，我来说说对上次主页面实现的一些补充内容：

（1）页面中跳转功能的实现：

         观察本页面，发现其中有许多跳转过程，如按下搜索按钮后前往与AI导游的对话页面、按下功能区中的各个分区后前往相应的功能分区、在tabBar中同样实现页面的跳转。

                                    

    这其中，因为搜索按钮与相应函数绑定，因此我将跳转过程写入函数里，这相当于是一次编程式导航。而功能区里的导航，没有任何页面间的参数传递且实现简单因此我直接将导航声明在wxml文件中，相当于是声明式导航，这两者的实现，如下图所示：

（2）：简单的对话框的实现：

       由搜索按钮所跳转至的页面是一个简单的对话框页面，它是一个可滚动的视图容器<scroll-view>,采用与AI小助手一问一答的呈现方式获取AI小助手的解答，实现文字问答的功能，这里每次在下方输入想询问AI小助手的问题后自动在后端获取解答，小助手的回答内容可以在后端程序实现后替换为大模型所生成的内容。

     这个简单页面的布局与.js文件中的配置函数如下图所示：

（3）：简单地图功能的实现

            点击下方tabBar里“地图”，可跳转至地图页面如下图所示：

                   

     在这里我们需要首先获取第三方插件（如：腾讯地图）的API支持，之后就可以通过配置以下代码在页面里呈现地图。

      通过第三方API，我们还可以实现如获取当前经纬度、根据目的地名称获取其经纬度、路径导航、地理POI的标注等等的功能，相应的功能实现主要由我的另一位队友实现，他的csdn地址是KBDDEY-CSDN博客，因此我在这里就不再赘述。

（4）：简单拍照功能的实现

       通过以下代码可以实现调用手机相机进行拍照或者上传本地所存储的照片，我们后期会将这些照片送给大模型以实现拍照查询的功能。相应功能前端部分的实现主要由我的另一位队友实现，他的csdn地址是https://blog.csdn.net/qq_62600644，因此我也不再赘述。