一、列表搭建
二、url 跳转 进入想入详情页面
三、详情页面
四、获取远程数据
根据传递的id 进入详情页
五、事件和条件
wx:if
在框架中,我们用 wx:if="{{condition}}"
来判断是否需要渲染该代码块:
<view wx:if="{{condition}}"> True </view>
也可以用 wx:elif
和 wx:else
来添加一个 else 块:
<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>
<view bidtap> 定义了事件按钮
分页查询 下拉
@RequestMapping("/getNewsList")
@ResponseBody
public List<News> getNewsList(PageModel pageModel) {
if (pageModel.getPageno() <= 0) {
pageModel= newPageModel(1,2);
}
NewsExample example= new NewsExample();
PageHelper.startPage(pageModel.getPageno(),pageModel.getPagesize());
List<News>list= newsMapper.selectByExample(example);
return list;
}
@RequestMapping("/getNewsDetail")
@ResponseBody
public News getNewsDetail(int id) {
return newsMapper.selectByPrimaryKey(id);
}