用弹窗实现一个页面的增删改查

用弹窗实现一个页面的增删改查

本文适合有一定基础的编程学生，主要实现用弹窗的形式来进行新增和修改。

• 主要用的技术：boostrap,ASP .NET MVC ,SQL Server ,ajax

1. 环境搭建
   使用VS创建MVC项目,并使用Model链接数据库，数据库可以自选，小编这里以Rbac数据库为主，数据库中有角色表(Role)，字段名（ID，Name，Remark）
2. 在项目中的Controllers文件夹下创建Role控制器，（名字可以自取，这里小编建议初学者一样，避免出现错误，熟练后自便）
3. 在Role控制器中的index方法中直接添加视图。不会的话可以百度解决
4. 在Role控制器中进行编码，以及在index页面进行布局，不会使用boostrap实现弹窗的可以到菜鸟教程中学习

• Role控制器代码如下（记得引用命名空间）

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Com.Dengjx.TC.Models;//引入命名空间

namespace Com.Dengjx.TC.Controllers
{
    public class RoleController : Controller
    {
        RbacDBEntities db = new RbacDBEntities();
        // GET: Role
        public ActionResult Index()
        {
            var roles = db.Roles.ToList();
            return View(roles);
        }
        public ActionResult Add(Role role)
        {
            var code = 0;
            var message = "新增失败";
            db.Roles.Add(role);
            if (db.SaveChanges() > 0)
            {
                code = 1;
                message = "新增成功";

            }
            var res = new
            {
                code = code,
                message = message
            };

            return Json(res,JsonRequestBehavior.AllowGet);
        }

        public ActionResult edit(int id)
        {
            var role = db.Roles.Where(p => p.ID == id).Select(p => new { p.ID, p.Name, p.Remark }).FirstOrDefault();

            return Json(role, JsonRequestBehavior.AllowGet);
        }
        [HttpPost]
        public ActionResult edit(Role role)
        {
            var code = 0;
            var message = "修改失败"