ASP.NET MVC+Spring.net+Nhibernate+EasyUI+Jquery开发案例(2)

接着昨天的继续吧，我们的完美征程继续开始。昨天我们完成了MVC里面的Dao层的设计，在上面我们已经实现了操作数据库的代码，在这个项目中我实现了User_DepInfo表的增删改查和模糊查询，是基于EasyUI写的。

第六步：实现Server的接口: NewKJ241.IBLL

(1) 这个接口的作用和NewKJ241.IDao类库里面类的接口一模一样，目的是为了分层更加的明确，而且在后面还有一个类要继承自这个接口，在类库NewKJ241.IBLL下面新建一个类名，起名为：IUserDepInfoBLL，代码因为和上面那个接口的代码一模一样的，所以我就不写出来了。

第七步：继承Server接口：NewKJ241.BLL

(1) 这个类的作用是继承自IUserDepInfoBLL类，实现的是调用前面Dao里面的接口，实现Dao的方法，这样分层会非常的明确，在NewKJ241.BLL类库下面新建一个UserDepInfoBLL，在类里面调用Dao接口的方法实现所有的方法，代码如下：

public class UserDepInfoBLL<T>:IUserDepInfoBLL<T> where T:class

{

private IUserDepInfoDao<T> userDepInfoDao;

public IUserDepInfoDao<T> UserDepInfoDao

{

get { return userDepInfoDao; }

set { userDepInfoDao = value; }

}

public T Get(object id)

{

if (id == null)

{

return null;

}

else

{

return this.UserDepInfoDao.Get(id);

}

}

public T Load(object id)

{

if (id == null)

{

return null;

}

else

{

return this.UserDepInfoDao.Load(id);

}

}

public object Save(T entity)

{

if (entity == null)

{

return null;

}

else

{

return this.UserDepInfoDao.Save(entity);

}

}

public void Update(T entity)

{

if (entity == null)

{

return;

}

else

{

this.UserDepInfoDao.Update(entity);

}

}

public void SaveOrUpdate(T entity)

{

if (entity == null)

{

return;

}

else

{

this.UserDepInfoDao.SaveOrUpdate(entity);

}

}

public void Delete(object id)

{

if (id == null)

{

return;

}

else

{

this.UserDepInfoDao.Delete(id);

}

}

public void Delete(string idList)

{

if (idList == null && idList.Split(',').Length == 0)

{

return;

}

else

{

this.UserDepInfoDao.Delete(idList);

}

}

public IList<UserDepInfo> loadByAll(string sort, string order)

{

return this.UserDepInfoDao.loadByAll(sort, order);

}

public IList<UserDepInfo> loadAllCheck(string sort, string order, string name)

{

return this.UserDepInfoDao.loadAllCheck(sort, order, name);

}

public IList<UserDepInfo> LoadAllByPage(out long total, int page, int rows, string order, string sort, string DepName)

{

return this.UserDepInfoDao.LoadAllByPage(out total, page, rows, order, sort, DepName);

} }

第八步：Asp.NET MVC引入的DLL文件

(1) 通过上面的准备工作，可以说是我们的大部分基层代码的书写任务都已经完成了，下面才是本项目值得学习的地方，我们全部在MVC新建的项目中书写代码，因为这里用到了Spring.net，Nhibernate,MVC,easyUI等，所以非常值得我们去研究，当然我的写法可能也有问题，希望我们可以交流，这样我们可以共同进步。

(2) 因为用到了Nhibernate,Spring.net,所以我将引入的DLL文件的截图先放在这里吧，当然，我的项目中有dll文件夹，这样将这里面的DLL全部引入项目中即可。

View Code

<configSections>

<!--Web.Config的配置文件-->

<!--Spring.net里面的log4net的使用，log4net是一个开源的日志记录组件， -->

<sectionGroup name="spring">

<section name="context" type="Spring.Context.Support.WebContextHandler, Spring.Web"/>

<section name="objects" type="Spring.Context.Support.DefaultSectionHandler, Spring.Core"/>

<section name="parsers" type="Spring.Context.Support.NamespaceParsersSectionHandler, Spring.Core"/>

</sectionGroup>

<section name="SpringOverrideProperty" type="System.Configuration.NameValueSectionHandler"/>

</configSections>

<!--可以注释-->

<SpringOverrideProperty>

<add key="NamingStrategy.TableHead" value=""/>

<add key="db.datasource" value="server=.;uid=sa;pwd=saa;database=bkj241;"/>

<!-- 0 to 6 (1 Debug 4 Error)-->

<add key="SystemInit.IsDebug" value="true"/>

