首页 > > 网页制作 > css >

ASP.NET MVC4 传递Model到View

2018-06-23 23:24:48来源：未知阅读 ()

原文发表在：http://www.star110.com/Note/ReadArticle/60641215331146140043.html

开发环境：.NET MVC4 + EF6.0

模型：

//Note列表数据
    public class NoteData
    {
        public int Id { set; get; }
        public String Author { set; get; }
        public String title { set; get; }
        public String Time { set; get; }
        public int Read { set; get; }
        public String TypeName { set; get; }
        public String Url { set; get; }
    }

//我的笔记首页model
    public class NoteViewModel : BaseLayoutViewModel
    {
        //笔记列表
        public List<NoteData> Notes { set; get; }
        public NoteViewModel()
        {
            Notes = new List<NoteData>();
        }
    }

后台代码：

1

2

3

4

5

6

public ActionResult Index(String type = "",int page = 1)
        {
            //得到我的笔记视图模型数据
            NoteViewModel viewmodel= articlefunc.GetViewModel(type,page);
            return View("Index", viewmodel);
        }

前端代码：

注意：要在视图文件第一行声明model类型

@model NoteViewModel

<table class="table table-striped" id="dataTable" style="width:100%;">
                    <thead>
                        <tr>
                            <th>分类</th>
                            <th style="text-align:center">标题</th>
                            <th>作者</th>
                            <th>阅读</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var note in Model.Notes)
                        {
                            <tr>
                                <td>@note.TypeName</td> 
                                <td><i class="fa fa-columns">
                                    <a href="@note.Url" target="_blank"> @note.title</a>
                                    </i>
                                </td>
                                <td><i class="fa fa-user"> @note.Author</i></td>
                                <td>@note.Read</td>
                            </tr>
                        }
                    </tbody>
                </table>