博主介紹：?程序員徐師兄、7年大廠程序員經(jīng)歷。全網(wǎng)粉絲30W+、csdn博客專家、掘金/華為云/阿里云/InfoQ等平臺(tái)優(yōu)質(zhì)作者、專注于Java技術(shù)領(lǐng)域和畢業(yè)項(xiàng)目實(shí)戰(zhàn)?

1 簡(jiǎn)介

視頻演示地址：

小程序頁(yè)面及功能作如下設(shè)計(jì)：

1 .用戶注冊(cè)登錄。

2. 垃圾搜索功能，可以搜索對(duì)應(yīng)的垃圾信息，然后對(duì)應(yīng)的信息下顯示垃圾的圖文回收展示，以及對(duì)應(yīng)的回收種類，有害，無(wú)害，可回收等信息，以及垃圾的一些回收操作說(shuō)明。

3. 小程序端用戶垃圾預(yù)約上門回收。

4. 垃圾回收分類信息管理，對(duì)應(yīng)的可以添加不同的垃圾回收分類信息（包括圖片，垃圾介紹，回收說(shuō)明），進(jìn)行增刪改查。

5. 新聞管理功能，對(duì)應(yīng)垃圾分類的一些宣傳信息發(fā)布，圖文展示，在小程序首頁(yè)展示

6. 用戶管理，管理者可以對(duì)注冊(cè)的小程序用戶進(jìn)行管理，管理員可以編輯。

7. 后臺(tái)管理預(yù)約回收記錄確認(rèn)上門回收。

2 技術(shù)棧

說(shuō)明	技術(shù)棧	備注
后臺(tái)	Java
前端	小程序
數(shù)據(jù)庫(kù)	MYSql
架構(gòu)	B/S 結(jié)構(gòu)

3 小程序功能介紹

微信小程序推出一年多一點(diǎn)的時(shí)間，算是一個(gè)新事物，但是利用的技術(shù)卻都是已經(jīng)存在的技術(shù)。如果稍加調(diào)查就會(huì)發(fā)現(xiàn)，不光是微信小程序，很多類似形態(tài)的應(yīng)用都采用類似的架構(gòu)：

使用 JSON 技術(shù)來(lái)表現(xiàn)應(yīng)用的配置信息。包含應(yīng)用的基本信息，頁(yè)面配置和路由，應(yīng)用全體的信息等。

使用經(jīng)過(guò)定制 CSS+XML 技術(shù)來(lái)實(shí)現(xiàn)視圖層的描述。畫(huà)面元素，例如列表、按鈕、文本框、選擇框等都通過(guò) XML 語(yǔ)言來(lái)描述，遵從 XML 語(yǔ)法，對(duì)于頁(yè)面的共同風(fēng)格，使用 CSS 進(jìn)行定義。

使用 JavaScript 語(yǔ)言來(lái)實(shí)現(xiàn)邏輯層結(jié)構(gòu)。包括用戶操作的處理，系統(tǒng) API 的調(diào)用等[5]。

架構(gòu)在視圖層和邏輯層之間提供數(shù)據(jù)和事件傳輸功能，從而盡量減少難度。由于類似應(yīng)有都屬于輕應(yīng)用，所以提供的功能都比較單一。

4 注意事項(xiàng)

微信小程序，現(xiàn)在是非常熱門的，基于微信生態(tài)開(kāi)發(fā)的?，F(xiàn)在很多計(jì)算機(jī)畢業(yè)的同學(xué)，都會(huì)選擇微信小程序作為畢業(yè)設(shè)計(jì)

小程序端通常都是展示數(shù)據(jù)給用戶去看的，大多數(shù)情況下，這些數(shù)據(jù)不是寫死的，而是前端請(qǐng)求服務(wù)器接口獲取數(shù)據(jù)的。

后端可以用很多技術(shù)去實(shí)現(xiàn)，比如Java、PHP、Python等等，而后端接口最終都是存取數(shù)據(jù)庫(kù)中的數(shù)據(jù)，因?yàn)楹芏嘈〕绦虼嬖诖罅康臄?shù)據(jù)這些是需要存儲(chǔ)到數(shù)據(jù)庫(kù)（MySQL、Oracle、MongoDB）等等。

除了小程序端和后臺(tái)接口以外，小程序畢設(shè)的話一般都要搭配后臺(tái)管理系統(tǒng)，后臺(tái)管理系統(tǒng)一般就是網(wǎng)頁(yè)，需要具備一定的web技術(shù)知識(shí)來(lái)實(shí)現(xiàn)，如果小程序需要上線到微信客戶端上，還需要把后端部署在服務(wù)器上，并且小程序端的代碼上傳到微信公眾平臺(tái)上，并且需要去申請(qǐng)域名，還需要一個(gè)較長(zhǎng)時(shí)間的備案，當(dāng)然如果僅僅是畢設(shè)演示的話可以不上線的，在微信開(kāi)發(fā)者工具上演示就可以了。

