課程介紹
注意0:欲購(gòu)買(mǎi)此課程,獲取安全購(gòu)買(mǎi)鏈接,索要正版授權(quán)學(xué)習(xí)平臺(tái)賬號(hào),務(wù)必加咨詢(xún)QQ:2536379620
注意1:由于編碼原因,試聽(tīng)課程視頻畫(huà)面清晰度不如最終購(gòu)買(mǎi)的視頻。最終購(gòu)買(mǎi)視頻的畫(huà)面清晰度可參見(jiàn)以下兩張圖。圖1 圖2
注意2:正版良心視頻,購(gòu)買(mǎi)后有機(jī)會(huì)和原作者直接短暫技術(shù)交流。
本課程采用了Node.js、Express和MySQL技術(shù)開(kāi)發(fā)小程序客戶(hù)端和服務(wù)端。學(xué)員可通過(guò)本課程了解如何使用javascript同時(shí)開(kāi)發(fā)小程序前后端。本課程提供完整的源代碼(包括小程序+Node.js+Express)和數(shù)據(jù)庫(kù)SQL腳本文件。學(xué)員可以自行建立MySQL數(shù)據(jù)庫(kù)。
項(xiàng)目截圖如下。
圖*3
適合人群
微信程序員,小程序開(kāi)發(fā)者,javascript程序員,node.js程序員,express程序員
課程目標(biāo)
本項(xiàng)目實(shí)戰(zhàn)課程的目標(biāo)是讓學(xué)員學(xué)習(xí)如何只使用JavaScript同時(shí)開(kāi)發(fā)客戶(hù)端的小程序,以及服務(wù)端程序,服務(wù)端使用Node.js+Express+MySQL。學(xué)員通過(guò)這個(gè)課程可以多方位了解一個(gè)完整的小程序從客戶(hù)端到服務(wù)端是如何開(kāi)發(fā)出來(lái)的。
課程大綱
1
項(xiàng)目效果展示 免費(fèi)試聽(tīng)
[05:25]
2
設(shè)計(jì)主界面輪詢(xún)圖布局
[15:03]
3
在輪詢(xún)圖中顯示靜態(tài)圖像
[08:00]
4
使用Node.js+Express連接MySQL數(shù)據(jù)
[09:51]
5
從MySQL數(shù)據(jù)庫(kù)中獲取要顯示的輪詢(xún)圖數(shù)據(jù)
[13:10]
6
顯示動(dòng)態(tài)輪詢(xún)圖
[08:39]
7
實(shí)現(xiàn)導(dǎo)航按鈕布局
[15:04]
8
動(dòng)態(tài)顯示導(dǎo)航按鈕(從服務(wù)端獲取商品類(lèi)別數(shù)據(jù))
[10:41]
9
顯示最熱商品
[16:16]
10
顯示**商品和暢銷(xiāo)商品
[04:46]
11
根據(jù)商品ID查詢(xún)指定商品的詳細(xì)信息
[21:38]
12
設(shè)計(jì)商品詳情頁(yè)面輪詢(xún)圖布局
[10:43]
13
在商品詳情頁(yè)面動(dòng)態(tài)顯示輪詢(xún)圖
[08:45]
14
顯示商品詳細(xì)信息的標(biāo)題和價(jià)格
[07:14]
15
顯示商品詳細(xì)信息(銷(xiāo)售數(shù)據(jù)、商品簡(jiǎn)介、添加購(gòu)物車(chē)按鈕
[22:44]
16
設(shè)計(jì)選擇商品數(shù)量頁(yè)面
[26:02]
17
改變購(gòu)買(mǎi)商品數(shù)量
[06:11]
18
編寫(xiě)服務(wù)端登錄路由(login)
[25:52]
19
小程序登錄
[04:36]
20
獲取微信的UnionID,并用UnionID登錄
[19:29]
21
編寫(xiě)服務(wù)端添加商品到購(gòu)物車(chē)的路由
[20:45]
22
將商品添加到購(gòu)物車(chē)
[10:26]
23
點(diǎn)擊首頁(yè)商品展示商品詳細(xì)信息
[04:09]
24
設(shè)計(jì)商品類(lèi)別頁(yè)面
[14:44]
25
編寫(xiě)獲取指定種類(lèi)的商品列表
[06:54]
26
在客戶(hù)端顯示指定種類(lèi)的商品列表
[09:20]
27
為小程序添加TabBar
[09:20]
28
設(shè)計(jì)購(gòu)物車(chē)頁(yè)面布局
[23:52]
29
編寫(xiě)服務(wù)端用戶(hù)獲取購(gòu)物車(chē)信息的路由
[04:26]
30
在客戶(hù)端購(gòu)物車(chē)中顯示商品
[07:45]
31
創(chuàng)建添加收貨地址和選擇收貨地址頁(yè)面
[04:39]
32
設(shè)計(jì)添加郵寄地址頁(yè)面的布局
[24:01]
33
在添加收貨地址頁(yè)面顯示省、市、區(qū)列表
[16:37]
34
保存新錄入的收貨地址
[11:37]
35
在購(gòu)物車(chē)上顯示郵寄地址
[08:31]
36
設(shè)計(jì)收貨地址列表頁(yè)面的布局
[08:07]
37
顯示和選擇收貨地址
[05:47]
38
在購(gòu)物車(chē)中修改購(gòu)買(mǎi)商品的數(shù)量
[08:31]
39
編寫(xiě)用于提交訂單的路由
[13:05]
40
客戶(hù)端提交訂單
[11:01]
41
編寫(xiě)清空購(gòu)物車(chē)的路由
[03:26]
42
清空購(gòu)物車(chē)
[04:53]
43
設(shè)計(jì)訂單頁(yè)布局
[15:58]
44
編寫(xiě)服務(wù)端用于獲取訂單信息的路由
[03:39]
45
顯示訂單信息與支付
[11:57]
46
設(shè)計(jì)“我的”頁(yè)面布局
[10:49]
47
編寫(xiě)服務(wù)端用于獲取訂單商品列表的路由
[03:05]
48
在“我的”頁(yè)面顯示訂單列表
[06:12]
49
編寫(xiě)服務(wù)端用于買(mǎi)家確認(rèn)收貨的路由
[03:53]
50
賣(mài)家確認(rèn)發(fā)貨,買(mǎi)家確認(rèn)收貨(項(xiàng)目完結(jié))
[08:24]