码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-07-28 00:03:32      阅读:107      评论:0      收藏:0      [点我收藏+]

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

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

一、主页面添加跳转按钮

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

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

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

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

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

技术图片

 

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

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

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

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

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

<h2>CreateDepartment</h2>
@*<form action="Create" method="post" ></form>*@
@using (Html.BeginForm())
{
<table class="table">
    <tr>
        <td>
            科室名称:
        </td>
        <td>
            @Html.EditorFor(m => m.D_Name);
        </td>
    </tr>
    <tr>
        <td>
            科室备注:
        </td>
        <td>
            @Html.EditorFor(m => m.D_Desc);
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <input type="submit" class="btn btn-danger" value="添加" />
        </td>
    </tr>
</table>
}
 @Html.EditorFor(m => m.D_Name);返回一个由表达式表示的对象中的每个属性所对应的input元素,主要是针对强类型,一般这种方式用得多些
他可以直接对应model中的对象,我今天是第一次接触这种用法,但是太赞了,非常好用。
三、完成控制器中添加功能的实现
注意:添加的提交按钮一定要是submit,实现添加的代码要加[HttpPost]标签
     /// <summary>
        /// 执行添加操作的方法
        /// </summary>
        /// <param name="d"></param>
        /// <returns></returns>
        [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

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