上周五開始一項開發工作，將樹形的數據結構放到關系型數據庫，并提供頁面進行數據的維護，遇到的問題：1、需求不清晰；2、表結構不清晰；3；前端開發技術非常不熟悉；
結果就是開發緩慢，系統交互效果差，做出來的頁面自己都不滿意，開發慢導致上線壓力大，心里壓力也大，很嚴重的加班。。。。。。。
總結下用到的頁面技術：1、CSS+DIV樣式定義的兩種寫法（.divforcheck{ width:500px; height:300px; background-color:#f00; color:#fff; }
<div style="border: 1px dotted black;background-color:#FFFFFF;width:500px ">）
2、JS：動態的添加頁面元素var tab =document.getElementById("guanlian");
var newRow = tab.insertRow(0);//添加了一行
var newTd1 = newRow.insertCell(0);
var newTdName = newRow.insertCell(1); ；
判斷為空function isEmpty(s) { return ((s == undefined || s == null || s == "") ? true : false); }
彈出選擇框：if(confirm("您修改了關聯詞，請確定在提交前進行了驗證")){
document.form1.event_submit_do_add.value="submit";
document.form1.submit();}
Ajax交互：
var callback =
{
success:function(o) {
var result = o.responseText;
document.getElementById('chk_thesaurus').style.display="";
document.getElementById('chk_thesaurus').innerHTML=result;
document.getElementById('chk_thesaurus').display = "block";
},
failure: function(o) {
alert("驗證請求，鏈接服務器失敗!");
}
}
;
var sUrl = 'ajax/checkThesaurus.htm?relName='+encodeURIComponent(encodeURIComponent(title));
YAHOO.util.Connect.asyncRequest('GET',sUrl,callback); 服務器段java代碼兩種寫法：1、在反饋ajax請求的頁面中填寫符合HTML標準的反饋InnerHTML
2、通過
rundata.getResponse().getWriter().print("var ajaxRequestData_bizType = "+JSONObject.fromObject(tree).toString());
context.put("result", net.sf.json.JSONArray.fromObject(tree).toString());（打成JSON串）
3、表單提交處理（JS提交表單）document.form1.event_submit_do_add_treeWordProperty.value="submit";
document.form1.submit();
java代碼的Exception控制、異常處理