基于EasyUi的快速开发框架

 

先看图,下边这个简单的增、删、改、查,如果自己写代码实现,这两个页需要多少行代码?

如果再有类似的增、删、改、查,又需要多少行代码?

我最近搞的这个快速开发框架中,代码行数不超过100。

两页的代码如下:

1,列表页:

@{
ViewBag.Title = "**** - 部门管理";
ViewBag.MenuType = "Manage";
ViewBag.MenuName = "部门管理";
}
@section HeadContent{
}
<div class="tit">
<span style="float: left;"><a href="@Url.Content("~/")" target="_self">首页</a>部门管理</span>
<span style="float: right; padding-right: 10px;"></span>
</div>
<div class="main">
<div class="main_con">
<table id="tbDataList" class="easyui-datagrid">
</table>
</div>
</div>
<div class="clear">
</div>
@section FootContent{
<script type="text/javascript">
$(function () {
var columnsSetting = [
{ field: 'Name', title: '部门名称', width: 100, sortable: true},
{ field: 'SortNum', title: '排序号', width: 80 },
{ field: 'Remark', title: '备注', width: 80 },
{ field: 'NoticeEmails', title: '邮件通知列表', width: 200 },
{ field: 'CreateManEnName', title: '添加人', width: 120 },
{ field: 'CreateTime', title: '添加时间', width: 80, formatter: function (value) {
if (value != null) {
return value.CDate();
}
}
}
]; initParam.url = '/DeptManage/GetDeptList';
initParam.queryParams = {};
initParam.width = 1077;
//initParam.height= 600;
initParam.columns = columnsSetting;
initParam.toolbar = builderAddEditDelToolbar('部门管理', "/DeptManage", 500, 500);
builderDatagrid(initParam);
});
</script>
}

2,新增/编辑页代码如下:

@model Cigna.ForbiddenLeads.Model.RoleModel
@{
ViewBag.Title = "**** - 角色管理";
Layout = "~/Views/Shared/_EmptyLayout.cshtml";
}
@section HeadContent{
}
@using (Html.BeginForm("EditForm", "RoleManage", FormMethod.Post, new { id = "EditForm", name = "EditForm", onsubmit = "return Check()" }))
{
<div class="ab" style="margin-top: 20px;">
<span class="abname"><span class="red">*</span>角色名称:</span><span class="abinput">
@Html.TextBoxFor(model => model.Name, new { title = "角色名称", @class = "easyui-validatebox", required = "true" })
</span>
</div>
<div class="ab">
<span class="abname"><span class="red">*</span>权限:</span> <span class="abinput">
@Html.CheckBox("AllowUpload", @Model.AllowUpload == "Y" ? true : false)上传
@Html.CheckBox("AllowDown", @Model.AllowDown == "Y" ? true : false)下载
@Html.CheckBox("AllowManage", @Model.AllowManage == "Y" ? true : false)管理 </span>
</div>
<div class="ab">
<span class="abname">备注:</span><span class="abinput">
@Html.TextAreaFor(model => model.Remark, new { title = "备注",@rows = "6", @cols = "80", @style = "width: 250px;" })
</span>
</div>
<br />
@Html.Partial("Button")
@Html.HiddenFor(model => model.ID)
}

为什么,实现这么多的功能,只需要这稀稀拉拉不到100行的前台代码?

那是因为,大量的代码都重用,都写在其他类库。

比如说,列表页中画Datagrid,比如说增、删、改按钮的事件,这些都共用,写在Common.js中,通过传参数就可以实现对应的功能。

比如说,新增/修改页中的提交和返回按钮的触发事件,是写在一个分部视图里的,页面中只需一行代码调用就可以了。

这样所有的新增/修改页,都调用这一个分部视图。

比如说,往后台传页面参数,普通的作法时,对页面上的控件,一个一个的获取其值,然后传到后台,这里的作法是,获取页面所有的控制值,组装成Json,传入后台,后台再转移为对应实体,是不是很帅,很方便呢?

关键代码如下:

往后台传参。

     <script type="text/javascript">
$(function () {
$("#btnSubmit").bind("click", function () {
var lastForm = $($("form").last());
if (!lastForm.form('validate')) return;
var formJSON = { dataJson: JSON2.stringify(lastForm.formtojson()) }; $.ajax({
url: lastForm.attr("action"),
type: 'post',
data: formJSON,
success: function (data) {
ajaxSuccessFun(data);
},
error: function (date, ddd) { }
})
})
});
</script>

后台接收参数:

            string json = RequestExtension.GetFormData();
if (string.IsNullOrEmpty(json))
return Json(new ResultMsg(500, "没有获取到参数"), JsonRequestBehavior.AllowGet); json = HttpUtility.UrlDecode(json);
RoleModel viewModel = JsonExtension.JsDeserialize<RoleModel>(json);

至此,功能基本实现,刚好要下班了,有兴趣的请留言,我接着把,谢谢。

最年轻的创业团队如何把聚美干到华尔街?

 
 
分类: EasyUI编程开发

