我們經(jīng)過前面小程序基礎(chǔ)和云開發(fā)基礎(chǔ)的學(xué)習(xí)，今天濟(jì)南小程序開發(fā)公司小編就來帶大家實(shí)現(xiàn)一個(gè)綜合項(xiàng)目，上線一款屬于自己的微信商城小程序。

小程序基礎(chǔ)學(xué)習(xí)傳送門

• 筆記：《最全最新小程序教程》
• 視頻：《零基礎(chǔ)學(xué)習(xí)小程序視頻教程》
• B站免費(fèi)資源：《最全最新微信小程序教程》記得三連奧

如果你有小程序基礎(chǔ)可以跳過上面的基礎(chǔ)，直接看下面的，如果沒有小程序基礎(chǔ)，建議你先把上面的基礎(chǔ)學(xué)完，再來看小程序商城開發(fā)。

小程序前端項(xiàng)目模塊

• 1，商品首頁(yè)
• 2，商品列表頁(yè)
• 3，購(gòu)物車
• 4，授權(quán)登陸頁(yè)
• 5，商品搜索頁(yè)
• 6，商品收藏
• 7，商品分類（含排序功能）
• 8，商品詳情頁(yè)
• 9，支付結(jié)算頁(yè)面
• 10，訂單列表
• 11，個(gè)人中心
• 12，意見反饋
• 13，會(huì)員功能
• 14，管理員功能
• 15，聯(lián)系客服

云開發(fā)后天模塊

• 1，云開發(fā)管理商品
• 2，云開發(fā)實(shí)現(xiàn)搜索功能
• 3，云開發(fā)實(shí)現(xiàn)用戶管理
• 4，云開發(fā)實(shí)現(xiàn)支付功能
• 5，管理員功能

一，開發(fā)準(zhǔn)備工作

1-1，注冊(cè)一個(gè)小程序

這里需要給大家強(qiáng)調(diào)下，我們這里是實(shí)現(xiàn)商城小程序，所以我們就必須注冊(cè)一個(gè)屬于自己的小程序，關(guān)于小程序的注冊(cè)，建議大家去看下我前面的基礎(chǔ)視頻。我們后面學(xué)習(xí)支付的時(shí)候，會(huì)教大家如何把項(xiàng)目切換為企業(yè)小程序，所以你如果能直接注冊(cè)企業(yè)小程序最好，如果不能注冊(cè)企業(yè)小程序，就先注冊(cè)個(gè)人小程序也行。
關(guān)于注冊(cè)小程序，我這里說幾點(diǎn)

• 1，一個(gè)郵箱只能注冊(cè)一個(gè)小程序
• 2，注冊(cè)小程序必須用自己真實(shí)身份信息
• 3，注冊(cè)企業(yè)小程序的話，必須要有營(yíng)業(yè)執(zhí)照（選看部分）

大家注冊(cè)只需要去小程序官網(wǎng)就行。

注冊(cè)的時(shí)候選擇小程序即可

后面的步驟如實(shí)填寫即可。如果注冊(cè)過程中有任何問題，可以在下面留言。

1-2，拿到小程序Appid

我們上面注冊(cè)好小程序以后，可以去小程序網(wǎng)頁(yè)后臺(tái)拿到appid

我們拿到appid后最好記在一個(gè)記事本上，每次都要來小程序后臺(tái)拿比較麻煩。

1-3，下載開發(fā)者工具

工欲善其事必先利其器，我們開發(fā)小程序也是一樣，這里必須先下載微信官方提供的小程序開發(fā)者工具。當(dāng)然了，市面上也有別的一些開發(fā)工具，這里石頭哥是建議大家使用官方提供的工具，畢竟官方的一些更新我們能更快的使用到。

下載安裝就比較簡(jiǎn)單了。只需要去官方下載地址下載即可。

開發(fā)工具下載地址如下：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
這里的安裝都是傻瓜式的，我就不再啰嗦了。

1-4，創(chuàng)建屬于自己的微信小程序項(xiàng)目

上面開發(fā)者工具安裝好以后，我們雙擊打開即可。然后新建一個(gè)小程序項(xiàng)目

然后填寫一些項(xiàng)目的信息

這里強(qiáng)調(diào)一點(diǎn)，后端服務(wù)一定要記得選擇不使用云服務(wù)。因?yàn)槟氵x擇使用了，項(xiàng)目里會(huì)給我們創(chuàng)建大量的無用目錄，你還得一個(gè)個(gè)刪除。
項(xiàng)目創(chuàng)建好以后如下

到這一步我們項(xiàng)目就創(chuàng)建好了，下一節(jié)就來開始正式的開發(fā)我們自己的商城小程序了。