码迷,mamicode.com
首页 > 数据库 > 详细

[实战]MVC5+EF6+MySql企业网盘实战(27)——音乐列表

时间:2016-01-16 16:34:56      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:

写在前面

本篇文章将实现应用列表,同样和其他列表的不同之处,在于查询条件的不同。

系列文章

[EF]vs15+ef6+mysql code first方式

[实战]MVC5+EF6+MySql企业网盘实战(1)

[实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册

[实战]MVC5+EF6+MySql企业网盘实战(3)——验证码

[实战]MVC5+EF6+MySql企业网盘实战(4)——上传头像

[Bootstrap]modal弹出框

[实战]MVC5+EF6+MySql企业网盘实战(5)——登录界面,头像等比例压缩

[实战]MVC5+EF6+MySql企业网盘实战(5)——页面模板

[实战]MVC5+EF6+MySql企业网盘实战(5)——ajax方式注册

[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录

[实战]MVC5+EF6+MySql企业网盘实战(7)——文件上传

[实战]MVC5+EF6+MySql企业网盘实战(8)——文件下载、删除

[实战]MVC5+EF6+MySql企业网盘实战(9)——编辑文件名

[实战]MVC5+EF6+MySql企业网盘实战(10)——新建文件夹

[实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2

[实战]MVC5+EF6+MySql企业网盘实战(12)——新建文件夹和上传文件

[实战]MVC5+EF6+MySql企业网盘实战(13)——编辑文件夹

[实战]MVC5+EF6+MySql企业网盘实战(14)——逻辑重构

[实战]MVC5+EF6+MySql企业网盘实战(14)——思考

[实战]MVC5+EF6+MySql企业网盘实战(15)——逻辑重构2

[实战]MVC5+EF6+MySql企业网盘实战(16)——逻辑重构3

[实战]MVC5+EF6+MySql企业网盘实战(17)——思考2

[实战]MVC5+EF6+MySql企业网盘实战(18)——文件上传,下载,修改

[实战]MVC5+EF6+MySql企业网盘实战(19)——BJUI和ztree

[实战]MVC5+EF6+MySql企业网盘实战(20)——Bootstrap Paginator

[实战]MVC5+EF6+MySql企业网盘实战(21)——网盘操作日志

[实战]MVC5+EF6+MySql企业网盘实战(22)——图片列表

[实战]MVC5+EF6+MySql企业网盘实战(23)——文档列表

 [实战]MVC5+EF6+MySql企业网盘实战(24)——视频列表

 [实战]MVC5+EF6+MySql企业网盘实战(25)——种子列表

 [实战]MVC5+EF6+MySql企业网盘实战(26)——音乐列表

 [实战]MVC5+EF6+MySql企业网盘实战(27)——音乐列表

实现

查询添加还是以文件对应的图标来进行筛选。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Script.Serialization;
using Wolfy.NetDisk.BLL;
using Wolfy.NetDisk.IBLL;
using Wolfy.NetDisk.Model;
using Wolfy.NetDisk.Site.Models;

namespace Wolfy.NetDisk.Site.Controllers
{
    public class ExesController : Controller
    {
        private IMyFileServiceRepository _myFileServiceRepository = new MyFileServiceRepository();

        private ILogServiceRepository _logServiceRepository = new LogServiceRepository();
        private IFileTypeServiceRepository fileTypeServiceRepository = new FileTypeServiceRepository();
        //
        // GET: /Images/
        public ActionResult Lists()
        {
            UserInfo user = Session["user"] as UserInfo;
            if (user == null)
            {
                return RedirectToAction("Login", "UserInfo");
            }
            return View();
        }
        [HttpGet]
        public JsonResult GetApks()
        {
            UserInfo userInfo = Session["user"] as UserInfo;
            int page = Convert.ToInt32(Request.Params["page"]);
            if (page <= 0)
            {
                page = 1;
            }
            if (userInfo == null)
            {
                RedirectToAction("Login", "UserInfo");
            }
            int pageSize = 10;
            int recordCount = 0;
            var documentPaged = _myFileServiceRepository.FindPaged<DateTime>(page, pageSize, out recordCount, x => x.User.Id == userInfo.Id && x.IsDelete == false && (x.FileIcon.Contains("ApkType.png")), false, x => x.CreateDt);
            int totalPage = Convert.ToInt32(Math.Ceiling(recordCount * 1.0 / pageSize));
            List<MyFileViewModel> lstMyFileViewModel = new List<MyFileViewModel>();
            foreach (var item in documentPaged)
            {
                lstMyFileViewModel.Add(new MyFileViewModel()
                {
                    Id = item.Id,
                    FileIcon = item.FileIcon,
                    FileServerUrl = "/NetDisk/" + item.FileMd5 + item.FileExt,
                    Name = item.Name,
                    FileThumnailUrl = string.Empty,
                    Size = item.FileSize,
                    Dt = item.CreateDt
                });
            }
            return new JsonResult() { Data = new JavaScriptSerializer().Serialize(new { _data = lstMyFileViewModel, _code = 200, total = totalPage }), JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

    }
}

前端

技术分享
<script>

    $(function () {
        var imgElement = $(#docmentpage);
        var options = {
            size: "large",
            bootstrapMajorVersion: 3,
            //当前页
            currentPage: 1,
            //可以改变显示的页码数
            numberOfPages: 5,
            //总页数
            totalPages: 5
        };
        function requestServer(pageIndex) {
            $.getJSON(/Exes/GetApks?page= + pageIndex, function (data) {
                console.log(data);
                data = JSON.parse(data);
                if (data.total <= pageIndex) {
                    options.totalPages = pageIndex;
                } else {
                    options.totalPages = data.total;
                };

                $(#dvdocument).html(‘‘);
                $(<table class="table table-bordered table-hover table-striped table-top" id="tbdocument"><tr><th>文件名</th> <th>文件大小</th><th>创建时间</th> </tr></table>).appendTo($(#dvdocument));;
                for (var i = 0; i < data._data.length; i++) {
                    var current = data._data[i];
                    $(<tr><td data-id= + current.Id + ><img src=" + current.FileIcon + "> + current.Name + </td><td> + current.Size + </td><td> + ChangeDateFormat(current.Dt) + </td></tr>).appendTo($(#tbdocument));
                };
                imgElement.bootstrapPaginator(options);

            });
        };
        function loadData(pageIndex) {

            options.onPageClicked = function (e, originalEvent, type, page) {
                //页码单击事件
                console.log(page);
                options.currentPage = page;

                requestServer(page);

            };
            requestServer(pageIndex);
            imgElement.bootstrapPaginator(options);

        };

        loadData(1);
    });
</script>
<div class="tableContent" style="width:95%;" id="dvdocument">

</div>
<div style="width:95%;position:relative;margin-top:10px">
    <ul id=docmentpage class="bjui-pageFooter" style="margin:0 auto; margin-left:30%;"></ul>
</div>
View Code

测试

技术分享

总结

废话不多少,都在代码里。

[实战]MVC5+EF6+MySql企业网盘实战(27)——音乐列表

标签:

原文地址:http://www.cnblogs.com/wolf-sun/p/5135605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!