博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MUI 选项卡切换+下拉刷新动态 完整实现一例
阅读量:6757 次
发布时间:2019-06-26

本文共 5466 字,大约阅读时间需要 18 分钟。

 前台最终呈现的代码

    
Hello MUI
  • 1,很干净
  • 2,环境很好,下次还会来
  • 3,酒店真的不错,是在高档小区内,环境比较清幽,内部装饰完美,很有一种文艺风,我比较喜欢这种风格,和女朋友住了一天非常满意。
  • 4,反正就是很棒啊,特别棒啊,环境好,房间打扫的干净,房间布置很招人喜欢
  • 5,非常值得推荐的住家酒店,交通便利,干净整洁,小区环境安全,外出旅游能住的舒心便利真的很赞!
  • 6,第一次住这样的家庭式客栈,再高档的社区里,环境幽美,闹中取静,小区外围购物饮食非常方便,距离钟楼鼓楼走路十几分钟就到了,管家服务的也很到位,详细的讲解了房间及电器的使用,总是下回来,还是住这里,超赞
  • 7,第一次住这种民宿类型的酒店,酒店情况跟去哪儿网上描述的大体一致,管家人也挺好的,有什么问题都可以随时打电话或发微信给管家。酒店的装修、床、沙发、杯子等都是我喜欢的类型,就好像住在自己家一样。下次再去西安一定还选择住斑斓。总体而言真的很不错,推荐!
  • 8,没想到市中心有这么好的家庭酒店,超棒,吃喝玩乐都很方便,屋内家具和床垫很不错,有五星级的感受
  • 9,强烈推荐这家酒店,房间和图片居然没有差异啊,很漂亮也很舒服,很温馨,跟在家一样,隐秘性好,值得推荐。
  • 10,不是第一次住了,每一次都很满意,有家的感觉,很温馨。布置的也特别好,色调很喜欢。感谢管家热情的服务,真的是做到了顾客至上。舒心,满意,来高新不会选择第二家,住过才知道。
  • 1,很干净
  • 2,环境很好,下次还会来
  • 3,酒店真的不错,是在高档小区内,环境比较清幽,内部装饰完美,很有一种文艺风,我比较喜欢这种风格,和女朋友住了一天非常满意。
  • 4,反正就是很棒啊,特别棒啊,环境好,房间打扫的干净,房间布置很招人喜欢
  • 5,非常值得推荐的住家酒店,交通便利,干净整洁,小区环境安全,外出旅游能住的舒心便利真的很赞!
  • 6,第一次住这样的家庭式客栈,再高档的社区里,环境幽美,闹中取静,小区外围购物饮食非常方便,距离钟楼鼓楼走路十几分钟就到了,管家服务的也很到位,详细的讲解了房间及电器的使用,总是下回来,还是住这里,超赞
  • 7,第一次住这种民宿类型的酒店,酒店情况跟去哪儿网上描述的大体一致,管家人也挺好的,有什么问题都可以随时打电话或发微信给管家。酒店的装修、床、沙发、杯子等都是我喜欢的类型,就好像住在自己家一样。下次再去西安一定还选择住斑斓。总体而言真的很不错,推荐!
  • 8,没想到市中心有这么好的家庭酒店,超棒,吃喝玩乐都很方便,屋内家具和床垫很不错,有五星级的感受
  • 9,强烈推荐这家酒店,房间和图片居然没有差异啊,很漂亮也很舒服,很温馨,跟在家一样,隐秘性好,值得推荐。
  • 10,不是第一次住了,每一次都很满意,有家的感觉,很温馨。布置的也特别好,色调很喜欢。感谢管家热情的服务,真的是做到了顾客至上。舒心,满意,来高新不会选择第二家,住过才知道。

 

上面是可以直接运行的。

 

 

截屏效果

 

 

使用Asp.Net MVC 实现

前台代码

@using DotNet.Hotel.Model;@{    ViewBag.Title = "Index";    Layout = null;    List
listHaoPing = ViewBag.listHaoPing; List
listChaPing = ViewBag.listChaPing; List
listAll = ViewBag.listAll; int pageSize = ViewBag.pageSize; int xuHao = 1;}
Hello MUI
@*

选项卡切换+下拉刷新

