起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure教程 | 用中繼器做信息流，高仿人人都是產(chǎn)品經(jīng)理網(wǎng)
本期給大家?guī)淼氖歉叻沦Y訊網(wǎng)站“人人都是產(chǎn)品經(jīng)理網(wǎng)”，來看看~
一、照例先上gif
首頁部分
中繼器部分
二、制作思路
本次原型的制作主要有四個部分：
- 浮動導(dǎo)航
- 右側(cè)區(qū)域
- 版權(quán)信息
- 信息流
三、制作方法
信息流是本次制作的重中之重，也是是本次原型的制作目的。只要這個信息流做好了，就能快速的制作其他信息流類型的網(wǎng)站，所以本文重點就是說明如何用中繼器做這個信息流。
（1）中繼器是什么？
“中繼器”是Axure中一個可以用來做重復(fù)樣式的控件，同時它也是一個可以當(dāng)作數(shù)據(jù)庫作用的控件。
（2）怎樣用中繼器做信息流？
利用中繼器的數(shù)據(jù)庫作用，往里面存入20篇文章，存儲的時候按照文章的顯示形式建立多個字段，方便展示的時候調(diào)取。
利用中繼器的重復(fù)作用，先制作列表中單條文章塊的樣式，再為每個元素綁定數(shù)據(jù)源。
（3）手把手的制作“中繼器”
首先，把“中繼器”拖到“頁面編輯區(qū)”，先給“中繼器”命名，然后設(shè)置需要展現(xiàn)的數(shù)量。
其次，雙擊打開中繼器，進入編輯模式，這種狀態(tài)下可以對中繼器進行設(shè)計和編輯。在這里放入10個元素，分別為：文章標(biāo)簽；縮略圖；文章標(biāo)題；摘要；作者頭像；作者名稱；發(fā)布時間；閱讀小標(biāo)和閱讀數(shù)；收藏小標(biāo)和收藏數(shù)；點贊小標(biāo)和點贊數(shù)。這就完成了布局。
接下來，要為“中繼器”輸入數(shù)據(jù)。點擊“中繼器”后，右側(cè)菜單有個數(shù)據(jù)區(qū)域，這里就是“中繼器”的數(shù)據(jù)源，對照著“中繼器”中的元素分別設(shè)置10個字段。這里填寫的每一行數(shù)據(jù)，都會依照“中繼器”的設(shè)置進行展示。
最后，要為“中繼器”中設(shè)計好的元素綁定上數(shù)據(jù)。點擊右側(cè)的“交互”選項卡，點擊“新建交互”按鈕，選擇頁面中的“中繼器”。
當(dāng)文章塊中的每個元素都綁定好數(shù)據(jù)源之后，文章列表就顯示出來了。
使用同樣的方法，就可以制作出內(nèi)容詳情頁。
用中繼器制作信息流就完成了。其他的模塊照著“人人都是產(chǎn)品網(wǎng)”進行常規(guī)制作就可以了，當(dāng)然也可以按其他資訊類網(wǎng)站來制作，這相當(dāng)于有了一個快速制作信息流網(wǎng)站的“通用中繼器模塊”。
本文到這里就結(jié)束了，歡迎朋友們拍磚，多多指出其中的不足。
本文原型鏈接：https://wstsp5.axshare.com
擴展閱讀
Axure教程 | 如何使用中繼器當(dāng)數(shù)據(jù)庫，制作web端幻燈片？
Axure教程 | web端的驗證碼（普通驗證碼和滑塊驗證碼）如何制作？
本文由 @jiantian 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
原型文件能放出來嗎老哥