組長:王童童;? ?組員:? 袁聰? 楊博。
? ? ? ? ? ?Git地址: https://github.com/jessicawtt/liangcang110
? ? ? ? ? ?在線地址:http://firehoo.top/web1708/xa-wtt/wtt/index.html
項(xiàng)目需求和分析:
? ? ? ?這個項(xiàng)目要求我們做一個電商網(wǎng)站,后臺為我們提供的是糧倉的接口,可以以糧倉為模板做糧倉這個網(wǎng)站,也可以以其他電商網(wǎng)站為模板制作;然而想要完成電商網(wǎng)站這個項(xiàng)目對自身至少要有以下基本技術(shù)的要求:熟練使用html,css,js 等技術(shù)操作,制作靜態(tài)網(wǎng)頁。了解掌握jQuery,ajax向后臺服務(wù)器發(fā)送和請求數(shù)據(jù),并且應(yīng)用于網(wǎng)頁里變靜態(tài)網(wǎng)頁為動態(tài)網(wǎng)站。
代碼展示:
? ? ? ? 這里代碼的意思是通過ajax的get獲取后臺的商品數(shù)據(jù),遍歷商品里面的數(shù)組數(shù)據(jù)通過字符串的拼接然后應(yīng)用于頁面上。
問題以及解決方案:
1、商品列表
? ? ? ?出現(xiàn)問題:ajax獲取的數(shù)據(jù)應(yīng)用于頁面時得到的數(shù)組對象需要遍歷和通過字符串拼接而表現(xiàn)在頁面上時不太會,頁面跳轉(zhuǎn)具體操作不太會。
? ? ? ?解決方案:通過請教老師和百度,數(shù)組對象的遍歷通過for來遍歷,通過字符串的拼接里的a標(biāo)簽進(jìn)行頁面的跳轉(zhuǎn)。
2、登陸
? ? ? ?出現(xiàn)問題:
? ? ? ?解決方案:
3、注冊
? ? ? ?出現(xiàn)問題:1、運(yùn)用jQuery編寫input框的判斷時卡殼。2、ajax獲取數(shù)據(jù)后注冊判斷卡殼
? ? ? ?解決方案:查找案例、與同學(xué)相互討論,最后的ajax后臺數(shù)據(jù)獲取和傳輸是通過post請求解決的
4、合并
? ? ? 出現(xiàn)問題:總的來說第一就是ajax的在頁面上的應(yīng)用不太會,第二登陸注冊的表單驗(yàn)證,第三就是一些頁面特效做不出來。
? ? ? 解決方案:復(fù)習(xí)以前學(xué)過的知識通過百度問老師得以解決。
項(xiàng)目總結(jié)及心得:
? ? ? ?1、通過這次對電商項(xiàng)目的練習(xí),準(zhǔn)確的找到自己的弱點(diǎn)和強(qiáng)項(xiàng),為自己學(xué)習(xí)的傾重點(diǎn)指? ? ? 明了方向
? ? ? ?2、加深了自己對所學(xué)的知識的理解運(yùn)用,鞏固了基礎(chǔ),為后面的學(xué)習(xí)做一個鋪墊
? ? ? ?3、這次項(xiàng)目的,也讓自己的編寫水品有所提升,提高了效率。
? ? ? ?4、遇到問題要多問,多討論,加深理解,把不會的弄懂弄明白,不留下隱患