校園失物招領(lǐng)小程序的設(shè)計(jì)與開發(fā)

秦 彬,李 冰,樊續(xù)徳,鄔歡歡

(塔里木大學(xué) 信息工程學(xué)院,新疆 阿拉爾 843300)

0 引言

大學(xué)校園里師生人數(shù)眾多,常常發(fā)生物品丟失的問題。 當(dāng)發(fā)生失物或拾物時(shí),張貼啟事或通過QQ、微信朋友圈、貼吧等社交平臺(tái)發(fā)布相關(guān)消息是人們的常用方式。 事實(shí)證明,采用這些方式信息傳播性不高、效率低下,失主不易找回失物,給師生造成了較大經(jīng)濟(jì)損失和不便。 尤其是這些方法還存在著沒有展現(xiàn)出失物的核心信息、頁面設(shè)計(jì)不美觀、用戶操作不便捷、功能不完善等問題,當(dāng)前高校中還缺少較完備的網(wǎng)上失物招領(lǐng)系統(tǒng)[1]。 因此,急需一種快捷、有效的方法,在校園里發(fā)布尋物啟事及失物招領(lǐng)等信息。 本文基于微信小程序開發(fā)了一個(gè)信息發(fā)布平臺(tái),一方面為校園里丟失物品地找回提供方便的服務(wù),另一方面也為校園物品的交換提供交流的途徑。

1 技術(shù)支撐

1.1 微信小程序簡介

微信小程序是一種不需要下載安裝即可使用的應(yīng)用,是IT 行業(yè)里的一項(xiàng)創(chuàng)新成果。 組織或個(gè)人均可作為開發(fā)者申請注冊并開發(fā)微信小程序。 微信公眾平臺(tái),界面合理、簡單易用,具有自動(dòng)回復(fù)、人工回復(fù)、自定義列表以及個(gè)性化菜單服務(wù)等功能。 同時(shí),平臺(tái)開放開發(fā)接口,這為高校失物招領(lǐng)系統(tǒng)設(shè)計(jì)的拓展和創(chuàng)新提供了新思路。 基于微信小程序的開發(fā),能夠給優(yōu)質(zhì)服務(wù)提供一個(gè)開放的平臺(tái)[2]。 與手機(jī)App 相比,微信小程序具有即用即走功能,且開發(fā)難度比較低,方便快捷,可跨平臺(tái),且小程序兼容的微信授權(quán)登錄可以免于注冊,還能更好地保護(hù)用戶隱私。

1.2 開發(fā)平臺(tái)和環(huán)境

校園失物招領(lǐng)微信小程序主要由失物招領(lǐng),尋物啟事,交換物品,愛心捐贈(zèng)這幾個(gè)部分組成,涵蓋了高校學(xué)生在校的日常生活需求。 本次開發(fā)使用的硬件環(huán)境為:CPU:i5-7200,硬盤:1T 機(jī)械硬盤,操作系統(tǒng):win10 64 位。 軟件環(huán)境為:微信開發(fā)者工具版本1.05,調(diào)試基礎(chǔ)庫版本2.15.0,云開發(fā)控制臺(tái)版本1.4.76。

2 校園失物招領(lǐng)小程序的模塊設(shè)計(jì)

微信小程序采用前后端分離的方式進(jìn)行開發(fā),提供了一個(gè)高效、輕便的信息服務(wù)平臺(tái)。 微信小程序是HTML5 的應(yīng)用,但細(xì)節(jié)處有所改變,與騰訊云服務(wù),騰訊框架可以更好地兼容,使用微信開發(fā)者工具里獨(dú)有的wxml 和wxss 進(jìn)行視圖層前端UI 的設(shè)計(jì),使用JavaScript 進(jìn)行邏輯層的開發(fā)。 后端選擇微信小程序云開發(fā)。 使用騰訊云服務(wù)器進(jìn)行后端的建設(shè),可以更好地兼容微信小程序,通過自己設(shè)置的云函數(shù)也可以更方便地調(diào)用數(shù)據(jù)。

校園失物招領(lǐng)小程序前后端功能模塊如圖1所示。

圖1 小程序的前后端功能模塊

2.1 前端

(1)登錄:進(jìn)入小程序在“我的”一欄,無須注冊,可以使用微信直接授權(quán)登錄,登錄后可以保證尋物的真實(shí)性,無需注冊也能保護(hù)用戶的隱私,最大限度地維護(hù)用戶的權(quán)益。

(2)發(fā)布頁面:撿到物品和丟失物品的用戶可以在此處發(fā)布失物招領(lǐng)或者尋物啟事,想要交換閑置物品的用戶也可以發(fā)布交換信息。