*@
    @{ xuHao = 1; } @foreach (var item in listHaoPing) {
  • @(xuHao++),@item.Comment
  • } @*
  • 第1个选项卡子项-20
  • *@
    @{ xuHao = 1; } @foreach (var item in listAll) {
  • @(xuHao++),@item.Comment
  • } @*
  • 第2个选项卡子项-20
  • *@
    @{ xuHao = 1; } @foreach (var item in listChaPing) {
  • @(xuHao++),@item.Comment
  • } @*
  • 第3个选项卡子项-20
  • *@

后台代码实现

///         /// 评论列表主界面        ///         /// 
public ActionResult Index() { int pageSize = 10; BanlanRoomCommentManager manager = new BanlanRoomCommentManager(); List
listHaoPing = manager.GetList2
(BanlanRoomCommentEntity.FieldRoomLevel + " >= 3 ", pageSize); List
listChaPing = manager.GetList2
(BanlanRoomCommentEntity.FieldRoomLevel + " < 3 ", pageSize); List
listAll= manager.GetList
(pageSize); ViewBag.pageSize = pageSize; ViewBag.listHaoPing = listHaoPing; ViewBag.listChaPing = listChaPing; ViewBag.listAll = listAll; return View(); } ///
/// 获取向上或向下拉取的数据列表 /// ///
public ActionResult GetPullList(int? levelType, int pageIndex = 1, int pageSize = 5, string order = null, string direction = null) { DotNet.Utilities.JsonResult
> result = new DotNet.Utilities.JsonResult
>(); try { BanlanRoomCommentManager manager = new BanlanRoomCommentManager(); List
list = null; DataTable dt = null; int recordCount = 0; string whereCause = string.Empty; if (levelType == -1) { // 差评 whereCause = BanlanRoomCommentEntity.FieldRoomLevel + " < 3 "; } else if (levelType == 1) { // 好评 whereCause = BanlanRoomCommentEntity.FieldRoomLevel + " >= 3 "; } if (string.IsNullOrWhiteSpace(order)) { order = BanlanRoomCommentEntity.FieldCreateOn; } if (!string.Equals("direction", "asc", StringComparison.OrdinalIgnoreCase)) { direction = " desc "; } string orderby = order + " " + direction; //dt = manager.GetDataTableByPage(out recordCount, pageIndex, pageSize, whereCause, null, orderby); //IDbHelper dbHelper, out int recordCount, string tableName, string selectField, int pageIndex, int pageSize, string conditions, IDbDataParameter[] dbParameters, string orderBy, bool filter = false dt = DbLogic.GetDataTableByPage(manager.DbHelper, out recordCount, BanlanRoomCommentEntity.TableName, "*", pageIndex, pageSize, whereCause, null, orderby); if (dt != null && dt.Rows.Count > 0) { list = BanlanRoomRecommendEntity.GetList
(dt); } if (list != null && list.Any()) { result.Status = true; result.Data = list; result.StatusMessage = "成功获取"; } else { result.Status = false; result.StatusMessage = "没有数据了"; } } catch (Exception ex) { result.Status = false; result.StatusMessage = "系统故障:" + ex.Message; } return Json(result, JsonRequestBehavior.AllowGet); }

 

转载地址:http://jpweo.baihongyu.com/

你可能感兴趣的文章
Linux 进程间通信(一)
查看>>
通用对象池ObjectPool的一种简易设计和实现方案
查看>>
HTTP压缩仍让加密连接处于风险之中
查看>>
乐视阿里达成百亿元销售框架
查看>>
戴尔通过提升大数据分析能力巩固“全数据”战略 帮助企业在现代数据经济中蓬勃发展...
查看>>
⑤Windows Server 8 RemoteFX体验
查看>>
《企业云桌面实施》-小技巧-03-vSAN6.5中SAS和SSD的使用建议
查看>>
cocos2d-x学习笔记番外篇02:获取系统毫秒时间
查看>>
perl学习笔记(1)
查看>>
连接第三方 腾讯QQ家校.师生群向智慧教学一路狂奔
查看>>
简单三步,搞定“量产”Windows 2008
查看>>
excel查找替换转义问号
查看>>
初始化游戏状态数据
查看>>
delphi 显示窗体系统目录 源码
查看>>
PowerDesigner 业务处理模型( BPM ) 说明
查看>>
Redis内存存储结构分析
查看>>
OCP终于考完了
查看>>
Cocos2D:滚动滚屏黑边问题
查看>>
Android 4.1最终版SDK和ADT Plugin全线发布
查看>>
jive论坛
查看>>