# 第 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:首页,显示了动态流,而且关注的人数增加了一个
- Ruby on Rails 教程
- 致中国读者
- 序
- 致谢
- 作者译者简介
- 版权和代码授权协议
- 第 1 章 从零开始,完成一次部署
- 1.1 简介
- 1.2 搭建环境
- 1.3 第一个应用
- 1.4 使用 Git 做版本控制
- 1.5 部署
- 1.6 小结
- 1.7 练习
- 第 2 章 玩具应用
- 2.1 规划应用
- 2.2 用户资源
- 2.3 微博资源
- 2.4 小结
- 2.5 练习
- 第 3 章 基本静态的页面
- 3.1 创建演示应用
- 3.2 静态页面
- 3.3 开始测试
- 3.4 有点动态内容的页面
- 3.5 小结
- 3.6 练习
- 3.7 高级测试技术
- 第 4 章 Rails 背后的 Ruby
- 4.1 导言
- 4.2 字符串和方法
- 4.3 其他数据类型
- 4.4 Ruby 类
- 4.5 小结
- 4.6 练习
- 第 5 章 完善布局
- 5.1 添加一些结构
- 5.2 Sass 和 Asset Pipeline
- 5.3 布局中的链接
- 5.4 用户注册:第一步
- 5.5 小结
- 5.6 练习
- 第 6 章 用户模型
- 6.1 用户模型
- 6.2 用户数据验证
- 6.3 添加安全密码
- 6.4 小结
- 6.5 练习
- 第 7 章 注册
- 7.1 显示用户的信息
- 7.2 注册表单
- 7.3 注册失败
- 7.4 注册成功
- 7.5 专业部署方案
- 7.6 小结
- 7.7 练习
- 第 8 章 登录和退出
- 8.1 会话
- 8.2 登录
- 8.3 退出
- 8.4 记住我
- 8.5 小结
- 8.6 练习
- 第 9 章 更新,显示和删除用户
- 9.1 更新用户
- 9.2 权限系统
- 9.3 列出所有用户
- 9.4 删除用户
- 9.5 小结
- 9.6 练习
- 第 10 章 账户激活和密码重设
- 10.1 账户激活
- 10.2 密码重设
- 10.3 在生产环境中发送邮件
- 10.4 小结
- 10.5 练习
- 10.6 证明超时失效的比较算式
- 第 11 章 用户的微博
- 11.1 微博模型
- 11.2 显示微博
- 11.3 微博相关的操作
- 11.4 微博中的图片
- 11.5 小结
- 11.6 练习
- 第 12 章 关注用户
- 12.1 “关系”模型
- 12.2 关注用户的网页界面
- 12.3 动态流
- 12.4 小结
- 12.5 练习