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

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 MusicController : Controller

    {

        // GET: /Videos/

        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 GetMusics()

        {

            UserInfo userInfo = Session["user"] as UserInfo;

            int page = Convert.ToInt32(Request.Params["page"]);

            if (page <= )

            {

                page = ;

            }

            if (userInfo == null)

            {

                RedirectToAction("Login", "UserInfo");

            }

            int pageSize = ;

            int recordCount = ;

            var documentPaged = _myFileServiceRepository.FindPaged<DateTime>(page, pageSize, out recordCount, x => x.User.Id == userInfo.Id && x.IsDelete == false && (x.FileIcon.Contains("MusicType.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 = , total = totalPage }), JsonRequestBehavior = JsonRequestBehavior.AllowGet };

        }

    }

}

前端

@{

    ViewBag.Title = "Lists";

    Layout = "~/Views/Shared/_Layout.cshtml";

}

<script>

    $(function () {

        var imgElement = $('#docmentpage');

        var options = {

            size: "large",

            bootstrapMajorVersion: ,

            //当前页

            currentPage: ,

            //可以改变显示的页码数

            numberOfPages: ,

            //总页数

            totalPages:

        };

        function requestServer(pageIndex) {

            $.getJSON('/Music/GetMusics?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 = ; 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();

    });

</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>

测试

总结

代码很简单，不再赘述了。

秒客网

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

写在前面

系列文章

实现

总结

相关文章