<add key="SystemInit.Level" value="4"/>

</SpringOverrideProperty>

<spring>

<parsers>

<parser type="Spring.Data.Config.DatabaseNamespaceParser, Spring.Data"/>

<parser type="Spring.Transaction.Config.TxNamespaceParser, Spring.Data"/>

</parsers>

<context>

<!--寻找定义的XML文件 -->

<resource uri="~/Configs/CommonDao.xml"/>

<resource uri="~/Configs/HibernateDaos.xml"/>

<resource uri="~/Configs/Services.xml"/>

</context>

</spring>

然后在<system.web>节点下面写入代码如下：

<!--根据请求中指定的 URL 和 HTTP 谓词将传入的请求映射到相应的处理程序。可以在配置层次中的任何级别声明此元素。-->

<httpHandlers>

<add verb="*" path="*.aspx" type="Spring.Web.Support.PageHandlerFactory, Spring.Web"/>

<add verb="*" path="*.mvc" validate="false" type="System.Web.Mvc.MvcHttpHandler, System.Web.Mvc, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35, processorArchitecture=MSIL"/>

</httpHandlers>

<httpModules>

<add name="OpenSessionInView" type="Spring.Data.NHibernate.Support.OpenSessionInViewModule, Spring.Data.NHibernate12"/>

<add name="Spring" type="Spring.Context.Support.WebSupportModule, Spring.Web"/>

</httpModules>

(2) 这样我们的WebConfig配置文件已经配置成功了，可能配置的时候会出现什么错误，那我们稍微的改改就OK了，下面就是项目界面的实现

第十一步：HomeController控制器的书写

(1) 当我们完成上面的所有的配置的时候，可以说我们的项目已经完成的差不多了，这里我们将MVC自动生成的HomeController控制器删除，我们重新创建一个HomeController控制器，在控制器中实现我们要对数据的所有操作的方法的代码，下面我就直接贴出代码了，代码下面都有注释的！！

public UserDepInfo entity = null;

private IUserDepInfoBLL<UserDepInfo> userDepInfoService;

public IUserDepInfoBLL<UserDepInfo> UserDepInfoService

{

get { return this.userDepInfoService; }

set { this.userDepInfoService = value; }

}

public ActionResult Index()

{

return View();

}

//

private void Connection_KJ241()

{

var webApplicationContext = ContextRegistry.GetContext() as WebApplicationContext;

UserDepInfoService =

webApplicationContext.GetObject("UserDepInfoService") as IUserDepInfoBLL<UserDepInfo>;

}

//实现所有信息的显示和条件查询

public ActionResult LoadAllByPage(int page, int rows, string order, string sort, string DepName)

{

Connection_KJ241();

long total = 0;

//Select将序列中的每一个新元素投影到新表中

var list = this.UserDepInfoService.LoadAllByPage(out total, page, rows, order, sort, DepName).Select(entity => new

{

entity.Id,

entity.DepID,

entity.DepName

});

var result = new { total = total, rows = list.ToList() };

return Json(result);

}

public ActionResult Save(UserDepInfo entity)

{

Connection_KJ241();

if (entity.Id == 0)

{

this.UserDepInfoService.Save(entity);

}

return Json(new { success = true, Message = "保存成功" }, "text/html", JsonRequestBehavior.AllowGet);

}

public ActionResult Delete(string idList)

{

Connection_KJ241();

this.UserDepInfoService.Delete(idList);

//提示删除信息成功,如果在这里的idList得到的数据时0的话，又会执行本操作的

var result = new { success = true, Message = "删除成功！" };

return Json(result);

}

public ActionResult Update(int Id, UserDepInfo entity)

{

Connection_KJ241();

var model = this.UserDepInfoService.Get(Id);

//model.DepID = int.Parse(Request["DepId"].ToString());

//model.DepName = Request["DepName"].ToString();

model.DepID = entity.DepID;

model.DepName = entity.DepName;

this.UserDepInfoService.Update(model);

return Json(new { success = true, Message = "保存成功" }, "text/html", JsonRequestBehavior.AllowGet);

}

public ActionResult Login()

{

ViewData["entity"] = "欢迎光临";

return View();

}

(2) 接下来我们在控制器中Index方法下面添加视图，创建一个前台页面Index,在Index页面书写前台显示的HTML代码等，在这里我们就要用到easyUI了，所以我们要将我们项目的easyUI类库全部应用到我们需要的地方，代码如下：

<head runat="server">

<title>Index</title>

<!--引用所有的Jquery，easyUI文件 !-->

<link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/easyui/themes/default/easyui.css" />

<link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/easyui/themes/icon.css" />

