HarmonyOS-硅谷租房项目

---

<a name="iog5I"></a>

项目介绍

<a name="DVCjD"></a>

项目描述

这是一个基于 **鸿蒙 API12 **开发的移动端租房 App，用户可以使用该应用搜索租房列表、查看房屋详情、预约租房等。 <a name="QBsaa"></a>

项目截图

<a name="x5aHZ"></a>

学习目标

• 掌握 ArkUI 组件的使用，合理搭建页面布局
• 掌握封装租房业务组件&公共组件
• 掌握移动端屏幕适配最佳实践
• 掌握前后端交互技术，封装企业级的请求函数
• 掌握租房项目核心业务流程 <a name="SM7nv"></a>

项目资料

1. UI 设计稿
2. 项目代码
3. 服务器
4. Apifox 接口 JSON 文件 <a name="DMqWl"></a>

项目准备

<a name="s1Wx0"></a>

将本地 UI 设计稿导入蓝湖

1. 注册并登录蓝湖，来到团队界面，新建设计项目

2. 前往 MasterGo 上传设计稿

3. 点击导入文件，开始上传设计稿

<br />

4. 等待导入，导入结束后即可查看设计稿

<br />

5. 双击硅谷租房进入设计稿
6. 在头部导航点击插件 - 获取更多插件

7. 输入"蓝湖"，按下回车开始搜索

8. 安装蓝湖插件

9. 安装完成，前往工作台

10. 选择硅谷租房项目进入，此时就能选择蓝湖插件了

11. 登录蓝湖

12. 选择该页全部容器，点击上传

:::warning 注意：左侧三个页面都需要全部上传<br /> :::

13. 点击查看设计，即可回到蓝湖，此时就能看到所有设计稿了~

<a name="GtuIC"></a>

安装&启动服务器

1. 解压对应服务器

2. 双击运行（下图是运行后的效果，多了一些文件）

3. 需要注意的是，启动的服务器不能关闭，关闭服务就不能访问了 <a name="hkato"></a>

使用 Apifox 测试接口

1. 软件下载地址

地址：https://apifox.com<br />选择适合自己电脑的软件版本下载并安装

2. 导入接口 json 文件到 Apifox 中

![image.png](https://cdn.nlark.com/yuque/0/2024/png/305747/1721196392905-0e7f2a26-9a2e-4b1d-b3be-7965dcb31553.png#averageHue=%23bab094&clientId=ue4f930b9-335c-4&from=paste&height=272&id=u407725dd&originHeight=1086&originWidth=1930&originalType=binary&ratio=1&rotation=0&showTitle=false&size=98415&status=done&style=stroke&taskId=u54c01ce4