<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 第 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 id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看