企业官网建设流程全解析

💎【行业认证·权威头衔】
✔ 华为云天团核心成员：特约编辑/云享专家/开发者专家/产品云测专家
✔ 开发者社区全满贯：CSDN博客&商业化双料专家/阿里云签约作者/腾讯云内容共创官/掘金&亚马逊&51CTO顶级博主
✔ 技术生态共建先锋：横跨鸿蒙、云计算、AI等前沿领域的技术布道者

🏆【荣誉殿堂】
🎖 连续三年蝉联"华为云十佳博主"（2022-2024）
🎖 双冠加冕CSDN"年度博客之星TOP2"（2022&2023）
🎖 十余个技术社区年度杰出贡献奖得主

📚【知识宝库】
覆盖全栈技术矩阵：
◾ 编程语言：.NET/Java/Python/Go/Node…
◾ 移动生态：HarmonyOS/iOS/Android/小程序
◾ 前沿领域：物联网/网络安全/大数据/AI/元宇宙
◾ 游戏开发：Unity3D引擎深度解析

🚀前言

本章将介绍的是Android应用程序掌上杭州的开发。掌上杭州主要有首页、搜索、设置3大主项，其中首页包含美食、景点、住宿、医疗、娱乐、购物，设置中包含了设置字体、关于和帮助，搜索中可方便地搜索当前应用中的信息。接下来将对掌上杭州进行详细的介绍。

🚀一、功能预览及架构

本应用适合于 Android 应用使用，能够为用户提供方便快捷的各种服务，便于用户快速了解杭州。这一节将介绍掌上杭州的基本功能预览以及总架构，通过对本节的学习，读者将对掌上杭州的架构有一个大致的了解。

🔎1.加载、美食、医疗功能预览

在这一小节将通过软件的执行顺序用图文叙述的方式详细为读者介绍加载、美食、医疗的基本功能预览。美食版块包含了多个界面，相对于其他版块而言比较重要。读者可多花点时间分析、总结。下面将一一介绍，请读者仔细阅读。

（1）打开本软件后，首先进入掌上杭州的加载界面，效果如图所示。在加载过程中，本应用所需要的资源文件都将被解压到 SD 卡中的指定位置。待加载完成后，后面对资源信息的查看便不再重新进行加载工作，避免重复性操作的问题，提高程序的运行速度。

（2）加载完成后进入主界面，默认首页的界面，如图所示。可以通过单击不同的按钮，跳转到不同的模块界面。可以单击按钮上方的动画，切换到具体的介绍界面，单击介绍文本上方的图片，会放大景点的图片，可以左右地滑动。如图所示。

（3）单击首页中的美食按钮，会切换到美食主界面，如图所示。可以选择美食列表选项浏览杭州的各种美食，也可单击动画图片到具体的介绍界面。单击风味名菜，切换到分类美食的界面（见图），单击东坡肉，切换到美食具体介绍界面（见图），单击图片，放大图片（见图）。

（4）单击图 3-8 左上方标题栏按钮进行店面选择（见图），单击店名，可以定位位置也可进行驾车搜索、公交搜索、步行搜索（见图）。用户单击驾车搜索，会切换到路线规划界面（见图），用户还可以单击模拟导航按钮或真实导航按钮在地图上显示导航动画，如图所示。

（5）用户可以单击公交搜索，切换到公交线路界面，如图所示，显示出到达目的地的几种方案，用户还可以单击中间的文本查看具体的乘坐公交方案，如图所示。单击左方按钮进入地图公交导航，可以单击下方的左右图标，查看线路，如图所示。

（6）用户可单击步行搜索，切换到步行导航界面，可以单击下方的左右向图标，在弹出来的对话框中查看步行线路节点提示信息，如图所示，用户可以根据弹出来的对话框中的提示信息到达用户目的地。

（7）用户可以单击首页上的医疗按钮，切换到医院的列表选项（见图），选择相应的医院列表选项切换到具体介绍医院的界面（见图）。在这个界面上可以上下滑动介绍文本，也可以单击标题框右边的地图按钮，会为用户提供地图导航功能。

