MVC 5 Scaffolder + EntityFramework+UnitOfWork Pattern 代码生成工具
经过一个多星期的努力总算完成了单表,多表关联(一对多,多对一)的增删改查的代码生成,基本上可以实现不用添加任何代码完成对数据表的操作。
下个阶段打算集成.net 4.5的认证和授权已经用户注册和角色管理
一旦有更好的方式我会把它集成到模板中实现自动生成。所以很希望得到大家的帮助。在这里我先抛砖引玉了。
asp.net MVC 5 Scaffolding多层架构代码生成向导开源项目(邀请你的参与)
Demo和所有源代码代码在 https://github.com/neozhu/MVC5-Scaffolder
先看一下我的Demo实例
实体类的结构
Order 与 OrderDetail 一对多,OrderDetail 与 Product 多对一,Order与Product则是多对多的关系。
实现的操作界面如下图
查询界面
功能:
1/新增操作 : 页面跳转到新增页面
2/删除操作 : 选择记录或单击行上的删除 弹出确认框 是否删除改记录
3/编辑操作 : 单击行上的编辑图标页面跳转到编辑页面
4/查询操作 : 在Search 文本框中输入关键字会根据后台每个字段的查询,选择需要显示的字段
5/Table功能 :字段显示勾选,分页显示,所有功能都是服务端实现
新增页面
功能:
布局:上部表头,下部的Tab为表体明细
一对多 :表体用table显示
多对一 :用Dropdownlist进行选择
表体明细的操作 :使用popup modal的方式操作
单击保存后,系统会自动合并表头表体一起提交到后台进行保存
编辑页面
功能:
加载数据:会根据主从关系把表头/表体的数据一次性加载
编辑数据:对表体明细的的操作类似新增页面,但对表体进行删除操作时会进行提示是否真的要删除后台数据。
保存数据:一次性提交所有表头/表体数据到后台进行操作。
上述这些功能完全可以代码生成 不需要做任何修改
项目结构
View层的代码
Index :查询Table List
Create :新增页面
Edit : 编辑页面
EditForm :Partial View内嵌在Create 和Edit页面中
_OrderDetailForm : pupup 子表维护表单页面
Create,和Edit页面通过Ajax Post 把数据提交到后台的Controller进行操作
代码如下
<script type="text/javascript"> var orderid = 0; var ObjectState = "Added"; var $orderdetailstable = {}; $(document).ready(function () { $(‘form‘).submit(function () { var token = $(‘[name=__RequestVerificationToken]‘).val(); var serializedForm = $(this).serialize(); var actionurl = $(this).attr(‘action‘); var orderdetails = $orderdetailstable.bootstrapTable(‘getData‘); var newitem = { OrderDetails: orderdetails, Id: orderid, Customer: $(‘#Customer‘, ‘form‘).val(), ShippingAddress: $(‘#ShippingAddress‘, ‘form‘).val(), OrderDate: $(‘#OrderDate‘, ‘form‘).val(), ObjectState: ObjectState }; $.ajax({ url: actionurl, type: "POST", dataType: "json", contentType: "application/json; charset=utf-8", data: JSON.stringify(newitem), success: function (result) { if (result.success) { self.location = "/Orders/Index"; } else { alert(result.err); } }, error: function (result) { console.log(result.statusText + result.responseText); alert(result.statusText + result.responseText); } }); return false; }); }); </script>
通过Jquery 获取表头和表体数据 序列化成Json对象然后Post到后台
Controller层代码
这里就只贴Create方法的代码
public class OrdersController : Controller { //private StoreContext db = new StoreContext(); private readonly IOrderService _orderService; private readonly IUnitOfWorkAsync _unitOfWork; public OrdersController(IOrderService orderService, IUnitOfWorkAsync unitOfWork) { _orderService = orderService; _unitOfWork = unitOfWork; } // GET: Orders/Index public ActionResult Index() { var orders = _orderService.Queryable().AsQueryable(); return View(orders); } // Get :Orders/PageList // For Index View Boostrap-Table load data [HttpGet] public ActionResult PageList(int offset = 0, int limit = 10, string search = "", string sort = "", string order = "") { int totalCount = 0; int pagenum = offset / limit + 1; var orders = _orderService.Query(new OrderQuery().WithAnySearch(search)).OrderBy(n => n.OrderBy(sort, order)).SelectPage(pagenum, limit, out totalCount); var rows = orders.Select(n => new { Id = n.Id, Customer = n.Customer, ShippingAddress = n.ShippingAddress, OrderDate = n.OrderDate }).ToList(); var pagelist = new { total = totalCount, rows = rows }; return Json(pagelist, JsonRequestBehavior.AllowGet); } // GET: Orders/Details/5 public ActionResult Details(int? id) { if (id == null) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } Order order = _orderService.Find(id); if (order == null) { return HttpNotFound(); } return View(order); } // GET: Orders/Create public ActionResult Create() { return View(); } // POST: Orders/Create // To protect from overposting attacks, please enable the specific properties you want to bind to, for more details see http://go.microsoft.com/fwlink/?LinkId=317598. [HttpPost] //[ValidateAntiForgeryToken] public ActionResult Create([Bind(Include = "OrderDetails,Id,Customer,ShippingAddress,OrderDate")] Order order) { if (ModelState.IsValid) { order.ObjectState = ObjectState.Added; foreach (var item in order.OrderDetails) { item.OrderId = order.Id; item.ObjectState = ObjectState.Added; } _orderService.InsertOrUpdateGraph(order); _unitOfWork.SaveChanges(); if (Request.IsAjaxRequest()) { return Json(new { success = true }, JsonRequestBehavior.AllowGet); } DisplaySuccessMessage("Has append a Order record"); return RedirectToAction("Index"); } if (Request.IsAjaxRequest()) { var modelStateErrors = String.Join("", this.ModelState.Keys.SelectMany(key => this.ModelState[key].Errors.Select(n => n.ErrorMessage))); return Json(new { success = false, err = modelStateErrors }, JsonRequestBehavior.AllowGet); } DisplayErrorMessage(); return View(order); } // GET: Orders/Edit/5 public ActionResult Edit(int? id) { if (id == null) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } Order order = _orderService.Find(id); if (order == null) { return HttpNotFound(); } return View(order); } // POST: Orders/Edit/5 // To protect from overposting attacks, please enable the specific properties you want to bind to, for more details see http://go.microsoft.com/fwlink/?LinkId=317598. [HttpPost] //[ValidateAntiForgeryToken] public ActionResult Edit([Bind(Include = "OrderDetails,Id,Customer,ShippingAddress,OrderDate")] Order order) { if (ModelState.IsValid) { order.ObjectState = ObjectState.Modified; foreach (var item in order.OrderDetails) { item.OrderId = order.Id; //set ObjectState with conditions if (item.Id <= 0) item.ObjectState = ObjectState.Added; else item.ObjectState = ObjectState.Modified; } _orderService.InsertOrUpdateGraph(order); _unitOfWork.SaveChanges(); if (Request.IsAjaxRequest()) { return Json(new { success = true }, JsonRequestBehavior.AllowGet); } DisplaySuccessMessage("Has update a Order record"); return RedirectToAction("Index"); } if (Request.IsAjaxRequest()) { var modelStateErrors = String.Join("", this.ModelState.Keys.SelectMany(key => this.ModelState[key].Errors.Select(n => n.ErrorMessage))); return Json(new { success = false, err = modelStateErrors }, JsonRequestBehavior.AllowGet); } DisplayErrorMessage(); return View(order); } // GET: Orders/Delete/5 public ActionResult Delete(int? id) { if (id == null) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } Order order = _orderService.Find(id); if (order == null) { return HttpNotFound(); } return View(order); } // POST: Orders/Delete/5 [HttpPost, ActionName("Delete")] //[ValidateAntiForgeryToken] public ActionResult DeleteConfirmed(int id) { Order order = _orderService.Find(id); _orderService.Delete(order); _unitOfWork.SaveChanges(); if (Request.IsAjaxRequest()) { return Json(new { success = true }, JsonRequestBehavior.AllowGet); } DisplaySuccessMessage("Has delete a Order record"); return RedirectToAction("Index"); } // Get Detail Row By Id For Edit // Get : Orders/EditOrderDetail/:id [HttpGet] public ActionResult EditOrderDetail(int? id) { if (id == null) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } var orderdetailRepository = _unitOfWork.Repository<OrderDetail>(); var orderdetail = orderdetailRepository.Find(id); var orderRepository = _unitOfWork.Repository<Order>(); var productRepository = _unitOfWork.Repository<Product>(); if (orderdetail == null) { ViewBag.OrderId = new SelectList(orderRepository.Queryable(), "Id", "Customer"); ViewBag.ProductId = new SelectList(productRepository.Queryable(), "Id", "Name"); //return HttpNotFound(); return PartialView("_OrderDetailEditForm", new OrderDetail()); } else { ViewBag.OrderId = new SelectList(orderRepository.Queryable(), "Id", "Customer", orderdetail.OrderId); ViewBag.ProductId = new SelectList(productRepository.Queryable(), "Id", "Name", orderdetail.ProductId); } return PartialView("_OrderDetailEditForm", orderdetail); } // Get Create Row By Id For Edit // Get : Orders/CreateOrderDetail [HttpGet] public ActionResult CreateOrderDetail() { var orderRepository = _unitOfWork.Repository<Order>(); ViewBag.OrderId = new SelectList(orderRepository.Queryable(), "Id", "Customer"); var productRepository = _unitOfWork.Repository<Product>(); ViewBag.ProductId = new SelectList(productRepository.Queryable(), "Id", "Name"); return PartialView("_OrderDetailEditForm"); } // Post Delete Detail Row By Id // Get : Orders/DeleteOrderDetail/:id [HttpPost, ActionName("DeleteOrderDetail")] public ActionResult DeleteOrderDetailConfirmed(int id) { var orderdetailRepository = _unitOfWork.Repository<OrderDetail>(); orderdetailRepository.Delete(id); _unitOfWork.SaveChanges(); if (Request.IsAjaxRequest()) { return Json(new { success = true }, JsonRequestBehavior.AllowGet); } DisplaySuccessMessage("Has delete a Order record"); return RedirectToAction("Index"); } // Get : Orders/GetOrderDetailsByOrderId/:id [HttpGet] public ActionResult GetOrderDetailsByOrderId(int id) { var orderdetails = _orderService.GetOrderDetailsByOrderId(id); if (Request.IsAjaxRequest()) { return Json(orderdetails.Select(n => new { OrderCustomer = n.Order.Customer, ProductName = n.Product.Name, Id = n.Id, ProductId = n.ProductId, Qty = n.Qty, Price = n.Price, Amount = n.Amount, OrderId = n.OrderId }), JsonRequestBehavior.AllowGet); } return View(orderdetails); } private void DisplaySuccessMessage(string msgText) { TempData["SuccessMessage"] = msgText; } private void DisplayErrorMessage() { TempData["ErrorMessage"] = "Save changes was unsuccessful."; } protected override void Dispose(bool disposing) { if (disposing) { //_unitOfWork.Dispose(); } base.Dispose(disposing); } }
Popup Modal编辑子表数据代码
<script type="text/javascript"> var currentrowindex = -1; function deleteOrderDetail(id) { var url = ‘@Url.Action("DeleteOrderDetail")‘; bootbox.dialog({ message: "Are you sure delete " + id, title: "Delete OrderDetail ", buttons: { Cancel: { label: "Cancel", className: "btn-default", callback: function () { } }, OK: { label: "OK", className: "btn-success", callback: function () { $.post(url, { id: id }, function (data) { $orderdetailstable.bootstrapTable(‘remove‘, { field: ‘Id‘, values: [id] }); //console.log(‘remove‘ + row.Id); }); } } } }); } function orderdetailsrowindexFormatter(value, row, index) { return index + 1; } function orderdetailsactionFormatter(value, row, index) { return [ ‘<a class="edit" id="orderdetailsedit" href="javascript:void(0)" title="Add">‘, ‘<i class="glyphicon glyphicon-edit"></i>‘, ‘</a> ‘, ‘ <a class="remove" id="orderdetailsremove" href="javascript:void(0)" title="Remove">‘, ‘<i class="glyphicon glyphicon-remove"></i>‘, ‘</a>‘ ].join(‘‘); } window.actionEvents = { ‘click #orderdetailsedit‘: function (e, value, row, index) { currentrowindex = index; var url = "/Orders/EditOrderDetail" $.get(url + ‘/‘ + row.Id, function (data) { $(‘#orderdetailformModal-body‘).html(data); if (row.Id > 0) { //var id = $(‘#Id‘,‘#orderdetailformModal-body‘); //id.val(row.Id); //var productid = $(‘#ProductId‘,‘#orderdetailformModal-body‘); //productid.val(row.ProductId); //var qty = $(‘#Qty‘,‘#orderdetailformModal-body‘); //qty.val(row.Qty); //var price = $(‘#Price‘,‘#orderdetailformModal-body‘); //price.val(row.Price); //var amount = $(‘#Amount‘,‘#orderdetailformModal-body‘); //amount.val(row.Amount); //var orderid = $(‘#OrderId‘,‘#orderdetailformModal-body‘); //orderid.val(row.OrderId); } else { var id = $(‘#Id‘, ‘#orderdetailformModal-body‘); id.val(row.Id); var productid = $(‘#ProductId‘, ‘#orderdetailformModal-body‘); productid.val(row.ProductId); var qty = $(‘#Qty‘, ‘#orderdetailformModal-body‘); qty.val(row.Qty); var price = $(‘#Price‘, ‘#orderdetailformModal-body‘); price.val(row.Price); var amount = $(‘#Amount‘, ‘#orderdetailformModal-body‘); amount.val(row.Amount); var orderid = $(‘#OrderId‘, ‘#orderdetailformModal-body‘); orderid.val(row.OrderId); } $(‘#orderdetailformModal‘).modal(‘toggle‘); }); }, ‘click #orderdetailsremove‘: function (e, value, row, index) { if (row.Id > 0) { deleteOrderDetail(row.Id); } else { $orderdetailstable.bootstrapTable(‘remove‘, { field: ‘$index‘, values: [index] }); } } }; $(function () { $orderdetailstable = $(‘#orderdetails-table‘).bootstrapTable({ data: [] }); if (ObjectState == "Modified") { orderid = $(‘#Id‘).val(); var url = ‘/Orders/GetOrderDetailsByOrderId/‘ + orderid; $.get(url, function (data) { //console.log(data); $orderdetailstable.bootstrapTable(‘load‘, data) }) } $(‘#addorderdetailsbutton‘).on(‘click‘, function (e) { if ($("form").valid()) { currentrowindex = -1; var url = "/Orders/CreateOrderDetail" $.get(url, function (data) { //console.log(data); var index = -1; $(‘#orderdetailformModal-body‘).html(data); $(‘#Id‘, ‘#orderdetailformModal-body‘).val(0); $(‘#OrderId‘, ‘#orderdetailformModal-body‘).val(orderid); $(‘#orderdetailformModal‘).modal(‘toggle‘); }); } e.preventDefault(); //Return false regardless of validation to stop form submitting //prior to ajax doing its thing return false; }) $(‘#orderdetailconfirmbutton‘).on(‘click‘, function (e) { $("form").removeData("validator"); $("form").removeData("unobtrusiveValidation"); $.validator.unobtrusive.parse("form"); if (!$(‘form‘).valid()) { e.preventDefault(); return false; } var ordercustomer = $(‘#OrderId :selected‘, ‘#orderdetailformModal-body‘).text(); var productname = $(‘#ProductId :selected‘, ‘#orderdetailformModal-body‘).text(); var id = $(‘#Id‘, ‘#orderdetailformModal-body‘).val(); var productid = $(‘#ProductId :selected‘, ‘#orderdetailformModal-body‘).val(); var qty = $(‘#Qty‘, ‘#orderdetailformModal-body‘).val(); var price = $(‘#Price‘, ‘#orderdetailformModal-body‘).val(); var amount = $(‘#Amount‘, ‘#orderdetailformModal-body‘).val(); var orderid = $(‘#OrderId :selected‘, ‘#orderdetailformModal-body‘).val(); var orderdetail = { OrderCustomer: ordercustomer, ProductName: productname, Id: id, ProductId: productid, Qty: qty, Price: price, Amount: amount, OrderId: orderid, ObjectState: ‘Added‘ } if (currentrowindex == ‘-1‘) { $orderdetailstable.bootstrapTable(‘append‘, orderdetail); } else { $orderdetailstable.bootstrapTable(‘updateRow‘, { index: currentrowindex, row: orderdetail }); } $(‘#orderdetailformModal‘).modal(‘toggle‘); }); }); </script>
所有代码都是根据Entity 类型 和字段名进行生成,理论上针对业务系统都可以模板化,只要模式定下来什么代码都可以生成。