我们知道easyUI的form表单提供了submit方法，可以直接提交表单的内容至服务器，默认的提交方式是form data,通过表单内元素的name和value作为键值对提交，但是如果你后端用的是springMVC的话，那默认他是无法接收到的，会返回HTTP415的错误，原因是POST提交数据的方法springMVC不接受，这个时候要么你在springMVC的上下文中加入支持form fata提交的配置，要么修改表单POST中content-type，都可以解决。

　在这里我选择的是直接改前端的代码，因为之前一直用的angularJS，数据提交都是用的angularJS的方法，springMVC已经配置过支持application/json的提交方式，所以直接修改content-type为”application/json;charset=UTF-8”的话会更好一点，但是看了easyUI的源码之后就知道，easyUI的form中是没有application/json;charset=UTF-8这种方式提交的，这个时候你就需要扩展easyUI了，顺便可以扩展一下easyUI的form中缺少的获取表单数据的方法（easyUI的form表单没有提供获取表单内数据的方法）。

　上一篇文章已经说了，准备让easyUI与angularJS来一次亲密接触，当我搭建好了easyUI最经典的界面（layout的north、west、center）之后开始引入angularJS，结果他俩就给我来了一个当头一棒，本来好好的layout全屏页面居然直接就缩到了浏览器左上角的一小块，这个问题有点搞笑了，在思考了十分之一炷香之后发现了问题的所在，并且很快修复，其实我也没干别的事情，就是之前把jquery和easyUI的JS引用放在了angularJS的前面，十分之一炷香之后果断把angularJS的引用放在了jquery和easyUI的前面，在我一句呵呵哒之后继续下面的工作。

　下面的工作就是west加载功能列表，center放tab页签，加载功能列表点击后的具体页面，于是问题又出现了，tabs.add中href是远程的模板地址代码如下：

$('#mainTab').tabs('add',{
    title:menu.name,
    href:menu.url,
    closable:true,
    cache:false,
    id:'mainTab-'+menu.id
});

 easyUI问世已经已经有很多年，其提供的框架非常适合做后台管理系统，尤其是ERP、OA等系统，提供了很多组件，虽然easyUI在后台管理系统的前端框架领域里面不是最牛逼的，最牛逼本人觉得应该是ExtJS，但是很无奈的是ExtJS在4.X版本之后就开始收费了，而且ExtJS由于在操作的过程总创建了大量的DOM，尤其是系统模块越多的情况下，DOM的数量会成倍增加，导致最终将用户的浏览器拖的很慢很慢，所以鉴于此，还是easyUI最适合。

 说到这里很多人不服，近些年出来很多前端框架，不管是页面的新颖程度，还是美观，还是自适应（WEB和手机端的切换）方面都秒杀easyUI，尤其是bootstrap的面世，确实，但是说句实话，ERP和OA之类的企业管理系统还是用easyUI比较方面，而且它的样式能够让大多数非挨踢从业人员接受，尤其是TAB标签和表单的呈现方式（个人或公司的喜好问题，这里不再赘述）。

　angularJS真的算是一款神奇的框架，自从问世以来博主我就一直在关注并且持续使用中，现在已经出到2代了，但是博主我还是在使用一代，其中唯一的原因就是那个操蛋的TypeScript和他的语法，真的很难让我接受，再说一代的版本提供的东西已经完全可以满足我日常开发的使用了，而且用起来很爽，何必咨询不快。

　说完easyUI和angularJS，再说说我之前那么多的废话是想干嘛，这就是这个系列的主体，之前一直用bootstrap和angularJS做整合使用，那是因为公司的电商系统及后台用这两个整合已经完全可以胜任了，但是最近公司因业务发展需要，需要做内部的ERP系统，于是我脑海里第一个冒出来的想法就是用easyUI和angularJS来做，这样省时省力，最关键的是我对这两款框架的熟悉程度都很高，所以不二之选就是让easyUI与angularjS水乳交融，在最短的时间内实现公司的ERP前端需求（后端以后再说）！

　　08年开始从事IT行业，一直都在敲代码的第一线，从刚开始的VB到C#、.net然后又开始JAVA，期间一直想做一个BLOG记录各种事情顺便也做各种整理，但是由于自身的懒惰从来都没有实现过，今年步入而立之年，正式决定开始记录自己工作生活中遇到的各种事情，其实主要以工作记录和技术总结为主，希望自己能够坚持下去！