二、如何避坑？

俗話說(shuō)萬(wàn)事開(kāi)頭難，對(duì)于計(jì)算機(jī)小程序的畢設(shè)而言更是如此，選題合適會(huì)讓你在畢業(yè)季輕松很多

1、自己選題的不要憑空進(jìn)行想象，一定要做到不能盲目選題，定題目就意味著以后要實(shí)全力以赴實(shí)現(xiàn)題目對(duì)應(yīng)的功能（要在可控范圍內(nèi)），要結(jié)合自身現(xiàn)實(shí)情況來(lái)選擇難度和自己所在學(xué)?，F(xiàn)階段符合的。有些看似簡(jiǎn)單問(wèn)題，實(shí)際不符合現(xiàn)階段，成本也會(huì)成倍增加，如果有選題/開(kāi)題不明白的地方可以與我隨時(shí)溝通，歡迎打擾。

2、老師指定，盡量避開(kāi)一些科研題目，除非是老師做好的，就是讓你拿來(lái)用的，要結(jié)合自己了解層次，學(xué)習(xí)成本太高的直接和老師進(jìn)行溝通。如果老師不能完整的幫到自己，申請(qǐng)換題目。

3、 可以在網(wǎng)上或者 Github 先搜一下，看有沒(méi)有相關(guān)的源碼借鑒，做到心中有數(shù)

5 具體功能

5.1 注冊(cè)和登陸功能

用戶通過(guò)小程序提供的注冊(cè)、登陸功能，實(shí)現(xiàn)使用其它核心功能的目的。應(yīng)用邏輯為用戶點(diǎn)擊進(jìn)入App，選擇登陸類型是管理員或?qū)W生，分別對(duì)應(yīng)管理員權(quán)限和用戶員權(quán)限。選擇學(xué)生類型，已注冊(cè)用戶輸入手機(jī)號(hào)和密碼進(jìn)行用戶登陸；新用戶點(diǎn)擊“注冊(cè)”按鈕進(jìn)行用戶注冊(cè)，注冊(cè)后通過(guò)用戶名、密碼實(shí)現(xiàn)登陸。

注冊(cè)模塊采用手機(jī)號(hào)作為用戶ID，用戶填寫手機(jī)號(hào)、學(xué)號(hào)、姓名、專業(yè)、年級(jí)班級(jí)等信息，并編輯密碼并進(jìn)行二次確認(rèn)，如果用戶名合法且兩次密碼一致，則注冊(cè)成功，用戶注冊(cè)信息寫入數(shù)據(jù)庫(kù)進(jìn)行保存。

登錄模塊，用戶輸入電話號(hào)和密碼后，由系統(tǒng)調(diào)用數(shù)據(jù)庫(kù)相關(guān)信息，與用戶輸入的信息進(jìn)行比較，如果結(jié)果一致，則認(rèn)定為合法用戶，登錄成功。

5.2 垃圾分類查詢

該功能支持通過(guò)語(yǔ)音、文字等方式，查詢相應(yīng)垃圾的分類方式和標(biāo)準(zhǔn)，便于用戶快速、準(zhǔn)確的完成生活垃圾分類。

5.3 垃圾預(yù)約回收

? 用戶可以通過(guò)垃圾預(yù)約回收功能，實(shí)現(xiàn)家庭垃圾定時(shí)回收，特別是垃圾較多、不好搬運(yùn)的場(chǎng)景，方便。實(shí)現(xiàn)效果如下圖：

5.4 垃圾分類功能

? 用戶可以通過(guò)該功能查看垃圾分類示例及相關(guān)要點(diǎn)講解，實(shí)現(xiàn)效果如下圖：

6.后臺(tái)模塊

? 設(shè)計(jì)獨(dú)立的后臺(tái)模塊，用于管理員對(duì)小程序各項(xiàng)內(nèi)容、注冊(cè)人員進(jìn)行審核、查看，便于后續(xù)管理和維護(hù)。

5.5 個(gè)人中心功能

個(gè)人中心設(shè)計(jì)相對(duì)簡(jiǎn)單，用戶可以對(duì)個(gè)人信息、我的預(yù)約、地址等信息進(jìn)行查看、管理、修改等。個(gè)人中心效果如下圖所示：

5.5 后臺(tái)功能

? 后臺(tái)是針對(duì)管理員的后臺(tái)管理界面，便于管理員對(duì)小程序進(jìn)行維護(hù)和管理。后臺(tái)使用admin賬戶進(jìn)行登陸，通過(guò)后臺(tái)可以對(duì)垃圾分類信息、預(yù)約回收信息、以及新聞資訊等進(jìn)行查詢、修改、刪除等操作。實(shí)現(xiàn)效果如下圖所示：

6 源碼下載