MVC从新手到入门----添加功能的实现

2021-01-15 20:13

阅读:772

标签:pre   tle   turn   new   class   tor   功能   数据   属性   

做程序永远离不开增删改查,今天我们来说说如何用MVC实现添加功能,

一、主页面添加跳转按钮

上篇博文,我们已经完成了页面加载和简单的查询操作,我们先在查询旁边再添加一个按钮

这里给大家介绍一种新的按钮书写形式:

@Html.ActionLink(一、按钮的名字,二、执行的方法,三、参数,四、属性),代码如下:

 @Html.ActionLink("添加", "CreateDepartment", null, new { @class = "btn btn-primary" })

非常好用,出来效果是这样的

技术图片

 

二、添加控制器,创建跳转视图 

这里第二个参数的名字就是要执行添加控制器的名字,我们需要再控制器中添加这样一个方法

        /// 
        /// 此方法只做页面的跳转,不做其他操作
        /// 
        /// 
        public ActionResult CreateDepartment()
        {
            return View();
        }

同样的,我们需要给新建功能创建视图,右键添加视图即可,视图中写添加的页面部分代码:

@model HPIT.MVC7_27PM.Models.Department
@{
    ViewBag.Title = "CreateDepartment";
}

CreateDepartment

@*
"Create" method="post" >
*@ @using (Html.BeginForm()) { class="table">
科室名称: @Html.EditorFor(m => m.D_Name);
科室备注: @Html.EditorFor(m => m.D_Desc);
"2"> "submit" class="btn btn-danger" value="添加" />
}
 @Html.EditorFor(m => m.D_Name);返回一个由表达式表示的对象中的每个属性所对应的input元素,主要是针对强类型,一般这种方式用得多些
他可以直接对应model中的对象,我今天是第一次接触这种用法,但是太赞了,非常好用。
三、完成控制器中添加功能的实现
注意:添加的提交按钮一定要是submit,实现添加的代码要加[HttpPost]标签
     /// 
        /// 执行添加操作的方法
        /// 
        /// 
        /// 
        [HttpPost]
        public ActionResult CreateDepartment(Department d)
        {
            db.departments.Add(d);//将d对象的状态设置成添加的状态
            int i=db.SaveChanges();//将本地更改提交给数据库
            if (i > 0)
            {
                return RedirectToAction("Index");//跳转当前路由的Index控制器
            } else
            {
                return View();//停留在本页面
            }
        }

这样代码部分就完成了,我们来看看效果吧,添加一个效果科:

技术图片

 

 添加成功跳转页面,完美!

当然界面部分完成的还是比较丑的,有些细节写的也不是很到位,可以再微调一下。

-------------------------------------------------------------------------------------------------------------------

今天的分享就到这里,你学会了吗?



 

MVC从新手到入门----添加功能的实现

标签:pre   tle   turn   new   class   tor   功能   数据   属性   

原文地址:https://www.cnblogs.com/JuneDream/p/13386907.html


评论


亲,登录后才可以留言!