背景
對(duì)于一個(gè)Tester來(lái)說(shuō)夫植,轉(zhuǎn)Coder是一件非常困的事情泊业,原因:前端與后端的交互且叁,前端與前端的交互都哭,后臺(tái)端與后端的交互,甚至費(fèi)解寫(xiě)不出來(lái)一行代碼逞带,那種場(chǎng)景的理解可能與我們?cè)谧鰷y(cè)試所謂的交互不一樣欺矫,從測(cè)試思維去做開(kāi)發(fā)在這方面有一定的局限性,感覺(jué)思維像被固化了一般展氓!
做了兩個(gè)星期的web平臺(tái)開(kāi)發(fā)穆趴,一個(gè)特別簡(jiǎn)單的功能,jsp頁(yè)面遇汞,刪除一行未妹,我竟然用了兩天時(shí)間,原因:不理解前勺疼,后交互的原理教寂,救助搜索引擎時(shí)使用的關(guān)鍵詞不匹配....
我的理解
前端刪除就可以了,刪除了就不會(huì)提交到后臺(tái)了执庐,
實(shí)踐結(jié)果
jsp頁(yè)面選擇刪除行酪耕,點(diǎn)擊‘刪除’按鈕,確實(shí)可以從前臺(tái)刪除轨淌,但依舊提交到了后臺(tái);
后臺(tái)又開(kāi)始搜索迂烁,ajax table刪除與后端交互看了N個(gè)實(shí)例都一知半解還是失敗了,主要框架實(shí)現(xiàn)太多了實(shí)例都不太完整递鹉。
第二次實(shí)踐
在ajax中把選擇框的值傳給后臺(tái)id,可以刪除成功盟步,原因:第一個(gè)選擇框的Id為1,在數(shù)據(jù)庫(kù)的id也為1躏结,SQL語(yǔ)句執(zhí)行成功却盘,測(cè)試通過(guò)
but當(dāng)我再次刪除行時(shí),提示失敗:后臺(tái)日志執(zhí)行的sql是 :delete from table? where id (1),傳過(guò)來(lái)的id不存在黄橘,原因:Id1已經(jīng)被刪除
這個(gè)方案算是成功了一半吧
第三次實(shí)踐
百度搜索的一個(gè)結(jié)果讓我恍然大悟兆览,‘后臺(tái)刪除,前臺(tái)刷新’塞关,一個(gè)思路勝于一大堆代碼抬探。
1.jsp頁(yè)面把隱式id的值,傳給checkbox value
2.通過(guò)ajax傳給controller,執(zhí)行刪除操作帆赢,刷新列表
3.jsp選擇刪除行小压,點(diǎn)擊‘刪除’,提示確認(rèn)刪除椰于,刪除成功且刷新頁(yè)面
實(shí)踐成功5∫妗!
理解比盲目的實(shí)踐重要瘾婿,開(kāi)始理解了coder為什么那么不容易了...