🔎2.购物、景点、娱乐功能预览

上一小节为读者介绍了加载、美食、医疗的基本功能预览，这一小节将为读者介绍购物、景点、娱乐功能预览。通过界面的预览，读者可能已经发现这几个版块都是大同小异的，因此在后面的章节里读者可比较其异同。下面将一一介绍，请读者仔细阅读。

（1）用户可以单击首页上的购物按钮，进入到购物的图标选项列表（见图），可以选择单击一个购物商场，进入具体介绍商场的界面（见图），在这个界面可以上下滑动介绍文本来查看介绍内容，也可以单击标题框的地图按钮来进行地图导航到达此商场。

（2）用户可以单击首页上的娱乐按钮，则会切换到娱乐界面（见图），默认的界面是 KTV 界面，在这个界面上可以单击标题框下面的 KTV、酒吧、影院、俱乐部按钮到相应的界面，也可以左右滑动到下一个界面。

（3）用户单击图中的图表选项会切换到具体介绍的界面（见图），在这个界面中含有该娱乐场所的图片，还有文本简介，文本简介可以左右滑动。用户也可以单击标题框右边的地图按钮，切换到地图导航，地图导航包括驾车、公交、步行搜索，方便快捷地到达目的地。

（4）用户单击首页中的住宿按钮，切换到住宿的界面（见图），单击图表选项按钮会切换到具体的酒店介绍的界面（见图），这个界面有图片介绍也有文本介绍。用户可以单击标题框上的订房按钮，可以方便地到酒店的官网来预订房间（见图）。

（5）用户单击首页中的景点按钮，切换到景点界面（图），该界面提供了当前景点、所有景点、锁定位置、拍照及切换地图等功能按钮。本软件把杭州的西湖十景及西湖新十景显示在地图中，用户可以单击地图气泡，弹出窗体。

（6）用户单击景点主界面（见图）中的窗体，切换到具体介绍景点的界面（见图）。在具体介绍界面，用户可以上下滑动简介文本来查看景点的介绍信息，也可以左右滑动图片，来欣赏景点的风景；可以单击图片放大欣赏，还可以单击放大缩小按钮来调整字体大小。

（7）用户可以单击景点主页中的所有景点按钮，切换到所有景点的界面（见图），在图标列表选项中可以上下滑动来查看图标选项，图表列表上可以显示图片及名字，单击图表选项按钮，切换到具体介绍界面（见图）。

（8）用户可以单击景点主页中的锁定位置按钮，这大大减少了游客杭州游玩时不知道自己位置的烦恼，在户外单击锁定位置按钮就会锁定当前游客的位置，为用户出行提供了方便。

（9）用户可以单击景点首页中的拍照快捷按钮，在用户出行游玩的时候，本软件提供了一个快捷的拍照按钮，避免了用户在使用本软件的同时遇到美景想拍照还需打开照相机的烦恼，直接单击拍照按钮进行拍照，为用户提供了极大的方便。

（10）在本应用中为了防止用户误按下手机上的返回键而带来不必要的麻烦，我们对手机的返回监听键进行了监听。如果被单击就会弹出对话框进行询问，如果用户是不小心单击的返回键就不会误退了，如图所示。

（11）景点的首页中，用户可以单击首页左下角的地图切换按钮，我们提供了两种地图模式，默认的是打开的模式。单击地图切换按钮，会切换到卫星地图模式，在这种模式下，用户可以查看地形。

（12）在景点首页，用户还可以单击更多按钮，弹出对话框，单击分享，首先是进行微博授权，授权完后进入微博分享界面。用户可以选择手机相册，也可拍照、选择图片进行分享，如图所示。

（13）在景点主页的更多对话框中，用户可以通过建议反馈功能及时将自己的意见或建议进行反馈（提醒用户最多能输入 500 个字），从而使软件不断优化，也为用户带来更加优质的服务与不一样的体验（见图）。