(3)搜索欄:用戶可以在此處搜索其他用戶所上傳的失物招領(lǐng),尋物啟事,舊物交換等信息,匹配到相應(yīng)的信息后,用戶可以根據(jù)自身需要及條件選擇直接聯(lián)系對方或者聯(lián)系客服請求幫助。 搜索支持模糊搜索,可以大大節(jié)省用戶找尋的時(shí)間。

(4)物品廣場:發(fā)布的所有信息都會(huì)呈現(xiàn)在“廣場”中,方便用戶查看。

(5)評論:可以在其他用戶發(fā)布的信息下方評論,方便用戶交流,提高找回物品或者找到失主的成功率。

(6)最近發(fā)布:分為3 個(gè)模塊,展示最近丟失,拾取,交換的物品,使用戶更加方便的查看最近丟失,拾取,交換的信息。

(7)在線客服:微信小程序設(shè)置了在線客服,當(dāng)遇到技術(shù)問題和用戶無法解決的問題時(shí),可以直接聯(lián)系在線客服解決。

2.2 后端數(shù)據(jù)庫

后端使用騰訊云數(shù)據(jù)庫,首先是由于它的高效性與輕便性,這符合失物招領(lǐng)平臺(tái)的設(shè)計(jì)理念,其次就是因其嵌入微信開發(fā)者工具中,操作簡便。 校園失物招領(lǐng)微信小程序主要?jiǎng)討B(tài)表的設(shè)計(jì),總共有11 個(gè)字段,實(shí)例如下:“_id”,“_openid”,“content”,“ data”,“dizhi”,“imgList”,“l(fā)ai”,“name”,“phone”,“time”,“type”。 實(shí)例關(guān)系如圖2 所示。

圖2 物品實(shí)例關(guān)系

2.3 功能實(shí)現(xiàn)

2.3.1 登錄及用戶信息

基于微信小程序的失物招領(lǐng)系統(tǒng)需要獲取當(dāng)前使用人微信信息,通過微信授權(quán)實(shí)現(xiàn)用戶的登錄,將用戶授權(quán)的信息存儲(chǔ)云數(shù)據(jù)庫,便于后續(xù)使用功能提供相應(yīng)的信息服務(wù)。 登錄功能,進(jìn)入小程序在“我的”一欄,無須注冊,可以使用微信直接授權(quán)登錄,然后完善自身基本信息,如:姓名、學(xué)號(hào)、聯(lián)系方式等,登錄后可以保證尋物的真實(shí)性,最大限度地維護(hù)用戶的權(quán)益。 效果如圖5 所示。

圖5 授權(quán)登錄界面

2.3.2 信息發(fā)布

在小程序首頁,點(diǎn)擊下方導(dǎo)航欄的“發(fā)布”,進(jìn)入發(fā)布頁面,效果如圖6 所示。 此時(shí)最上方第1 個(gè)選項(xiàng)是物品的來源,用戶可以在這里選擇是撿到物品發(fā)布失物招領(lǐng)還是丟失物品發(fā)布尋物啟事,或者是有舊物想要交換,第2 個(gè)選項(xiàng)是填寫物品的名稱。 然后,繼續(xù)填寫第3 個(gè)選項(xiàng),如果丟失物品就填寫丟失的大概地址,如果是撿到物品則填寫拾取地址。 第4 個(gè)選項(xiàng)是填寫時(shí)間,即丟失(拾取、交換)時(shí)間。 第5 個(gè)選項(xiàng)要輸入用戶的聯(lián)系方式,可以方便與拾取(丟失,交換)物品的其他用戶聯(lián)系、第6 個(gè)選項(xiàng)是選擇物品的類型,有貴物、錢包、日用、其他等分類,這一分類可以幫助用戶更方便的檢索。 第7 個(gè)選項(xiàng)是填寫物品描述內(nèi)容,即在哪里丟失的(拾取,交換),外觀等詳細(xì)的說明,此項(xiàng)可以幫助用戶完善發(fā)布的信息,使信息更加精準(zhǔn)。 最后一項(xiàng)是添加物品的圖片,有兩種選擇,一種是直接從相冊內(nèi)選擇上傳即可,另一種是直接獲取相機(jī)權(quán)限進(jìn)行拍照上傳。 在完成上述操作以后就可以點(diǎn)擊“發(fā)布”,最后系統(tǒng)就會(huì)提示發(fā)布成功。 這時(shí)用戶就可以在首頁或者“物品廣場”看到剛才發(fā)布的信息。 這時(shí)丟失物品的同學(xué)若是看見了這個(gè)信息,就可以在下面評論聯(lián)系,或者直接聯(lián)系信息發(fā)布用戶。

