71muke?v=1
在线看书
立即购买

第一章 ASP.NET MVC介绍

收起
2023-04-08更新,每天更一篇

第二章 视图和控制器的数据交互

收起
2023-04-08更新,每天更一篇

第三章 模型绑定的使用

收起
2023-04-08更新,每天更一篇

第四章 ASP.NET MVC中的表单辅助方法

收起
2023-04-08更新,每天更一篇

第五章 ASP.NET MVC的表单验证

收起
2023-04-08更新,每天更一篇

第六章 ASP.NET中的强类型

收起
2023-04-08更新,每天更一篇

第七章 ASP.NET MVC中使用Ajax

收起
2023-04-08更新,每天更一篇

第八章 在ASP.NET MVC中WebAPI的使用

收起
2023-04-08更新,每天更一篇

第九章 控制器和路由的使用

收起
2023-04-08更新,每天更一篇

第十章 用户管理的实战开发

收起
2023-04-08更新,每天更一篇

控制器和视图数据交互的实战:实现用户列表展示

上节课我们实现了登录功能,但是登录成功后会发现用户展示列表报错了,展示错误的问题,这时候怎么办呢?

接下来我们将会演示如何展示控制器和视图。


UserList的实现

控制器HomeController下的UserList方法代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using FirstProject.Models; //数据库模型引入命名空间

namespace FirstProject.Controllers
{
    public class HomeController : Controller
    {
        //操作数据库上下文对象
        private ShoppingTestEntities db = new ShoppingTestEntities();

        //展示用户列表
        public ActionResult UserList()
        {
            //获取用户列表展示
            ViewBag.ulist = db.user.ToList();
            return View();
        }
    }
}


视图UserList.cshtml代码

@{
    ViewBag.Title = "UserList";
}

<h2>用户列表</h2>
@* 输入table + 按tab键,就可以得到下面的代码 *@
<table class="table">
    <tr>
        <td>id</td>
        <td>用户名</td>
        <td>昵称</td>
        <td>权限</td>
    </tr>
    @foreach (var item in ViewBag.ulist)
    {
        <tr>
            <td>@item.id</td>
            <td>@item.username</td>
            <td>@item.nickname</td>
            <td>
                @if(item.power == 1)
                {
                    <span>超级管理员</span>
                }
                else
                {
                    <span>管理员</span>
                }
            </td>
        </tr>
    }
</table>

运行结果如下:

image.png


自己尝试着实现用户列表的展示吧!

留言

发布留言

需要购买本课才能留言哦~

{{ item.createtime | dateStr }}