（14）在更多对话框中，用户可以单击语言选择功能按钮。在本景点版块中提供了简体中文与英文两种语言选项，增强了国际化竞争的能力，默认的是简体中文。如果选中英文（English），则会在英文后面出现选中状态下的一个对钩。

（15）景点的首页中，用户可以单击更多对话框中的关于按钮，这是在景点版块中的一个对话框，会为用户介绍本景点版块的一些简介。可以单击右上角的叉号退出这个关于对话框简介。

（16）用户可以单击对话框中的分享周边按钮，则会切换到城市搜索界面（图），可以在第一个与第二个编辑框中填入城市与兴趣点，单击开始，就会在地图中显示 10 个兴趣点，单击下一组，会显示另外 10 个，也可切换地图，还可以单击地图气泡显示信息。

说明：在景点版块中，如果用户在户外条件下进入某个景点的范围，即可单击当前景点按钮，进入到具体介绍界面，如果没有进入某个景点的范围，单击景点按钮，则会提醒用户当前无景点，为用户提供了极大的出行方便。

🔎3.搜索、设置功能预览

上一小节为读者介绍了购物、景点、娱乐的基本功能预览，这一小节将为读者介绍搜索、设置模块的功能预览。其中包括搜索的滑动界面以及搜索框，还有设置中对字体大小、颜色、风格的设置。还包含了使用帮助和关于软件的展示。

（1）在本应用中的搜索版块为用户提供了可以搜索本应用信息的快捷服务，在这里用户可以避免频繁地去单击按钮来查找服务的界面，可以直接在搜索框中搜索，而搜索提供了联想搜索功能，也可以左右上下滑动下方的列表来查找用户需要的信息，如图 3-35 所示。

（2）在本应用中的设置版块为用户提供了设置字体、使用帮助、关于软件等功能。在设置字体功能按钮中，我们可以对本软件的字体的颜色、大小、样式进行设置，并且提供了多种字体大小、颜色与样式，为用户带来不一样的体验，如图所示。

（3）在本应用中的设置版块中，用户可以单击使用帮助功能按钮来帮助用户在短时间内了解本软件使用方法，避免了一些不必要的麻烦，也为游客带来了方便（见图），用户还可以单击关于软件，来了解本软件的功能特色（见图）。

🔎4.项目目录结构

上一节是掌上杭州的功能展示，下面将介绍掌上杭州项目的目录结构。在进行本应用开发之前，还需要对本项目的目录结构有大致的了解，便于读者对掌上杭州整体的理解，具体内容如下。

（1）首先介绍的是掌上杭州所有的 Java 文件的目录结构，Java 文件根据内容分别放入指定包内，便于程序员对各个文件的管理和维护，具体结构如图 3-41 所示。

（2）上面介绍的是本项目 Java 文件的目录结构，下面将介绍掌上杭州中需要的图片资源文件的目录结构，内容如图 3-42 所示。

（3）上面介绍了本项目中图片资源等的目录结构，下面将继续介绍掌上杭州的项目连接文件的目录结构，内容如图 3-43 所示。

（4）上面介绍了掌上杭州的项目所有配置连接文件的目录结构，下面将继续介绍本项目中项目配置文件的目录结构，内容如图 3-44 所示。

（5）上面介绍了本项目所有配置连接文件的目录结构，下面将介绍本项目 libs 目录结构，该目录下存放的是百度地图与邮件开发需要的 jar 包和 so 动态库。读者在学习或开发时可根据具体情况在本项目中复制或在百度地图官网上下载，效果如图 3-45 所示。

（6）上面介绍了掌上杭州的 libs 目录结构，下面将介绍本项目存储资源目录结构，该目录下存放的是本项目所需要的资源数据包、百度导航所需的文件以及各种字体库。在使用百度导航时，assets目录下的BaiduNaviSDK_Resource_v1_0_0.png和channel文件必须存在，效果如图 3-46 所示。

说明：上述介绍了掌上杭州的目录结构图，包括程序源代码、程序所需图片、xml 文件和程序配置文件，使读者对掌上杭州的程序文件有了清晰的了解。