EasyUi的快速开发框架的更多相关文章

  1. 基于EasyUi的快速开发框架

    先看图,下边这个简单的增.删.改.查,如果自己写代码实现,这两个页需要多少行代码? 如果再有类似的增.删.改.查,又需要多少行代码? 我最近搞的这个快速开发框架中,代码行数不超过100. 两页的代码如 ...

  2. ASP.NET MVC4.0+ WebAPI+EasyUI+KnockOutJS快速开发框架 通用权限管理系统

    1.基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发 2.采用MVC的框架模式,具有耦合性低.重用性高.生命周期成本低.可维护性高.有利软件 ...

  3. .NET开源快速开发框架Colder发布 (NET452+AdminLTE版)

    .NET开源快速开发框架Colder(NET452+AdminLTE版) 引言 半年前将基于Easyui的快速开发框架开源,三个版本(NET4.52,NETCore和NET4.0)总共荣获200+星, ...

  4. 快速开发框架,及库存管理系统,基于easyui框架和C#语言MVC、EntityFrameWork、T4模板技术。

    快速开发框架,及库存管理系统,基于easyui框架和C#语言MVC.EntityFrameWork.T4模板技术. 产品界面如下图所示: 源码结构: 开放全部源码,如有需要请联系,QQ:1107141 ...

  5. 《HiWind企业快速开发框架实战》(0)目录及框架简介

    <HiWind企业快速开发框架实战>(0)目录及框架简介 本系列主要介绍一款企业管理系统快速开发框架,该框架旨在快速完成企业管理系统,并实现易维护可移植的目标. 使用逐个系统模块进行编码的 ...

  6. 《HiWind企业快速开发框架实战》(3)使用HiWind创建和管理菜单

    <HiWind企业快速开发框架实战>(3)使用HiWind创建和管理菜单 关于HiWind HiWind企业快速开发框架,是基于.NET+EasyUi(支持各种前端扩展,后面将扩展Boot ...

  7. 《HiWind企业快速开发框架实战》(2)使用HiWind创建自己的项目

    <HiWind企业快速开发框架实战>(2)使用HiWind创建自己的项目 关于HiWind HiWind企业快速开发框架,是基于.NET+EasyUi(支持各种前端扩展,后面将扩展Boot ...

  8. 《HiWind企业快速开发框架实战》(1)框架的工作原理

    <HiWind企业快速开发框架实战>(1)框架的工作原理 1.HiWind架构 HiWind的基本架构如下: 持久层部分:同时为框架本身的业务服务,也为开发人员的自定义业务服务. 逻辑层: ...

  9. 基于MVC4+EasyUI的Web开发框架经验总结(6)--在页面中应用下拉列表的处理

    在很多Web界面中,我们都可以看到很多下拉列表的元素,有些是固定的,有些是动态的:有些是字典内容,有些是其他表里面的名称字段:有时候引用的是外键ID,有时候引用的是名称文本内容:正确快速使用下拉列表的 ...

随机推荐

  1. 动态传递参数到DevExpress.XtraReports的小结

    原文:动态传递参数到DevExpress.XtraReports的小结 前两种方法和WinForm一样,可以传递参数.数组.实体对象.DataTable等1. 采用构造函数具体用法:在Report中p ...

  2. javascript活动

    在javascript倘若有知识的三个方面.事件的第一,流程,其次,事件处理,第三,事件对象.下面就我个人的理解,,分别讲述一下这三个方面的内容. 第一.事件流 事件流指的是事件依照一定的顺序触发.它 ...

  3. HTML文档中应用css样式的方法总结

    在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表:2.使用style元素包含样式表:3.使用style属性,即内联样式 一.link标签链接外部样式表 先看一条较为标准的l ...

  4. 微信公众号PHP简单开发流程

    原文:微信公众号PHP简单开发流程 微信公众号开发分傻瓜模式和开发者模式两种,前者不要考虑调用某些接口,只要根据后台提示傻瓜式操作即可,适用于非专业开发人员. 开发模式当然就是懂程序开发的人员使用的. ...

  5. 网页上弹出pop窗口实例,(document).height()与$(window).height()的区别

    #dvbg{background-color:#666666; position:absolute; z-index:99; left:0; top:0; display:none; width:10 ...

  6. 无废话WCF入门教程三[WCF的宿主]

    一.WCF服务应用程序与WCF服务库 我们在平时开发的过程中常用的项目类型有“WCF 服务应用程序”和“WCF服务库”. WCF服务应用程序,是一个可以执行的程序,它有独立的进程,WCF服务类契约的定 ...

  7. Appium键盘操作

    方法1 AppiumDriver实现了在上述功能,代码如下(java版本) driver.sendKeyEvent(66);方法2 HashMap<String, Integer> key ...

  8. 私人定制javascript中数组小知识点(Only For Me)

    先上笑话,1.刚看到一个游泳的,想起公司组织去三亚旅游,老板跳海里,各种挣扎,捞上来老板第一句话:我记得我会游泳的啊. 2.媳妇说:老公对不起,我把你新买的自行车撞散架了! 老公:没事宝贝,你若安好, ...

  9. 【转】Appium测试安卓Launcher以滑动窗体获得目标应用

    原文地址:http://blog.csdn.net/zhubaitian/article/details/39755553 所谓Launcher,指的是安卓的桌面管理程序,所有的应用图标都放在laun ...

  10. springmvc实现long-pulling技术

    背景介绍: 项目中有一个通讯模块,本来是用websocket全双工技术实现的,但IE10下面不支持websocket,而国内的360.2345浏 览器封装的所有是IE10下面的内核,考虑到站点在国内的 ...