注意這個(gè)純前端！！！

訂單項(xiàng)目名稱(chēng)：

520鮮花售賣(mài)商店微信小程序微信小程序鮮花訂購(gòu)平臺(tái)是基于微信小程序云開(kāi)發(fā)實(shí)現(xiàn)的線上鮮花售賣(mài)與配送服務(wù)系統(tǒng)，

專(zhuān)注為用戶提供鮮花選購(gòu)、花束定制、在線下單、配送查詢等一站式購(gòu)花體驗(yàn)。系統(tǒng)覆蓋鮮花展示、分類(lèi)、詳情、購(gòu)物車(chē)、訂單支付、訂單跟蹤、個(gè)人中心等完整電商流程，依托微信云開(kāi)發(fā)實(shí)現(xiàn)無(wú)服務(wù)器部署，數(shù)據(jù)安全、上線快速、維護(hù)簡(jiǎn)便。平臺(tái)面向普通用戶與后臺(tái)管理者，用戶可在線挑選鮮花、加入購(gòu)物車(chē)、提交訂單并選擇配送時(shí)間與地址；管理者通過(guò)云開(kāi)發(fā)控制臺(tái)完成鮮花上下架、訂單處理、配送管理、數(shù)據(jù)統(tǒng)計(jì)。界面美觀簡(jiǎn)約、交互流暢，適配節(jié)日送禮、日常表達(dá)、生日祝賀等多種購(gòu)花場(chǎng)景，是輕量化、易上手、可直接商用的鮮花小程序?qū)崙?zhàn)項(xiàng)目。項(xiàng)目結(jié)構(gòu)目錄項(xiàng)目主要技術(shù)框架

3.1核心底層框架該系統(tǒng)微信小程序原生：WXML + WXSS + JavaScript + 本地Storage緩存，前端Base64自定義加密。采用微信小程序原生框架 + Serverless 云開(kāi)發(fā)架構(gòu)，無(wú)需服務(wù)器、域名與備案，直接使用微信官方云服務(wù)支撐前后端交互，開(kāi)發(fā)成本低、上線速度快。整體采用前后端分離模式，前端負(fù)責(zé)頁(yè)面渲染與交互，后端通過(guò)云函數(shù)與云數(shù)據(jù)庫(kù)處理業(yè)務(wù)邏輯。

3.2后端技術(shù)棧開(kāi)發(fā)環(huán)境：微信開(kāi)發(fā)者工具服務(wù)架構(gòu)：小程序云開(kāi)發(fā)（Serverless）數(shù)據(jù)庫(kù)：云數(shù)據(jù)庫(kù)（存儲(chǔ)鮮花、訂單、用戶、地址等）業(yè)務(wù)處理：云函數(shù)文件存儲(chǔ)：云存儲(chǔ)（鮮花圖片、宣傳圖）認(rèn)證體系：微信用戶一鍵授權(quán)登錄3.3前端技術(shù)棧基礎(chǔ)框架：微信小程序原生頁(yè)面技術(shù)：WXML + WXSS + JavaScript布局：Flex 彈性布局UI 風(fēng)格：簡(jiǎn)約清新、鮮花主題配色核心模塊：首頁(yè)、鮮花分類(lèi)、鮮花詳情、購(gòu)物車(chē)、訂單、個(gè)人中心、地址管理交互能力：搜索、篩選、加入購(gòu)物車(chē)、下單、支付、訂單跟蹤

3.4數(shù)據(jù)庫(kù)云數(shù)據(jù)庫(kù)核心集合：flowers（鮮花信息：名稱(chēng)、圖片、價(jià)格、分類(lèi)、詳情、庫(kù)存）category（鮮花分類(lèi)：玫瑰、百合、康乃馨、禮盒、永生花等）cart（購(gòu)物車(chē)數(shù)據(jù)）order（訂單數(shù)據(jù)：狀態(tài)、配送時(shí)間、地址、費(fèi)用）user（用戶信息）address（用戶收貨地址）

