当我们学习完lwc的基础内容以后，我们通过Dream house的demo作为最终的练习进行成果演练。

git下载链接：

https://github.com/trailheadapps/dreamhouse-lwc

当我们安装以后看到 Dream House这个 app时，我们看到有很多的tab，其中的主角就是我们的 Property Explorer。我们先对功能进行简单操作。

• 左侧搜索功能，根据动态搜索功能，右侧的列表可以基于条件动态改变
• 下方的是创建房产的功能。
• 当我们在列表点击指定的图标以后，右侧会展示详情以及地图位置。
• 当我们点击详情右上角的图标，会跳转到资产的详情页面
• 详情页包含了一些细节信息，举例，中介信息，以及房子挂的时间等。
• 如果对这个房子有兴趣，后续针对购房意向人员创建 Account / Contact / Opportunity / Order信息等。

点击 设置按钮，然后点击编辑页面，就会到对应的 lightning app builder对应的页面，通过下面的图，我们可以看到根部的组件包括了5部分。

基于代码结构角度，我们查看一下demo的层级结构。基于我们lwc以前的所有内容，可以将这些内容穿插起来。

基于你的知识去读懂它吧，如果你全部了解了，说明你对lwc已经有了基础的认知，剩下的深入内容就自行查看官方文档吧。

至此所有内容均已结束，感谢查看。