Spring.Net+NHibenate+Asp.Net mvc +ExtJs 系列 6 ----asp.net MVC+Extjs

简介:

     现在mvc采用了ModelBinder, Controller中现在可以接受很多复杂类型的参数,但是对于jquery,extjs等js框架来说,更多的是采用json格式与服务器端传递参数更合理.对于简单的参数,我们可以并不采用json格式,直接post到服务器端.比如用户登陆,我们只传递用户名和密码到Controller中:
  

                         handler : function CheckLogin() {
						if (form.isValid()) {
				var formvalue = form.getValues();
				Ext.Ajax.request({
			url : '/user.mvc/login',
			method : "POST",
			waitMsg : "请等待!",
			params : {
			userid : formvalue.UserID,
			password : formvalue.UserPassword
			},
			success : function(response, options) {
			var responseMessage = Ext.util.JSON.decode(response.responseText);
			if (responseMessage.Result) {
			win.destroy();
			window.location = "/Home.mvc/Index";
			} else {
			Ext.MessageBox.alert("消息",responseMessage.Message);
			}
			},
			failure : function(response, options) {
			Ext.MessageBox.hide();
			Ext.MessageBox.show({
			title :"登陆失败",
			msg : response.responseText
			});

                                     }
			});
			} else {
			form.markInvalid();
			Ext.MessageBox.alert("消息", "输入错误");
			}
					}


    可以看到,对于userid和password的值,并没有采用Ext.util.JSON .encode加密成json格式字符串.这对应于我们上次的UserController中的Login.但是对于传输实体,也就是添加用户和更新用户的操作时,就不会那么容易了:
   

  [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult AddUser(UserDTO User){.....}
 
  一种方式,我们可以采用post的方式传输User.UserName,User.UserID这种前缀+属性作为key的方式到Controller中,MVC通过
DefaultModelBinder就可以将值映射到实体参数中,但是这种方式就需要我们修改form的控件的name.另外一种方式就是我们实现
IModelBinder,添加JsonModelBinder,使前台js框架传递json对象到Controller中解析到参数中,暂且我们只做以下简单实现:
 public class JsonBinder<T> : IModelBinder
    {
        public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
        {
            var param = new DataContractJsonSerializer(typeof(T))
                .ReadObject(controllerContext.HttpContext.Request.InputStream);
            return  param;
        }
    }
  同样,我们也需要在Global的Application_Start()中进行注册:
  ModelBinders.Binders[typeof(UserDTO)] = new JsonBinder<UserDTO>();
  这样,在前台js框架,请求User.mvc/AddUser时,就可以直接传递Json格式的数据过来,Mvc就会自动的通过JsonBinder进行json反序列化,
解析出UserDTO对象.相比于手动的去转换Reqeust中的参数,现在这种实现是不是强大了很多.
		var formvalue = Ext.util.JSON.encode(UserForm.form.getValues());
			Ext.Ajax.request({
			url : '/User.mvc/UpdateUser',
			method : 'POST',
			params : formvalue,
			callback : function(options, success, response) {
		 	if (success) { 
			Ext.MessageBox.hide();
			var result = Ext.util.JSON.decode(response.responseText)
			Ext.MessageBox.alert("消息",result.Message);
			} else {
			Ext.MessageBox.hide();
			Ext.MessageBox.alert("失败,请重试",
			response.responseText);
			}
			},
			failure : function(response, options) {
			Ext.MessageBox.hide();
			ReturnValue = Ext.MessageBox.alert("警告",
				"出现异常错误!请联系管理员!");
			},
			success : function(response, options) {
			Ext.MessageBox.hide();
			store.reload();
			}
			}) 
   在前台Mvc+extjs整合这部分,对于一些内容进行了省略,比如怎么具体的利用mvccontrib整合spring.net和mvc,以及在web层利用
log4net记录错误信息等,这些内容都可以直接通过demo程序中看到.如果发现问题,请直接和我联系.最后,再展示一下demo的程序的劳动成果,
漂亮的extjs界面以及demo功能.
screenshot1
screenshot2 
screenshot3 


代码下载.
数据库表创建脚本.

作者:孤独侠客似水流年
出处:http://lonely7345.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 

分类: .NET

本文转自孤独侠客博客园博客,原文链接:http://www.cnblogs.com/lonely7345/archive/2009/02/03/1382780.html,如需转载请自行联系原作者
目录
相关文章
|
9月前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
228 5
|
开发框架 前端开发 .NET
VB.NET中如何利用ASP.NET进行Web开发
在VB.NET中利用ASP.NET进行Web开发是一个常见的做法,特别是在需要构建动态、交互式Web应用程序时。ASP.NET是一个由微软开发的开源Web应用程序框架,它允许开发者使用多种编程语言(包括VB.NET)来创建Web应用程序。
254 7
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
197 7
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
216 0
|
开发框架 .NET 开发工具
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
【Azure 应用服务】App Service 的.NET Version选择为.NET6,是否可以同时支持运行ASP.NET V4.8的应用呢?
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
162 0
|
2月前
|
Java Spring 容器
SpringBoot自动配置的原理是什么?
Spring Boot自动配置核心在于@EnableAutoConfiguration注解,它通过@Import导入配置选择器,加载META-INF/spring.factories中定义的自动配置类。这些类根据@Conditional系列注解判断是否生效。但Spring Boot 3.0后已弃用spring.factories,改用新格式的.imports文件进行配置。
731 0
|
6月前
|
前端开发 Java 数据库
微服务——SpringBoot使用归纳——Spring Boot集成Thymeleaf模板引擎——Thymeleaf 介绍
本课介绍Spring Boot集成Thymeleaf模板引擎。Thymeleaf是一款现代服务器端Java模板引擎,支持Web和独立环境,可实现自然模板开发,便于团队协作。与传统JSP不同,Thymeleaf模板可以直接在浏览器中打开,方便前端人员查看静态原型。通过在HTML标签中添加扩展属性(如`th:text`),Thymeleaf能够在服务运行时动态替换内容,展示数据库中的数据,同时兼容静态页面展示,为开发带来灵活性和便利性。
312 0
|
2月前
|
缓存 JSON 前端开发
第07课:Spring Boot集成Thymeleaf模板引擎
第07课:Spring Boot集成Thymeleaf模板引擎
386 0
第07课:Spring Boot集成Thymeleaf模板引擎
|
6月前
|
XML Java 数据库连接
微服务——SpringBoot使用归纳——Spring Boot集成MyBatis——基于 xml 的整合
本教程介绍了基于XML的MyBatis整合方式。首先在`application.yml`中配置XML路径,如`classpath:mapper/*.xml`,然后创建`UserMapper.xml`文件定义SQL映射,包括`resultMap`和查询语句。通过设置`namespace`关联Mapper接口,实现如`getUserByName`的方法。Controller层调用Service完成测试,访问`/getUserByName/{name}`即可返回用户信息。为简化Mapper扫描,推荐在Spring Boot启动类用`@MapperScan`注解指定包路径避免逐个添加`@Mapper`
293 0