共享雨傘微信小程序的設(shè)計(jì)與實(shí)現(xiàn)

畢業(yè)設(shè)計(jì)說明書共享雨傘微信小程序的設(shè)計(jì)與實(shí)現(xiàn)I共享雨傘微信小程序的設(shè)計(jì)與實(shí)現(xiàn)或者閑暇時(shí)租私家車去旅游觀光一下......共享是降 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書IAbstract:Sharingeconomyhasindeedpenetratedintoallbicycleonthewaytoandfromwork,bookingahousewhenttheweekend…Sharingisanimportantmodetoreducethecostofmaterialstoraimprovetheutilizationrate.WiththedevelopmentofInternettechnolgraduallypenetratedintopeople'slivewiththesuddenrainverywell.Inthisproject,aidesignedtheumbrellaconnectingwiththesharingumbrellathrosharingandsolvetheproblemthatpeopledon'thav目錄 I Ⅱ 11.1課題的背景和意義 11.1.1共享雨傘的背景 11.1.2微信小程序的背景 11.2國內(nèi)外發(fā)展?fàn)顩r 22相關(guān)技術(shù)介紹 32.1J2EE簡介 32.1.1J2EE的優(yōu)點(diǎn) 32.2SSH框架介紹 33共享雨傘微信小程序的需求分析 53.1共享雨傘微信小程序的總體需求分析 53.2共享雨傘微信小程序功能性需求分析 53.2.1RFID系統(tǒng)需求分析 53.2.2后臺需求分析 74共享雨傘微信小程序的設(shè)計(jì) 94.1共享雨傘小程序整體框架設(shè)計(jì) 94.1.1共享雨傘小程序系統(tǒng)整體邏輯框架 94.1.2共享雨傘小程序整體技術(shù)框架 4.2共享雨傘小程序部分設(shè)計(jì) 4.2.1登錄驗(yàn)證設(shè)計(jì) 4.2.2用戶部分頁面設(shè)計(jì) 5共享雨傘微信小程序的實(shí)現(xiàn) 5.1共享雨傘小程序部分頁面的實(shí)現(xiàn) 5.2共享雨傘小程序用戶中心的實(shí)現(xiàn) 5.2.1解鎖掃碼 5.2.2關(guān)鎖支付 5.3藍(lán)牙模式 5.4共享雨傘小程序在系統(tǒng)中存在的問題 6.1總結(jié) 256.2展望 致謝 1衍生品來說，已經(jīng)有了一定的用戶基礎(chǔ)，而且小程序不需要下1.1.1共享雨傘的背景21.2國內(nèi)外發(fā)展?fàn)顩r32相關(guān)技術(shù)介紹服務(wù)架構(gòu)及相應(yīng)的技術(shù)層級，它們共同性的標(biāo)準(zhǔn)和技術(shù)規(guī)格，可以使其循環(huán)在J2EE各SSH源自于Struts、Spring和Hibemnate的首拼，它是這幾種加起礎(chǔ)，它屬于比較流行的一種開源性框架，最好應(yīng)用于技術(shù)上web的開發(fā)。共享雨傘的系統(tǒng)主要利用了hibernate3struts2,并增加了SSH框架開發(fā)出來的程框架使用JSP實(shí)現(xiàn)了視圖部分，模型部分則通Hibernate框架可以提供并幫助事務(wù)管理實(shí)現(xiàn)了關(guān)系到云端數(shù)據(jù)庫的數(shù)據(jù)與Java程序獲取到的實(shí)體類對象之間的相互交錯(cuò)，并且可以使用Spring來完成商業(yè)上業(yè)務(wù)的邏輯關(guān)系，管理Hibernate與Struts對象。采 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書4護(hù)。不論其中的視圖層邏輯如何的進(jìn)行變化，在模型層中間只需要稍微的改動(dòng)即可滿足邏輯上的要求；另外數(shù)據(jù)庫方面的變化也不會對視圖層產(chǎn)生太多的影響，一定會大幅度的提高了軟件程序系統(tǒng)的維護(hù)性及擴(kuò)展性和可復(fù)用性。因?yàn)樾枨蟮膶蛹壷虚g的低耦，高密合度使得我們的程序開發(fā)人員確保能夠?qū)崿F(xiàn)并開發(fā)，必然會提高了該項(xiàng)目應(yīng)用程序上的開發(fā)效率，縮短工作的周期。53共享雨傘微信小程序的需求分析3.1共享雨傘微信小程序的總體需求分析式，有一些因?yàn)榭蛦蝺r(jià)很高的還特地為其安裝了gps及北斗的定位我們綜合上述的分析，本項(xiàng)目小程序可以去采用了RFID系統(tǒng)，用來共享雨傘的借3.2共享雨傘微信小程序功能性需求分析(1)校園學(xué)生卡的選擇。因?yàn)槠渲邪擞脩魧W(xué)生的個(gè)人信息與一定的個(gè)人隱私信息，所以我們應(yīng)該更加注意安全性與穩(wěn)定性，選擇-些加密6到達(dá)一定期限一樣作掛失處理。如圖3.1所示：中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書7管管理員學(xué)生報(bào)修還傘借個(gè)傘掛失PFID系統(tǒng)3.2.2后臺需求分析包含賬號的輸入地址，密碼的輸入地址(密碼進(jìn)行隱藏),用戶選擇后點(diǎn)擊可以下拉出登894共享雨傘微信小程序的設(shè)計(jì)4.1.1共享雨傘小程序系統(tǒng)整體邏輯框架程是學(xué)生用戶可以拿設(shè)備二維碼和想要的雨傘，在微信小程序的應(yīng)用上借雨傘功能按邏輯操作流程圖如圖4.1所示。安卓APP登錄傘學(xué)生圖4.1共享雨傘小程序系統(tǒng)整體邏輯框架流程圖4.1.2共享雨傘小程序整體技術(shù)框架共享雨傘-微信小程序的技術(shù)構(gòu)架我們團(tuán)隊(duì)對其進(jìn)行了劃分，其中包含了設(shè)備、數(shù)展示層級和微信小程序端的功能操作，其中后端的網(wǎng)頁中有表示層是基于HTML、4.2共享雨傘小程序部分設(shè)計(jì)文本框輸入什么就會在頁面顯示什么;當(dāng)type屬性為password,文本框里顯示的內(nèi)容為username,密碼輸入框設(shè)置為password,后臺就可接收到數(shù)據(jù)?？詹捎昧薙truts的攔截器⑩,重寫一個(gè)intercept方法，這個(gè)方法的作用是獲取當(dāng)前4.2.2用戶部分頁面設(shè)計(jì)戶頁面會給出操作失敗的信息提示，后臺的系統(tǒng)管理員可以去根據(jù)update()方法將有5共享雨傘微信小程序的實(shí)現(xiàn)這個(gè)小程序的功能相對單一簡單，其工作流程就是登陸小程序，根據(jù)自己的需求選{"selectedIconPath":"../.{"selectedIconPath":"../.show:function(curr){consturl=e.currentTarget.使用小程序首先要登錄，輸入用戶相關(guān)信息方便管理員的數(shù)據(jù)登記統(tǒng)計(jì)，那么,實(shí)現(xiàn)如下頁面：}constdata={}if(=='bysj'&&detail.wx.setStorageSync('logintitle:'密碼錯(cuò)誤',icon:'none',//如果要純文本，不要icon,將值設(shè)為'none'}wx.setStorageSync('detail',e.det 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書}success:function(resa){}}在設(shè)置密碼時(shí)可規(guī)定數(shù)字字母等的輸入方式，但考慮到環(huán)境的安全性，系統(tǒng)只需要設(shè)置簡單的參數(shù)。一款好的軟件是必須及時(shí)收集用戶反饋的優(yōu)缺點(diǎn)，并及時(shí)作出相應(yīng)的調(diào)整改善，那么,如上圖所示，輸入“姓名”、“手機(jī)號”、“意見或建議”,最后點(diǎn)擊提交申請，管理后臺就可以收到這條建議，那么這個(gè)功能的實(shí)現(xiàn)如下：icon:'none',//如果要純文本，不要icon,將值設(shè)為'none'}}}title:'提交成功',onLoad:function(options){請留下您寶貴的意見!提交申請<圖5.2共享雨傘微信小程序提交意見5.2共享雨傘小程序用戶中心的實(shí)現(xiàn) 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書進(jìn)入個(gè)人信息頁面，顯示了當(dāng)前用戶的租借紀(jì)錄，以及其他功能，包括“聯(lián)系客服”、“系統(tǒng)說明”、“意見反饋”和“退出登錄”功能，這些功能的實(shí)現(xiàn)如下：}onLoad:function(options){}首頁8我的5.2.1解鎖掃碼如圖所示，點(diǎn)擊“掃一掃”圖標(biāo)，實(shí)現(xiàn)掃碼借傘的功能，通過工具類“QR-code”為每一把雨傘生成二維碼，這樣既方便了后臺管理，又不需要用戶過多繁瑣的操作。Html5+提供了各種接口及規(guī)范，調(diào)用接口即可實(shí)現(xiàn)和硬件的交互，該項(xiàng)目小程序中使用到的模塊Barcode叫提供打開攝像頭識別二維碼的功能。因此當(dāng)用戶點(diǎn)擊“解鎖”按鈕時(shí)會打開手機(jī)的攝像頭。頁面顯示的二維碼代表一把雨傘，此時(shí)是上鎖的，手機(jī)掃描以后，后臺數(shù)據(jù)庫判斷此用戶是否滿足借傘條件：假如用戶已交押金，當(dāng)前沒有未支付的情況，并且傘也處于可借狀態(tài)，就會執(zhí)行開鎖指令1121,用戶可以看到樣式鎖被打開，完成用戶借傘操作。下面是開鎖功能的部分代碼：@RequestParam(varequired=true)Stringumbrellald){Useruser=userServiif(umbrellaService.getreturnReturn.OPERATE_SUCCESS;}合我的租借記錄圖5.4共享雨傘微信小程序掃碼頁面5.2.2關(guān)鎖支付金額就可以完成歸還雨傘等操作。我們按照市場上雨傘的普通價(jià)格，押金設(shè)定為9元，每小時(shí)收費(fèi)0.6元，不足1小時(shí)按1小時(shí)算錢。以兩日的時(shí)間為歸還期，一旦越過期限 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書result:’’onShow:function(){pData=this.selectComponent("#comp");getScancode:function(){success:function(res){戶";=wx.getStorageSync('pay')==1?"success:function(res){wx.setStorageSync('pay'}constdata={)5.3藍(lán)牙模式定位，藍(lán)牙IC可直驅(qū)馬達(dá)113,支持多種開鎖方式，如：通過二維碼掃描方式/藍(lán)牙連接方式開鎖等，支持空中升級OTA,多重加密。超低功耗1顆18650鋰電池(3000mah)可連續(xù)工作2年。的故障鎖記錄下來通過網(wǎng)絡(luò)上傳到后臺服務(wù)器。5.4共享雨傘小程序在系統(tǒng)中存在的問題(一)此次項(xiàng)目僅是運(yùn)行于校園環(huán)境，但要在社會環(huán)境中實(shí)現(xiàn)該項(xiàng)目系統(tǒng)局限性很(二)我們知道共享小程序能應(yīng)用于市面還有一個(gè)必須的功能，就是定位功能，用取用戶的地理位置，首先需要申請高德地圖一個(gè)秘鑰Key,然后引入高德地圖(三)大學(xué)生的素質(zhì)于社會大眾明顯不同，對傘的維護(hù)也不相同，也就是傘的維護(hù)與更新時(shí)間與金錢成本不同，這時(shí)候就要考慮是否將傘分類，即“貴”“便宜”,一些(四)我們的項(xiàng)目系統(tǒng)研發(fā)基于校園方面考慮，信息安全方面較為薄弱，現(xiàn)有互聯(lián)中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書6總結(jié)與展望6.1總結(jié)(一)通過本次項(xiàng)目，讓我對共享經(jīng)濟(jì)有了更深的了解，包括目前國內(nèi)外對共享的認(rèn)知(二)根據(jù)本次項(xiàng)目的分析，了解到以往共享的優(yōu)缺點(diǎn)，同時(shí)得出該項(xiàng)目的應(yīng)用背景，(三)對本次項(xiàng)目所應(yīng)用的技術(shù)有了一定深刻的認(rèn)識，并進(jìn)行簡明的闡述，重點(diǎn)對數(shù)據(jù)(四)對系統(tǒng)的可行性進(jìn)行了各種測試，通過對各個(gè)部分單獨(dú)以及系統(tǒng)整體驚醒了各個(gè)6.2展望共享雨傘弱化“擁有權(quán)”,強(qiáng)調(diào)“使用權(quán)”,應(yīng)用微信小程序輕松掃碼，只需 中北大學(xué)信息商務(wù)學(xué)院2020屆畢業(yè)設(shè)計(jì)說明書[1]姚修杰.微信公眾賬號服務(wù)平臺微服務(wù)的設(shè)計(jì)與研究[J].通訊世界，2017,06:84-85.[2]段任.基于互聯(lián)網(wǎng)開放平臺的微信公眾號構(gòu)建[J].中國管理信息化，2017,