首页 > 代码库 > HotelIInventory项目小结
HotelIInventory项目小结
最近参与了HotelIInventory这个项目的一个模块的开发。经验不足，对Sql脚本的编写能力还需要提高，这个模块的Sql语句大多是组长替我写的，如果靠我自己来写，我绝对是没有能力完成工作的，在此多谢组长，也多谢领导教我在前端使用面向对象的方法，受益匪浅。不过我相信多看看别人写的Sql脚本，自己会慢慢提高的。当前这个项目也快完结了（不过貌似还要改需求，真的是杀程序员不需要用枪，只需要改变三次需求，这次需求改得也太大了，心累~~~），现在总结一下项目开发中遇到的一些小问题，以免日后再犯而误了工时。
1.在给html标签添加事件时，比如input的onchange事件，最好不要将当前input 的值直接当做参数传递给onchange的function（之前这么做的原因好像是为了保存旧的值，为了能够在验证错误数据的时候将旧值再赋值给文本框），因为可能出现：如果input的值带有特殊符号，比如单引号或者双引号，有可能导致浏览器无法分辨单双引号的开头结尾，导致js报错。解决方案就是将当前这个input对象this当做参数传递给onchange的function，然后再function中通过this来操作当前这个input；
2.在含有thead和tbody的table中这两个节点也是属于dom树种的一个分支点，所以在通过td往上找parent的时候，不要漏了这两个（这是在有显示定义thead和tbody的情况下，如果没有显示定义，则这两个元素是没有的）；
3.在含有多列的table中，如果要找到某一列中的某个标签，最好还是不要通过下表来找td，而是通过给td命名，然后通过这个命名来过滤td，以免哪一天需求一改变，少了或多了一列td，那维护起来就困难了；
4.判断可空类型的DateTime类型是否有值的方法：checkinDate.HasValue，HasValue是属性不是方法，没有括号。对可空类型的DateTime格式化为自己想要的显示类型，需要先通过这个DateTime? 类型的一个Value属性，然后调用ToString("yyyy-MM-dd")方法来转化为自己想要的显示格式；
5.select标签的选项改变事件时onchange，而不是onselect，选中是selected="selected"，而不是checked属性；
6.获得日期的时间差（天、时、分、秒...都可以）：TimeSpan span = Date1.Value.Subtract(Date2.Value);然后通过span这个对象来获取自己想要的时间差，如span.TotalDays可以获得相差天数；
7.js的split分割字符串方法，eg：如果想要对"-"这个分隔符进行字符串分割，如果用户在文本框仅仅输入了"-"横杠，那么这个字符串.split("-")返回的将是字符串个数为2的数组；
8.在table中插入一行，需求如下：如果表格里面没有tr（指tbody下的tr）则直接插入一行，如果有tr，则在表格的最第一行插入这个new tr。因为Jquery的append方法默认是在指定元素的末尾插入，所以需要对这个table是否有行 进行判断，代码如下：
var allTr = $("#mainTable>tbody>tr"); if (allTr.length > 0)//如果大于一行，则插到表格最前面 { var firstTr = allTr.eq(0);//主表的第一行 firstTr.before(newTr); } else {//如果当前表格为空行，则直接插入表格 $("#mainTable>tbody").eq(0).append(newTr); }
9.前台声明json的方法：var jHotel = eval("({hotelNo:0,hotelName:‘‘,roomList:[]})");要对里面的每个属性赋初始值，如果是数组则赋值为"[]"空数组，数组里面就可以存放任意类型的数据了，还能继续往里面添加json对象，因为roomList其实就是个数组，所以操作这个跟操作普通数组是完全一致的，还是使用push插入，pop删除；
10.关于前端的Json对象，Json对象在前端是引用类型（也不知道是不是叫引用类型，但是你对于该对象的一个副本的操作，会直接影响到主体本身），当你把一个全局的json对象赋值给一个function中的一个局部变量，对这个局部变量的操作会直接影响到全局的Json对象，如下：
var jHotel = eval("({hotelNo:0,hotelName:‘‘,roomList:[]})");var jRoom = eval("({roomNo:0,hotelNo:0,checkinDate:‘‘,rooms:0,notes:‘‘,orderList:[]})");var jOrder = eval("({orderNo:0,hotelNo:0,roomNo:0,note:‘‘,travelerList:[]})");var jTraveler = eval("({travelerNo:0,roomNo:0,orderNo:0,roomType:0,status:0})");
经过eval函数操作之后，它们就变成了json对象，在这边声明这几个对象是为了共用，但是这四个对象却是“引用类型”的，对一个的改变，会影响到其他副本，导致这所谓的共用，根本就是独裁。何为影响，假设调用以下这个方法：
function fun() { var j = jHotel; j.hotelNo="123"; }
则这时候如果再输出jHotel.hotelNo,将会是"123"，这已经影响到了主体jHotel，不过如果这么操作:j="abc",而jHotel不会变为"abc",原因应该是将j重新指向了另一地址。
解决方法：全局变量将其声明为Json格式的字符串，这时候还只是字符串，所以没有引用的概念，对它们的修改，不会影响到主体
var jHotel = "{hotelNo:0,hotelName:‘‘,roomList:[]}"; var jRoom = "{roomNo:0,hotelNo:0,checkinDate:‘‘,rooms:0,orderList:[]}"; var jOrder = "{orderNo:0,hotelNo:0,roomNo:0,note:‘‘,travelerList:[]}"; var jTraveler = "{travelerNo:0,roomNo:0,orderNo:0,roomType:0,couponCode:‘‘,status:0}"; var jHotel2= "{hotelNo:0,hpfOrder:{}}";
以上它们只是字符串，然后可以在function中声明一个局部变量，然后将其eval转为json对象，然后对这个对象进行操作，而不会影响到全局变量；
11.用JQuery找到可见的元素：$(mainTr).find("td").eq(1).find("input[name=hotelName]:visible").eq(0).val();就是用:visible选择器；
12.在Jquery中，如果没有找到input对象（其他标签也一样），如果对其值.trim(),会报错： 无法获取未定义或 null 引用的属性“trim”。如下：$(roomtr).find("input[name=tourNo]:visible").eq(0).val().trim();如果没有找到这个input，而对其值调用trim方法，则会报错；
13.在table中的td找父元素的时候，经常想通过parent方法来找，但是这种情况经常会出现少算或多算了一层，导致调试起来麻烦，所以还是写个递归的方法，找到某某属性为某某值的父节点，这样就不用在js里面写一大堆的.parent()方法了，递归方法如下：
//递归找到 主行 mainTr function findParent(e) { var parent = $(e).parent(); var parentName = parent.attr("name"); if (parentName == "mainTbody") {//当找到父节点的name属性为maintbody的时候，返回当前的tr return e; } else { return findParent(parent);//如果还不是，则继续往上递归的 找 } }
14.Json对象转为字符串的方法：JSON.stringify(json对象)，返回一个json格式的字符串；
15.$.ajax方法中的datatype参数，指的是服务器返回给ajax的数据的类型，如果没有指定是json格式，则要在succes中的function先转为json对象（即用eval），才对其进一步操作；
16.遍历前端的数组Array，通过Jquery中的each方法，可以实现，而在each方法中的this指的就是当前数组的当前遍历的这个元素，如：var arr1=new Array();arr1=[1,2,3];则此时this指的就是1或2或3，如果里面存的是对象（对象里面又有属性，比如name），则this指的是这个对象，如果要获取name的值，则通过this.name，可以对name属性进行操作；
17.备注$.ajax方法，不然老是记不住：
$.ajax({ type: "POST", url: "/Hotel/EditHotel", data: { jsonStr: JSON.stringify(jsonRoom)
//后台的EditHotel方法将会有一个字符串类型，名为jsonStr 的参数来接收这个值 }, async: true, dataType: "json", beforeSend: function (a) { }, success: function (data) { }, error: function (e) { alert(e.statusText); } });
18.Jquery中的closest方法，找到离自己最近的元素，找的是父节点，不包括任何兄弟，eg：$(e).closest("tr[name=roomEditTr]")找到离e最近的name为roomeditTr的tr；
19.字符串处理方法substr(start,count),第一个参数start是要截取的起始位置（从0开始计算），第二个参数count是从start开始算起要截取几个。substring(start,end)方法第一个参数start是起始位置（从0开始），第二个参数end是结束位置（这就是跟substr不一样的地方）；
20.Jquery的text()方法，这个方法是获取选中的对象内的文本，不包括该对象内的标签，但是会取到对象内的标签的文本，例如
<div id="div1"> abc <div>efg <div> hijk </div> </div></div>
var divtext = $("#div1").text(); //这个取到的将会是abcefghijk
21.jQuery中的find和children，find的搜寻子孙后代，而children是找直接子元素，不包括子孙后代；
22.Json对象是没有clone方法的；
23.选择器中的not方法，not（e）排除e对象，eg：$(e).parent().parent().find("input[type=checkbox]:visible").not(e).attr("disabled", "disabled");//排除自己e；
24.在编辑数据的时候，需要先把旧的数据保存在一个隐藏的字段中，以免在验证的时候，数据验证不通过，导致界面上显示的与数据库的不一致；
25.判断是否为纯数字的正则表达式：
//判断是否为整型，在日期格式转换的时候用到 function checkInt(num) {//验证是否是纯数字,如果是純數字 說明沒有分隔符20141115 var reg = /^-?\d+$/;//对正则表达式不熟，知道的朋友帮忙解释下"-?"的意思 if (reg.test(num)) { return true; } else { return false; } }
26.在前端获取指定格式的时间：
//获取yyyy/MM/dd function dateformat(datestr) { var date=new Date(datestr); var month=date.getMonth();//getMonth()返回的数是从0开始 if(month<9) { month="0"+(month+1); } else { month=month+1; } var day=date.getDate();//getDate()返回的数是从1开始 if(day<10) { day="0"+day; } return date.getFullYear().toString()+"/"+month.toString()+"/"+day.toString() }
附上： start.setDate(start.getDate() + 1);
HotelIInventory项目小结