最近为了准备新工做从新摸出了SSM框架,同时从0学习了JQuery,终于用一周作完了一个包括增删改查的模块(主要是属性太多了,其中一个类50+,复制粘贴耗时)。html
从中特地记下了几个遇到的问题,总结一下。前端
1. 执行网页js代码时, 出现$ is not defined错误。jquery
缘由:未引入JQuery,须要在HTML代码中加入如下代码:ajax
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
2. 经过Ajax向SSM的后台传递一个Map转JSON的数据时,没法调用方法request.getParameter(name)来获取属性名称。数据库
缘由:具体见:https://blog.csdn.net/u010648555/article/details/79084466json
将代码作以下修改便可成功:后端
$.ajax({ url:selectUrl, type:'POST', data:dataMap, //而不是JSON.stringify(dataMap) contentType: "application/x-www-form-urlencoded", //而不是"application/json" success: function(data) { if(data.success) { alert('提交成功!'); } else { alert('提交失败!' + data.errMsg); } } });
3. 页面输入的中文传到后台变成了乱码。app
缘由:数据库和网页须要统一utf-8的编码。将问题2中的代码改成如下便可:框架
contentType: "application/x-www-form-urlencoded; charset=utf-8",
4. 因为有动态、异步插入<option>的需求,同时有“增长新状况”的需求,须要等动态加载完选项后保存下可增项的HTML代码,以便在按下“增长”按钮后添加在页面上。异步
解决:1. 每当一个<select>加载完后,更新一次可增项的HTML代码。
2. 使用$.when()方法(http://www.runoob.com/jquery/misc-when.html),以下例子:
//获取html var addHtml = ''; $.when(getList1(), getList2()).done(function() { addHtml= '<div class="item">' + $('.item').html() + '</div>'; }); //更新属性1 function getList1() { var initUrl = '/getattr1'; return getAttrList(initUrl, 'attr1'); } //更新属性2 function getList2() { var initUrl = '/getattr2'; return getAttrList(initUrl, 'attr2'); } function getAttrList(url, idname) { return $.getJSON(url, function(data) { if(data.success) { var tempHtml = ''; data.info.map(function(attr, index) { tempHtml += '<option class="text-style" value="' + attr.attrid+ '">' + attr.attrval+ '</option>'; }); $('#' + idname).html(tempHtml); } else { $.toast(data.errMsg); } }); }
5. 前端向后端传递参数时,@RequestBody不能放多个不一样的对象。
解决:能够把这些对象封装起来,好比:
public class AllAttrs { private Attr1 attr1; private List<Attr2> attr2list; private List<Attr3> attr3list; //get/set方法略 }
public class AttrController { @RequestMapping(value = "updateattr", method = RequestMethod.POST) @ResponseBody private Map<String, Object> updateAttr(@RequestBody AllAttrs allAttrs) { Map<String, Object> modelMap = new HashMap<>(); //处理代码略 return modelMap; } }
6. 若是更新项有“更新时间”这一属性,且要求“没有更新内容的时候须要特别提示”,update的时候须要注意。
更新时前端不会向后端传递更新时间,若是将更新时间设定为null或者取当前时间,那么update后会返回1,没法判断有没有更新内容。
所以设计SQL的时候,相似这样的属性变量要判断是否为空(加<if>标签),若是不为空才更新这个属性。
7. MyBatis中,保持原值不变,update后返回值不为0。
缘由:MyBatis返回的是匹配值而不是影响值,若是须要影响值,在jdbc.properties中须要加上“&useAffectedRows=true”。