1:首頁(yè)做部分調(diào)整浇衬,去掉登陸和注冊(cè)按鈕金吗,以及頭像信息
2:在index.html中增加跳轉(zhuǎn)到列表頁(yè)的鏈接
3:增加部分圖片的跳轉(zhuǎn)鏈接
4:將商品詳情頁(yè)的文件導(dǎo)入到tempalte目錄下
5:修改detail.html文件中的靜態(tài)資源加載信息
6:detail.html文件中導(dǎo)入頭部模板文件
7:編寫響應(yīng)詳情頁(yè)的函數(shù)
8:在路由中添加detail的路由
運(yùn)行效果如下:
9:修改list.html十兢,修改該網(wǎng)頁(yè)的標(biāo)題
10:修改detail的url路由,讓其可以接受商品ID的參數(shù)
11:修改views.py中的響應(yīng)函數(shù)辽聊,接收從URL傳過(guò)來(lái)的product_id纪挎,如果商品ID不存在期贫,則返回錯(cuò)誤信息頁(yè)面跟匆,如果ID存在,根據(jù)ID獲取商品信息后通砍,將商品信息返回到前端HTML頁(yè)面進(jìn)行渲染玛臂,具體如下:
進(jìn)一步修改優(yōu)化后,如下:
12:在list.html中增加圖片跳轉(zhuǎn)到商品詳情頁(yè)的鏈接
13:在detail.html中根據(jù)返回的數(shù)據(jù)進(jìn)行頁(yè)面渲染
14:在views.py中add_to_shopcart函數(shù)中增加如下代碼封孙,處理詳情頁(yè)添加到購(gòu)物車迹冤,數(shù)量大于1的情況
15:給首頁(yè)的各個(gè)模塊接入詳情頁(yè)的鏈接