多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 第 12 章 关注用户 这一章,我们要为演示应用添加社交功能,允许用户关注(及取消关注)其他人,并在主页显示被关注用户发布的微博。我们会在 [12.1 节](#the-relationship-model)学习如何建立用户之间的关系,然后在 [12.2 节](#a-web-interface-for-following-users)编写相应的网页界面(还会介绍 Ajax)。最后,在 [12.3 节](#the-status-feed)实现功能完善的动态流。 这是本书最后一章,有些内容具有挑战性,比如说,为了实现动态流,我们会使用一些 Ruby 和 SQL 技巧。 通过这些示例,你会了解到 Rails 是如何处理更加复杂的数据模型的,这些知识也会在你日后开发其他应用时发挥作用。 为了帮助你平稳地从学习过渡到独立开发,[12.4 节](#following-users-conclusion)介绍了一些进阶学习资源。 因为本章的内容比较有挑战性,所以在开始编写代码之前,我们先来讨论一下界面。 和之前的章节一样,在开发之前,我们要使用构思图。[[1](#fn-1)]完整的页面流程是这样的:一个用户 (John Calvin) 从他的资料页面([图 12.1](#fig-page-flow-profile-mockup))浏览到用户列表页面([图 12.2](#fig-page-flow-user-index-mockup)),关注了另一个用户;然后他又打开另一个用户 Thomas Hobbes 的资料页面([图 12.3](#fig-page-flow-other-profile-follow-button)),点击“Follow”(关注)按钮 关注了他,这时“Follow”按钮会变为“Unfollow”(取消关注),而且关注 Hobbes 的人数增加了一个([图 12.4](#fig-page-flow-other-profile-unfollow-button-mockup));接着,Calvin 回到主页,看到他关注的人数也增加了一个,而且在动态流中能看到 Hobbes 发布的微博([图 12.5](#fig-page-flow-home-page-feed-mockup))。本章接下来的内容就是要实现这样的页面流程。 ![page flow profile mockup 3rd edition](https://box.kancloud.cn/2016-05-11_57333077ca284.png)图 12.1:一个用户的资料页面![page flow user index mockup bootstrap](https://box.kancloud.cn/2016-05-11_57333077e6c49.png)图 12.2:找一个想关注的用户![page flow other profile follow button mockup 3rd edition](https://box.kancloud.cn/2016-05-11_573330780a4eb.png)图 12.3:想关注的那个用户的资料页面,有一个“Follow”(关注)按钮![page flow other profile unfollow button mockup 3rd edition](https://box.kancloud.cn/2016-05-11_5733307822e31.png)图 12.4:资料页面中显示了“Unfollow”(取消关注)按钮,而且关注他的人数增加了一个![page flow home page feed mockup 3rd edition](https://box.kancloud.cn/2016-05-11_57333078458ae.png)图 12.5:首页,显示了动态流,而且关注的人数增加了一个