<script type="text/javascript" src="http://www.cnblogs.com/Scripts/jquery-1.4.1.min.js"></script>

<script type="text/javascript" src="http://www.cnblogs.com/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript" src="http://www.cnblogs.com/easyui/locale/easyui-lang-zh_CN.js"></script>

<style type="text/css">

#fm{

margin:0;

padding:10px 30px;

}

.ftitle{

font-size:14px;

font-weight:bold;

color:#666;

padding:5px 0;

margin-bottom:10px;

border-bottom:1px solid #ccc;

}

.fitem{

margin-bottom:5px;

}

.fitem label{

display:inline-block;

width:80px;

}

</style>

<script type="text/javascript">

//条件查询

function check() {

var keywords = $("#SSID").val();

$('#dg').datagrid('load', {

DepName: keywords

});

}

//添加信息

var url;

function newUser() {

$('#dlg').dialog('open').dialog('setTitle', '添加');

$('#fm').form('clear');

url = '/Home/Save/';

}

//修改信息

function editUser() {

var row = $('#dg').datagrid('getSelections');

if (row.length == 1) {

if (row[0]) {

$('#dlg').dialog('open').dialog('setTitle', '修改');

$('#fm').form('load', row[0]);

url = '/Home/Update/' + row.Id;

}

} else {

$.messager.alert("提示", "每次只能修改一条，请重选");

return;

}

}

function saveUser() {

$('#fm').form('submit', {

url: url,

onSubmit: function () {

return $(this).form('validate');

},

success: function (result) {

var result = eval('(' + result + ')');

if (result.success) {

$('#dlg').dialog('close'); // 关闭弹出框

$('#dg').datagrid('reload'); // reload the user data

$.messager.alert("操作", "操作成功！");

} else {

$.messager.alert("操作", "操作失败！");

return;

}

}

});

}

function removeUser() {

var row = $('#dg').datagrid('getSelections');

if (!row || row.length == 0) {

$.messager.alert('提示', '请选择要删除的数据');

return;

}

var parm;

$.each(row, function (i, n) {

if (i == 0) {

parm = n.Id;

}

else {

parm += "," + n.Id;

}

});

// alert(parm);

if (row) {

$.messager.confirm('删除信息', '您确定删除此条信息吗?', function (r) {

if (r) {

$.post('/Home/Delete/', { idList: parm }, function (result) {

if (result.success) {

$('#dg').datagrid('reload'); // reload the user data

$.messager.alert("提示", "删除成功！");

} else {

$.messager.alert('提示', '删除失败，请检查！');

return;

}

}, 'json');

}

});

}

}

</script>

</head>

<body>

<div>

<table id="dg" title="人员管理" class="easyui-datagrid" fit="True" url="/Home/LoadAllByPage/"

toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true" sortName= "DepID" >

<thead>

<tr>

<th checkbox="true" field="Cid"/>

<th field="Id" sortable="true" width="50">ID</th>

<th field="DepID" sortable="true" width="50">部门ID</th>

<th field="DepName" sortable="true" width="50">部门名称</th>

</tr>

</thead>

</table>

<div id="toolbar">

<input type="text" name="SSID" id="SSID" />

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="check()">查询</a>

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">增加</a>

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">修改</a>

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()">删除</a>

</div>

<!--弹出框的显示!-->

<div id="dlg" class="easyui-dialog" style="width:400px;height:300px;padding:10px 20px"

closed="true" buttons="#dlg-buttons">

<div class="ftitle">部门管理</div>

<form id="fm" method="post" novalidate>

<div class="fitem">

<input type="hidden" id="Id" name="Id"  />

<label>部门ID</label>

<input id="DepID" name="DepID" class="easyui-validatebox" required="true"  />

</div>

<div class="fitem">

<label>部门名称</label>

<input id="DepName" name="DepName" class="easyui-validatebox" required="true" />

</div>

</form>

</div>

<div id="dlg-buttons">

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">确定</a>

<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">关闭</a>

</div>

</div>

</body>

这里我们这个项目就已经完成了，从这个项目中我们就可以知道后面其他的表是怎么操作的，所谓举一反三就是这个意思了！而且从这个项目中我们学习到了这么多的知识点，不过个人感觉思路清晰，什么都可以解决，记得我刚开始的时候，天天在整这些东西，每天都昏昏成成的，查资料的话资料还是非常的少，只能自己慢慢理解在慢慢捉摸了。所谓“功夫不负有心人”，OK，写了两个多小时了，完工吧，给自己留个纪念。

第十二步：效果展示

(1) 条件查询



(1) 增加



(3) 修改