本期给各人带来的是高仿资讯网站“人人都是产物司理网”，来看看~

一、照例先上gif

首页部门

中继器部门

二、建造思路

本次原型的建造主要有四个部门：

浮动导航

右侧区域

版权信息

信息流

三、建造要领

信息流是本次建造的重中之重，也是是本次原型的建造目标。只要这个信息流做好了，就能快速的建造其他信息流范例的网站，所以本文重点就是说明如何用中继器做这个信息流。

（1）中继器是什么？

“中继器”是Axure中一个可以用来做反复样式的控件，同时它也是一个可以看成数据库浸染的控件。

（2）奈何用中继器做信息流？

操作中继器的数据库浸染，往内里存入20篇文章，存储的时候凭据文章的显示形式成立多个字段，利便展示的时候调取。

操作中继器的反复浸染，先建造列表中单条文章块的样式，再为每个元素绑定命据源。

（3）手把手的建造“中继器”

首先，把“中继器”拖到“页面编辑区”，先给“中继器”定名，然后配置需要揭示的数量。

其次，双击打开中继器，进入编辑模式，这种状态下可以对中继器举办设计和编辑。在这里放入10个元素，别离为：文章标签；缩略图；文章标题；摘要；作者头像；作者名称；宣布时间；阅读小标和阅读数；保藏小标和保藏数；点赞小标和点赞数。这就完成了机关。

接下来，要为“中继器”输入数据。点击“中继器”后，右侧菜单有个数据区域，这里就是“中继器”的数据源，比较着“中继器”中的元素别离配置10个字段。这里填写的每一行数据，城市依照“中继器”的配置举办展示。

最后，要为“中继器”中设计好的元素绑定上数据。点击右侧的“交互”选项卡，点击“新建交互”按钮，选择页面中的“中继器”。

当文章块中的每个元素都绑定好数据源之后，文章列表就显示出来了。

利用同样的要领，就可以建造出内容详情页。

用中继器建造信息流就完成了。其他的模块照着“人人都是产物网”举办通例建培育可以了，虽然也可以按其他资讯类网站来建造，这相当于有了一个快速建造信息流网站的“通用中继器模块”。

本文到这里就竣事了，接待伴侣们拍砖，多多指出个中的不敷。

本文原型链接：https://wstsp5.axshare.com

扩展阅读

Axure教程 | 建造一个商品飞入购物车的动效

Axure教程 | 如何利用中继器当数据库，建造web端幻灯片？

Axure教程 | web端的验证码（普通验证码和滑块验证码）如何建造？

Axure教程 | 小白入门，建造web端注册/登录