春天里，百花香...
Web開(kāi)發(fā)
主要涉及Web開(kāi)發(fā)前后臺(tái)交互技術(shù)
摘要: 表單是Web應(yīng)用中一個(gè)重要的組成部分,用戶向服務(wù)器端提交數(shù)據(jù)主要依靠表單進(jìn)行. 好的表單能幫助用戶順利的完成數(shù)據(jù)的填寫(xiě), 不好的表單會(huì)讓用戶對(duì)填寫(xiě)過(guò)程充滿困惑和挫折感.這些都會(huì)影響客戶的心理,進(jìn)而會(huì)影響客戶對(duì)整個(gè)網(wǎng)站的感覺(jué).
我覺(jué)得,前臺(tái)的表單設(shè)計(jì)和后臺(tái)的業(yè)務(wù)組件都很重要,和程序設(shè)計(jì)一樣,表單的設(shè)計(jì)也要遵照一定的原則和規(guī)范.
設(shè)計(jì)一個(gè)良好的表單,程序員需要綜合運(yùn)用HTML,CSS,JavaScript等方面的知識(shí),下面就是本人的一些關(guān)于表單設(shè)計(jì)的粗淺想法,斗膽拿出來(lái)和大家一起探討探討.
閱讀全文
摘要: 本文就分頁(yè)的理由，分頁(yè)的方式和MySql，Oracle中兩種不同的分頁(yè)技術(shù)進(jìn)行了一些闡述，比較淺顯。
閱讀全文
摘要: 在上文的表單驗(yàn)證解決方案中，有這樣幾個(gè)問(wèn)題：
1。頁(yè)面中存在自定義標(biāo)簽，這通不過(guò)W3C驗(yàn)證。
2。自定義標(biāo)簽不能寫(xiě)在Struts標(biāo)簽中，造成此解決方案在Struts工程中不適用。
3。驗(yàn)證的方式和頁(yè)面內(nèi)容混合在一起，沒(méi)有分開(kāi)。
4。原反饋信息span的id必須符合一定規(guī)范，這是額外的負(fù)擔(dān)。
為了解決這些問(wèn)題，我采取了如下步驟：
1。建立一種數(shù)據(jù)結(jié)構(gòu)，讓它容納文本框id，反饋span的id，驗(yàn)證正則表達(dá)式，是否必須輸入等四個(gè)信息。這樣頁(yè)面就不會(huì)混雜自定義標(biāo)簽，w3c驗(yàn)證和struts標(biāo)簽不支持的問(wèn)題就解決了。
2。建立一個(gè)包含多個(gè)這種數(shù)據(jù)結(jié)構(gòu)的數(shù)組，其中元素與要驗(yàn)證的文本域一一對(duì)應(yīng)。此數(shù)組在需要驗(yàn)證時(shí)建立。這里雖然要多些一些JS代碼，但驗(yàn)證信息更集中更容易修改了。
3。需要驗(yàn)證時(shí)取得數(shù)組元素，挨個(gè)驗(yàn)證即可，需要的信息都可以從數(shù)組元素中取得。整個(gè)過(guò)程可以庫(kù)化通用化，頁(yè)面不需要寫(xiě)驗(yàn)證。
如此做完后，我認(rèn)為原先的問(wèn)題基本得到解決了。下面請(qǐng)看具體代碼
閱讀全文
摘要: 對(duì)于實(shí)現(xiàn)文件上傳功能來(lái)說(shuō)，Commons-fileupload組件是一個(gè)不錯(cuò)的選擇，本文使用它實(shí)現(xiàn)了單個(gè)文件及多個(gè)文件上傳，這里將實(shí)現(xiàn)過(guò)程寫(xiě)出來(lái)與大家共享。
閱讀全文
摘要: 本文書(shū)寫(xiě)了使用JFreeChart生成平面餅圖,3D餅圖,折線圖和柱狀圖的示例代碼,并附有代碼下載.
閱讀全文
摘要: 在上一篇“Web頁(yè)面表單域驗(yàn)證方式的改進(jìn)“中，我們通過(guò)把驗(yàn)證法則（正則表達(dá)式和是否必填字段）寫(xiě)在表單域中，將驗(yàn)證過(guò)程和驗(yàn)證法則成功的分離，從而減少了重復(fù)代碼，使驗(yàn)證變得簡(jiǎn)單易行，在實(shí)際使用中，我們可以把驗(yàn)證過(guò)程放在一個(gè)JS文件中，對(duì)于全輸入驗(yàn)證界面，在頁(yè)面的表單驗(yàn)證部分只需要調(diào)用其中的checkForm函數(shù)就能進(jìn)行有效驗(yàn)證，頁(yè)面上不再需要書(shū)寫(xiě)重復(fù)性高的JS驗(yàn)證代碼；對(duì)于復(fù)雜的表單，比如其中含有復(fù)選框或是需要兩個(gè)文本框比較的地方，這種方法也可讓你不寫(xiě)通用驗(yàn)證代碼而把主要精力放在特殊的驗(yàn)證上。這些能減輕不少工作量，讓繁瑣的工作變得輕松愉快起來(lái)。
閱讀全文
摘要: 我們對(duì)網(wǎng)頁(yè)表單域驗(yàn)證常采取JS驗(yàn)證的方式，即取得某個(gè)表單域的值，然后對(duì)它進(jìn)行正則表達(dá)式驗(yàn)證，如果通過(guò)則進(jìn)行下一項(xiàng)驗(yàn)證，否則顯示出錯(cuò)文字并置上焦點(diǎn)，這種做法很常見(jiàn)而且很湊效，但這樣的頁(yè)面寫(xiě)多了或者表單字段多了也容易讓人煩躁，比如說(shuō)這些驗(yàn)證除了具體的正則表達(dá)式不同，其他代碼均高度相似，其中明顯有大量的重復(fù)內(nèi)容，而且表現(xiàn)和行為也未完全分離。能否將它改進(jìn)一下呢？本文將探討一下新的方法，這種做法的想法是把驗(yàn)證的正則表達(dá)式作為表單域?qū)傩缘囊徊糠郑@樣取值驗(yàn)證就融合到了一起，另外讓提示span的id也和表單域ID關(guān)聯(lián)起來(lái)，這樣出錯(cuò)時(shí)能更快找到它。如此處理后驗(yàn)證的代碼可以歸納到一個(gè)表單驗(yàn)證實(shí)用類中，大大減少了頁(yè)面的JS代碼量同時(shí)減輕我們的重復(fù)勞動(dòng)。
閱讀全文
摘要: 在Webapp編程中程序員經(jīng)常要和前臺(tái)頁(yè)面打交道，CSS，HTML和JS等都是經(jīng)常需要操作的內(nèi)容，對(duì)于直接用戶來(lái)說(shuō)，這些就是他們印象中的整個(gè)程序，如果前臺(tái)頁(yè)面不美觀或是使用不便將影響用戶對(duì)程序的印象，因此程序員應(yīng)該在前臺(tái)上投入一些精力學(xué)習(xí)是值得的，在Web2.0時(shí)代來(lái)臨之后更是如此。
下面就是一個(gè)通用網(wǎng)頁(yè)表單的制作和驗(yàn)證過(guò)程。
閱讀全文
sitinspring(http://www.aygfsteel.com)原創(chuàng),轉(zhuǎn)載請(qǐng)注明出處.