圖6 信息發(fā)布界面

2.3.3 搜索欄

用戶可以在這里搜索平臺(tái)上其他用戶所上傳的失物招領(lǐng),尋物啟事等信息,匹配到相應(yīng)的信息后,用戶可以根據(jù)自身需要及條件選擇直接聯(lián)系對方或者聯(lián)系客服請求幫助。 搜索欄支持模糊搜索,可以大大節(jié)省用戶找尋的時(shí)間。 效果如圖7 所示。

圖7 搜索欄界面

2.3.4 在線客服

可以在該頁面與在線客服取得聯(lián)系,如圖8 所示,解決在程序中遇到的問題,如:發(fā)布的惡意評論,發(fā)布的垃圾物品信息等。

圖8 在線客服界面

2.4 重要模塊實(shí)現(xiàn)技術(shù)

前后端開發(fā):通過微信開發(fā)者工具進(jìn)行可視化編程,利用Javascript,wxss,wxml 語言進(jìn)行設(shè)計(jì),在前期利用Windows 操作系統(tǒng)進(jìn)行調(diào)試,對頁面進(jìn)行優(yōu)化。 通過Photoshop CS6 進(jìn)行圖片設(shè)計(jì),將圖片上傳到云端,形成URL 鏈接,使得小程序的常駐型圖片內(nèi)存大大降低。 后臺(tái)數(shù)據(jù)庫使用Power Designer 15 進(jìn)行數(shù)據(jù)建模,并梳理數(shù)據(jù)關(guān)系,使用 SQL Server 2012 進(jìn)行數(shù)據(jù)存儲(chǔ),以及使用微信開發(fā)者工具通過3 層結(jié)構(gòu)進(jìn)行軟件架構(gòu),形成數(shù)據(jù)提取的方便性、安全性和可操作性。

使用云開發(fā)數(shù)據(jù)庫不僅僅是為了兼容微信小程序,還可以在后臺(tái)監(jiān)控?cái)?shù)據(jù)庫的讀寫次數(shù),讀寫時(shí)間,用戶訪問次數(shù),訪問時(shí)間,日活躍用戶數(shù),這樣可以更好地了解小程序的運(yùn)行狀況,如圖3 所示。

圖3 運(yùn)營分析

3 校園失物招領(lǐng)小程序的功能實(shí)現(xiàn)

校園失物招領(lǐng)小程序?yàn)橛脩籼峁┯脩舻卿?、失物與招領(lǐng)信息發(fā)布、失物與招領(lǐng)信息查詢、在線客服、用戶交換物品區(qū)等服務(wù)。 功能操作流程如圖4 所示。

圖4 小程序的功能操作流程

3.1 云開發(fā)

小程序的后端采用騰訊云服務(wù)進(jìn)行開發(fā)。 服務(wù)器使用阿里云服務(wù)器和阿里域名,通過Xshell 連接終端服務(wù)器建立會(huì)話,在Windows 操作系統(tǒng)下安裝shh 插件,在cmd 面板上登錄云服務(wù),下載寶塔面板,進(jìn)行域名和服務(wù)器綁定,將前端和后端連接起來,將微信小程序上傳微信公眾平臺(tái),進(jìn)行發(fā)布投入線上使用。

3.2 信息加密

為了提高用戶信息的安全性,有必要針對整個(gè)數(shù)據(jù)庫中所有需要保密的信息都進(jìn)行加密,這樣,即使他人已經(jīng)得到了整個(gè)數(shù)據(jù)庫,如果沒有解密的算法,也無法得到原來的密碼信息。 本次項(xiàng)目加密采用MD5 信息摘要算法對其進(jìn)行加密,MD5 加密的操作都是以512比特位為計(jì)算單位的,與Base64 相比,MD5 加密完全不可逆,所以它的安全性比較高[3]。

4 結(jié)語

校園失物招領(lǐng)平臺(tái)微信小程序給用戶提供了一個(gè)快捷、有效的信息發(fā)布平臺(tái),服務(wù)于全校師生,能夠方便地在校園里進(jìn)行失物招領(lǐng)、尋物啟事、愛心捐贈(zèng)、物品交換等。 當(dāng)前智能手機(jī)攜帶方便,微信App 普及廣泛,使小程序更加容易被大眾接受,通過該小程序的推廣運(yùn)行,可以提升丟失物品被找回的成功率,提高閑置物品的利用率,既方便了師生的日常需要,又滿足了學(xué)校培養(yǎng)高素質(zhì)學(xué)生的教育初衷。