3.5開(kāi)發(fā)及生產(chǎn)環(huán)境系統(tǒng)環(huán)境：Windows 10開(kāi)發(fā)工具：VSCode / 微信開(kāi)發(fā)者工具運(yùn)行環(huán)境：微信客戶端（小程序模式）部署方式：微信小程序后臺(tái)上傳發(fā)布項(xiàng)目主要功能4.1 用戶功能模塊微信授權(quán)登錄：一鍵獲取微信信息，快速登錄首頁(yè)展示：輪播廣告、推薦鮮花、熱銷(xiāo)花束、節(jié)日專(zhuān)題鮮花分類(lèi)：按花材、用途、價(jià)格、節(jié)日分類(lèi)瀏覽鮮花搜索：關(guān)鍵詞快速查找目標(biāo)花束鮮花詳情：圖片、介紹、包裝、花語(yǔ)、價(jià)格、規(guī)格選擇購(gòu)物車(chē)：添加、刪除、修改數(shù)量、合計(jì)價(jià)格收貨地址：新增、編輯、刪除、默認(rèn)地址在線下單：選擇配送時(shí)間、提交訂單、支付訂單管理：待支付、待配送、待收貨、已完成、退款 / 售后個(gè)人中心：個(gè)人信息、訂單入口、收藏、地址管理

4.2 后臺(tái)管理模塊（云開(kāi)發(fā)控制臺(tái)）鮮花管理：上架、下架、編輯、刪除鮮花分類(lèi)管理：添加、修改鮮花分類(lèi)訂單管理：查看訂單、修改訂單狀態(tài)、配貨、發(fā)貨、完成用戶管理：查看用戶信息、購(gòu)買(mǎi)記錄數(shù)據(jù)統(tǒng)計(jì)：銷(xiāo)量、訂單量、熱門(mén)鮮花統(tǒng)計(jì)輪播圖管理：上傳首頁(yè)廣告圖片項(xiàng)目安裝和部署

5.1 開(kāi)發(fā)環(huán)境準(zhǔn)備1.安裝微信開(kāi)發(fā)者工具

2.配置項(xiàng)目基礎(chǔ)文件與目錄結(jié)構(gòu)

5.2 項(xiàng)目導(dǎo)入

1.打開(kāi)微信開(kāi)發(fā)者工具，選擇 “導(dǎo)入項(xiàng)目”

2.選擇源碼目錄，填寫(xiě)小程序 AppID（可使用測(cè)試號(hào)）

3.加載完成后即可預(yù)覽與調(diào)試

5.3 運(yùn)行與預(yù)覽

1.在微信開(kāi)發(fā)者工具中點(diǎn)擊 “編譯”

2.模擬器實(shí)時(shí)展示頁(yè)面效果3.可真機(jī)掃碼預(yù)覽，測(cè)試真實(shí)設(shè)備交互

5.4 發(fā)布部署

1.調(diào)試無(wú)誤后，在開(kāi)發(fā)者工具點(diǎn)擊 “上傳”

2.登錄微信公眾平臺(tái)，提交代碼審核

3.審核通過(guò)后發(fā)布上線，用戶可搜索使用這個(gè)系統(tǒng)實(shí)際效果圖片展示這個(gè)源碼適合的學(xué)習(xí)人群該框架源碼工程化程度高、代碼結(jié)構(gòu)清晰、無(wú)過(guò)度封裝，極其適合以下技術(shù)人群深耕學(xué)習(xí)：初級(jí)中級(jí)開(kāi)發(fā)工程師、后端服務(wù)架構(gòu)學(xué)習(xí)者、計(jì)算機(jī)專(zhuān)業(yè)在校學(xué)生、微信小程序開(kāi)發(fā)、前端開(kāi)發(fā)、個(gè)人開(kāi)源項(xiàng)目愛(ài)好者。