微信小程序开发 ---- 2 列表 详情

一、列表搭建

二、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);

   }