<p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p>
<p id="vbl5l"></p>

<p id="vbl5l"><delect id="vbl5l"></delect></p>
<p id="vbl5l"></p>

<p id="vbl5l"></p>
<pre id="vbl5l"></pre>

<p id="vbl5l"><delect id="vbl5l"><menuitem id="vbl5l"></menuitem></delect></p>

<p id="vbl5l"><delect id="vbl5l"></delect></p>

<p id="vbl5l"></p>

<p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p>

<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>

<p id="vbl5l"><output id="vbl5l"></output></p>

<pre id="vbl5l"><output id="vbl5l"><listing id="vbl5l"></listing></output></pre>

<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>
<p id="vbl5l"></p>
<output id="vbl5l"><menuitem id="vbl5l"></menuitem></output>
<pre id="vbl5l"><output id="vbl5l"></output></pre>


<output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output>
<p id="vbl5l"></p>

<p id="vbl5l"></p><output id="vbl5l"></output>
<p id="vbl5l"><delect id="vbl5l"><menuitem id="vbl5l"></menuitem></delect></p>
<output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output><output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output><pre id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></pre>
<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre><p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p><pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>

<output id="vbl5l"></output>

基于微信小程序的托管機構選擇系統的設計與實現

摘 要

現階段,多個APP應用在智能產品中發揮這越來越大的作用。產生便利的同時,也因種類繁多、功能冗雜,無法精準選擇。手機上的APP越裝越多,對性能和內存容量都帶來了很大的挑戰。因而,微信小程序因為可替代絕大部分的APP的優勢順勢而生,微信小程序無需安裝,不額外占用手機內存,使得人們能更簡潔、更方便地使用手機。使得微信小程序得到了快速的發展。

本課題根據上述背景,研究設計了一款使用微信開發者工具、基于微信云平臺開發的托管機構選擇小程序系統。本文首先對系統進行了可行性分析、需求分析和功能模塊設計;然后實現了其中的注冊登錄、選擇預約、評價反饋、動態分享、接送情況等功能模塊;對系統進行測試,測試系統的不同功能模塊。系統不僅僅使用價值一片向好。不僅僅有龐大的客戶群體,而且在未來有無限的應用空間。

關 鍵 詞:微信云開發;托管機構選擇;微信小程序

1 緒論

 1.1選題背景及意義

托管機構移動設備應用程序的發展與移動互聯網技術的發展密切相關。微信小程序在微信大范圍使用影響之下,其體系結構發生了翻天覆地的變化。在開發和研究小程序的過程中,不僅僅包含了研究和開發前端小程序的內容,同時包括維護和統籌規劃后端小程序數據庫兩部分的內容。在對前者小程序的開發和研究過程中,要求小程序符合大眾操作習慣,與應用各種熱門軟件的特點一致,整體的界面更容易被大眾接受,而對于后者則是要求所構成的數據庫必須具有完整性和信息的一致性,且具有一定的數據安全性。面對用戶根據不同需求來比較選擇合適的托管機構,有必要開發一個安全方便的托管機構選擇小程序。利用這一小程序,能夠讓用戶第一時間、快速對數據進行標準化管理,并實現數據統計,符合不同用戶的使用需求。

經過調查發現,目前微信平臺并沒有一個小程序能夠完整實現上述功能,且大部分出現的托管機構小程序都只是開發某一個托管機構的基本使用功能,無法滿足用戶的使用需求。因此,研究開發出一款能夠基本實現上述功能的基于微信云開發平臺的托管機構選擇小程序,對于用戶而言,具有十分重要的意義。

在本文中,為了實現系統的完整性、可行性目標,深入解析系統的開發環境、需求、系統設計、系統實現、系統測試等有關內容。闡述其基本的開發方法。在開發和研究系統過程中,不僅僅要符合操作簡答的需求,同時通過相應的調試方式,對系統加以深化并優化。

 1.2課題研究現狀

  1.2.1國外研究現狀

相比較發展中國家而言,發達國家更早地關注小學生課后托管服務,例如,美國、英國、法國等國家,各發達國家都從國家層面出臺了教育機會公平的重要政策,在一定程度上保障了每一名兒童的受教育權利[1]。

美國課后托管教育發展至今已經形成了一套完善的法律保障措施,20世紀70年代后期,美國在開始認識到課后輔導機構照顧孩子有立法的需要的基礎上,托管教育服務進一步向前發展,作為公共服務系統的重要組成部分很快進入各國人們的視野中[2]。

在英國,當父母由于各種原因而無法照料孩子時,校外托管主要負責在課余時間為他們提供安全和營養的環境,并組織一系列有益的活動。英國托管服務類型多樣,課程安排與學校課程不同,根據兒童身心發展特點,培養兒童的興趣和各方面的生活技巧,這種托管服務也有一定的制度保障[3]。

法國于2006年8月通過了《社會行為和家庭法》相關條例修訂案,將之前課外時間的各種托管形式統稱為“未成年人課外集體接待”[4]。在整個兒童教育中,托管教育是家庭和學校教育的補充,其是整個教育空間的進一步深化,主要從事的兒童生活能力、道德品質等方面的教育。

綜上所述,所有發達國家都非常重視育兒教育,并為兒童提供各種發展活動和平臺,保證兒童的身心健康發展,并制定相關法律全方位保障兒童的合法權益。大多數發達國家的課后托管服務已經形成了一套相對完善的評估體系[5]。

 1.2.2國內研究現狀

中小學課后托管問題產生于20世紀90年代,校外機構是中小學課后托管服務承擔的主體,學校參與的情況較少,因此,相關研究主要從宏觀的角度探討政府的管理責任問題,很少有直接探討中小學在校課后托管的文獻[6]。學者閻亞軍、李赤認為政府是推動義務教育階段學校托管班發展的責任主體[7];學者楊啟光、朱純潔提倡各級政府需承擔起兒童課后照顧與教育的公共責任,科學制定兒童課后照顧與教育服務制度,合理規范兒童課后照顧與教育服務市場,優化與恢復家庭及學校在兒童課后照顧與教育服務的功能,保障兒童獲得公共照顧及教育服務資源的權益[8];學者吳開俊、孟衛青也認為在治理視角下,完善我國小學生課后托管,政府應將小學生課后托管定位為一項福利并將其納入社會保障體系和公共服務領域,堅持以財政撥款支持的公立學校作為小學生課后托管體系的主要提供者,鼓勵公益性組織參與,確立公益性課后托管服務的功能定位是一種基礎性托管服務,逐步規范校外托管,完善托管服務的制度環境[9]。

1.3主要研究內容

在本文中,主要從以下兩方面開展研究:

設計:設計微信小程序總體架構以及各頁面結構,采用MINA框架和云開發功能開發微信小程序:確定微信小程序的功能模塊,擬設置“注冊登錄模塊”、“選擇預約模塊”、“評價反饋模塊”、“動態分享模塊”和“接送情況模塊”等5個模塊。

(2)開發:本系統采用微信小程序云開發標準大小,并且系統的頁面深度不超過5層,利于用戶的操作。并對每一個功能模塊具體說明,闡明其實現方案。

本課題主要分為六個章節。第一章為緒論,重點說明了本課題的背景、研究現狀和相關的研究內容;第二章中,進一步解析了開發系統過程中,所需的有關技術;第三章,闡述解析系統,對其功能、可行性做進一步的說明;第四章為設計與實現,介紹了系統功能模塊的設計與功能模塊的實現;第五章為測試,對系統進行了測試;最后,歸納總結,總結本文工作內容。

2 開發環境介紹

 2.1云開發

在進行小程序云開發的過程中,具有存儲器、數據庫、云函數等三個基礎能力。為了便于開發者管理云端數據,微信開發者工具提供了一個可視化的云開發控制臺,如圖2-1。

412ac4c131674e5efc9e760e16fc511c  圖2-1 云開發控制臺

 2.1.1數據庫

在云開發中,包含了一個多個集合的JSON數據庫。也就是說,在每一個集合,其本質都是一個JSON數組,因而在該數組之中,我們可認定其每一條記錄,均是一個JSON格式的對象。數據庫API分為兩個部分:服務器端和小程序端。對于小程序端的API而言,其具有控制權限調用的權限。因而開發人員在面對非敏感數據而言,可通過直接調用API的方式實現。服務端的API在面對較高安全系數的數據,可利用云函數的方式進行操作。對于數據庫的API而言,其具有修改、增加、刪減等相關功能。因而在運用API操作數據庫的過程中,可利用引用數據庫、查詢構造、條件更新等方式加以實現。

 2.1.2存儲器

云開發的作用是提供一個不付費的存儲空間,滿足用戶所需。開發者可利用API,借助于云存儲功能,將云功能以及小程序端等上傳到云中,或者使用具有權限管理的云來完成文件下載的操作。

 2.1.3云函數

分析云函數的本質是指,在不需要借助于管理服務器的作用,在云中進行代碼運行。利用開發者工具進行編寫,并借助點擊上傳和部署后端代碼等方式完成有關的運行。在小程序中,開發人員利用專有的API,完成云函數調用,并完成操作數據庫、管理云文件等相關操作執行。

 2.2微信小程序

分析微信小程序,顧名思義是指鑲嵌于微信APP,是一個移動終端的運用程序,因而對于開發人員,其不需要任何的下載和安裝,所以不需要考慮手機系統,無需考慮內存問題。對于微信小程序而言,是利用合法域名下的接口的河流配置,并結合數據庫的交互,達成小程序的功能目的。

2.2.1小程序開發框架

MINA框架的應用較廣泛,是用于開發高可用性和高性能的網絡應用程序的基本框架[10]。開發人員可以使用MINA框架來保存負責的任務,例如處理線程并發性和底層I/O,目的是為業務設計和開發投入更多精力。對于用戶而言,利用MINA開發框架,對前端和后端等獨立的項目進行開發。在前端頁面和后端頁面中,兩者的作用分別是顯示和接口傳輸。在邏輯分析以及數據庫操作基礎上,對端口接口進行判斷,并將內容進行傳遞,傳遞到前端。

2.2.2微信開發者工具

對于微信開發者工具而言,其是一個可視化編輯器,用小程序開發。它是使小程序變得簡便、快捷的專業軟件。首先開啟小程序,并選擇微信開發者工具的模式,完成小程序項目的創建,并利用編輯器進行編寫,實現并保存代碼,借助于模擬器了解頁面的效果,之后借助于調試器,查看并了解接口返回的結果。并對開發者工具進行點擊,同時了解編寫的代碼,同時進行預覽并上傳有關代碼,并依據用戶需求,對測試的環境或者生產環境進行全面布局,最后調用該接口與數據庫進行交互。

 2.2.3微信小程序的開發語言

在小程序中,利用WXML、WXSS和JavaScript等三個文件的編寫方式,實現前端頁面。對于WXML而言,該標記語言類似于HTML,主要是用于小程序架構的設計,事件系統(事件系統是JavaScript中的事件,可以處理邏輯并對接口做出反應)和基礎組件(基礎組件與HTML中的標簽類似)可以構造頁面的結構并實現頁面的整體框架。作為一種樣式語言,WXSS與CSS類似,它的作用在于,確定了組件的顯示方式,對WXML組件的樣式進行相應的闡述,并達成對應的顯示目的。JavaScript用于提交表單、獲取接口數據以及數據計算處理等頁面動作行為的實現,能夠根據用戶的操作來顯示不同提示,實現網頁功能[11]。

3 托管機構選擇系統分析

 3.1系統可行性分析

  3.1.1技術可行性

微信是一個基于IOS平臺、Android平臺等手機操作系統系統開發的手機應用軟件[12]。在應用軟件之中,包含了操作系統、用戶界面和中間件等組成部分。。這是一個真正開放完整的移動客戶端應用程序軟件。對于開發而言,其應用程序、微信核心應用程序,兩者的級別一致。它們都是在微信系統的API中構建的。對于開發人員而言,其在微信系統中可對核心應用程序使用的API框架進行訪問。因而從技術上看,該系統開發具備可行性。

3.1.2操作可行性

在系統中,利用微信小程序的技術,操作并訪問手機上安裝的軟件,不僅僅操作方便,而且界面非常簡單。因而對于智能手機的用戶,日常的操作完全沒問題。

該系統具有方便操作,易于管理和良好交互的特點,并且操作非常簡單。因此該系統可以進行開發。

3.1.3經濟可行性

在該系統之中,在微信平臺基礎上,結合微信開發者工具進行開發。從經濟層面考慮,因為軟件不需要付費,不需要太多投入是可行性的。

 3.2功能需求分析

托管機構選擇系統的使用者可以分為家長用戶和機構教師用戶兩類角色,每一類角色具有不同的系統操作權限。對于家長用戶而言,開發基于微信小程序的托管機構選擇系統,需要滿足家長接送和照看孩子日常生活以及輔導孩子學習的問題。對于機構教師而言,能夠解決發傳單招生的煩惱,以及與家長用戶進行線上互動交流。

本文開發的微信小程序是一款托管機構選擇系統,因此基于微信小程序的托管機構選擇系統需要實現靈活性、交互性和多樣性等特點。下面將按照“注冊登錄模塊”、“選擇預約模塊”、“評價反饋模塊”、“動態分享模塊”和“接送情況模塊”等5個模塊,將每個模塊對本系統的開發需求進行具體分析。

 3.2.1注冊登錄模塊

注冊登錄模塊主要提供訪問本系統的入口,用于獲取用戶信息,通過判斷輸入的賬號是機構用戶還是家長用戶,為用戶分配表明身份的標識符。用戶只有登錄后,才被允許使用該系統的各個功能。

 3.2.2選擇預約模塊

選擇預約模塊主要用于顯示所有入駐的機構,家長用戶通過搜索機構名查找機構。點擊某個機構進入該機構詳情頁面,用戶可以點擊機構地址和撥號按鈕進行從當前位置到機構的導航路線和撥打機構的電話線上了解溝通。點擊最下方的預約按鈕,選擇入園時間進行預約入園操作。

 3.2.3評價反饋模塊

評價反饋模塊主要為家長用戶提供對預約過的機構進行打分評價。方便更多的用戶對托管機構進行選擇。

 3.2.4動態分享模塊

動態分享模塊主要展示機構教師發布的孩子在機構的日?;顒右约皺C構的環境情況。通過瀏覽動態情況,家長用戶可以更好的了解孩子的情況以及選擇合適的托管機構。

 3.2.5接送情況模塊

接送情況模塊是機構教師發布的孩子的接送情況,如接送中、已到家和已入園等。根據教師提供的信息,家長可隨時查看孩子的位置,及時了解孩子的情況。

系統主要劃分為兩類用戶角色,分別為家長用戶和機構教師用戶,家長用戶權限包括注冊登錄、選擇預約、評價反饋等功能模塊,機構教師用戶權限包括注冊登錄、動態分享、接送情況等功能模塊。系統功能模塊圖如圖3-1。

e356426637a31a74cb2bd87077d74b43  圖3-1 系統功能模塊圖

 3.3設備需求分析

開發基于微信小程序的托管機構選擇系統,需要使用PC設備和移動智能設備。PC設備的主要功能是編寫程序代碼,而移動智能設備的主要功能則是用于真機測試,查看小程序在移動智能設備上的應用效果。

3.3.1PC設備

開發微信小程序對于PC設備的要求較少。PC設備的操作系統可以是Windows或者macOS,但Windows操作系統至少要Windows7版本及以上。PC設備的作用在于,利用微信開發者工具,完成程序代碼的編寫。此外,開發微信小程序的過程中會使用到微信官方提供的云開發功能,PC設備還要利用微信開發者工具中的可視化鞏固配置云端信息和管理資源。

 3.3.2移動智能設備

因為微信官方要求小程序的大小應低于1M,因此小程序對于移動設備硬件的要求較低。移動智能設備需要安裝微信軟件,用于真機測試環節。開發者在PC端將程序代碼編寫完成后,需要利用移動智能設備中的微信軟件通過掃一掃功能,掃描微信開發者提供的小程序預覽二維碼,進行預覽,監控小程序的性能,測試小程序的真機使用效果。

  3.4性能需求分析

一個軟件項目的質量不僅包括它是否能夠達到客戶的預期要求,同時還得從下述不同方面進行分析[13]。如表3-1:

表3-1 軟件性能需求分析

質量屬性 詳細要求
正確性 真正履行職責,相應完成各模塊的要求。
健壯性 具有高容錯性和恢復能力。
性能,效率 當網絡狀況良好時,可以在三秒鐘內響應用戶的請求。
易用性 對軟件進行開發,創建出簡單、清晰的語句。
安全性 保障用戶信息的安全
可擴展性 通過二次開發的方式,優化功能,并有效的進行安全控制。
兼容性 與其他軟件沒有沖突。
可移植性 系統可以很輕松地轉移到其他操作環境。

4 托管機構選擇系統設計與實現

4.1系統模塊設計

針對目前基于微信小程序的“托管機構選擇系統”開發過程繁雜和功能模塊較少的問題,本設計采用云開發功能進行“基于微信小程序的托管機構選擇系統”開發工作,并依據托管機構選擇的需求,擬為系統設置“注冊登錄模塊”、“選擇預約模塊”、“評價反饋模塊”、“動態分享模塊”和“接送情況模塊”等5個模塊。簡化該系統開發過程的同時,保證平臺功能模塊滿足家長用戶和機構教師的使用需求。

  4.1.1注冊登錄模塊設計

用戶首先進入登錄頁面,輸入賬號和密碼進行登錄,系統自動判斷數據庫中賬號是否存在,如果賬號存在,繼續檢查密碼是否正確,密碼正確則可以成功登錄并進入首頁;若不存在,則需要先注冊賬號,注冊成功即可輸入賬號和密碼進行登錄。注冊登錄模塊流程圖如圖4-1。

e9b971d7f6762c9fa960e0fc875b3d1d  圖4-1 注冊登錄模塊流程圖

 4.1.2選擇預約模塊設計

家長用戶登錄成功進入系統,點擊底部導航菜單“機構”,進入機構列表顯示界面,系統自動判斷數據庫中是否有機構入駐,若有機構入駐信息,則展示所有入駐的機構,選擇某一機構,進入該機構詳情界面,點擊預約按鈕可進行機構預約;若沒有機構入駐信息,則機構首先需要注冊入駐,入駐成功即可展示并預約。選擇預約模塊流程圖如圖4-2。

2aaa86de5161a97c30640d89154005e0  圖4-2 選擇預約模塊流程圖

 4.1.3評價反饋模塊設計

用戶點擊底部導航菜單“我的”,選擇“我的預約”,進入機構預約列表顯示界面,程序判斷用戶是否預約過機構,若有預約機構,則展示所有預約的機構,選擇某一機構,進入該機構預約詳情界面,點擊評分按鈕可對該機構進行評分反饋;若沒有預約機構,則首先需要選擇機構進行預約,預約成功且同意申請即可評分反饋。評價反饋模塊流程圖如圖4-3。

de33dfe429d8412846a823ce281dd376  圖4-3 評價反饋模塊流程圖

 4.1.4動態分享模塊設計

機構教師通過輸入賬號和密碼進行登錄,進入首頁,首先判斷數據庫中是否存在動態數據,若存在,則首頁展示所有機構發布的動態;若不存在,則點擊動態分享按鈕進行動態分享,分享成功即可展示該動態。動態分享模塊流程圖如圖4-4。

5a4f0ff2943a68a5bd48e30dec761ec4  圖4-4 動態分享模塊流程圖

 4.1.5接送情況模塊設計

機構教師點擊“報名學生”按鈕,進入報名學生列表顯示界面,首先判斷是否有學生報名,若有學生報名,則顯示所有報名學生列表,點擊某個報名的學生,判斷是否同意申請,如已經同意申請,可以設置該學生的接送情況,家長用戶也可以看到孩子的接送情況;若沒有學生報名,則報名學生列表顯示為空。接送情況模塊流程圖如圖4-5。

b7401862fd119c363d92196cb17c8b60  圖4-5 接送情況模塊流程圖

 4.2系統功能實現

  4.2.1注冊登錄模塊實現

微信用戶進入本系統,輸入賬號和密碼,點擊登錄界面的登錄按鈕,觸發表單點擊事件bindsubmit=”formSubmit”,攜帶form中用戶輸入的數據進入login.js進行數據處理。代碼如下:

//login.wxml文件

<!– 表單 –>

<form bindsubmit=”formSubmit” bindreset=”formReset”></form>

//loginjs文件

formSubmit: function (e) { //登錄表單按鈕觸發事件

var that = this;

db.collection(“user”)

.where({

//判斷語句判斷數據庫user里的xh是否等于e.detail.value.username

xh: e.detail.value.username

}).get({

success: function (res) {

console.log(res)

if (res.data.length > 0) { //判斷表單是否有輸入

if (e.detail.value.pass == res.data[0].pass) {//判斷密碼是否相同

//將用戶輸入的賬號和密碼賦值給全局數據里定義的user,以便其他頁面調用

app.globalData.user = res.data[0];

wx.getLocation({

success:function(res){

//用戶首次登錄獲取用戶位置

console.log(“經緯度:”+res.latitude+”–“+res.longitude)

}

})

if (app.globalData.user.type == ‘用戶’){//判斷登錄的是否是家長用戶

wx.switchTab({ //跳轉到家長用戶首頁

url: ‘/pages/fenxiang/list’,

})

} else //判斷登錄的是否是機構教師用戶

wx.navigateTo({ //跳轉到機構教師用戶首頁

url: ‘/pages/index/index’,

})

} else {

wx.showToast({

title: ‘密碼錯誤’,

})

}

} else {

wx.showToast({

title: ‘用戶不存在’,

})

}

}

})

}

注冊登錄功能模塊的實現效果如圖4-6。

54916b1f17ec1084e80a4e1bb0ab5a70  圖4-6 注冊登錄模塊實現效果圖

4.2.2選擇預約模塊實現

家長用戶登錄成功,點擊底部導航“機構”,系統從數據庫”user”中獲取入駐的機構信息,并將所有機構顯示在頁面上。代碼如下:

//list.wxml文件

<!– 所有機構 –>

<block wx:for=”{{list}}”>

<navigator url=”/pages/fuwu/des?id={{item._id}}”>

<view class=”info”>

<view class=”displayAvatar”></view>

<view class=”jgname”>{{item.xm}}</view>

<text class=”score”>評分 : {{item.pf}}</text>

<view class=”type” slot=”footer”>托管類型 : {{item.fl}}</view>

</view>

</navigator>

</block>

//list.js文件

/**

* 從數據庫中獲取入駐的機構信息,將所有機構顯示在頁面上

*/

onShow: function () {

var that = this;

db.collection(“user”)

.where({

type: ‘機構’

})

.get({

success: function (res) {

that.setData({

list: res.data

})

}

})

}

用戶選擇合適的機構通過頁面鏈接標簽navigator進入該機構的機構詳情界面。選擇預約入園時間,點擊預約按鈕,觸發預約按鈕點擊事件bindtap=”bm”進入des.js進行數據處理,預約成功后,等待機構教師用戶進行審核,將報名數據添加到數據庫tuoguan_bm中。代碼如下:

//des.wxml文件

<!– 預約按鈕 –>

<button class=”orderBtn” form-type=”submit” bindtap=”bm” style=”width:80%;”>預 約</button>

//des.js文件

bm: function () { //預約按鈕點擊事件

var that = this;

db.collection(“tuoguan_bm”)

.where({

uid: app.globalData.user._id,

tid: that.data.item._id,

}).get({

success: function (res) {

db.collection(‘tuoguan_bm’)

.add({ //添加家長用戶預約入園數據到數據庫

data: {

uid: app.globalData.user._id,

tid: that.data.item._id,

uname: app.globalData.user.xm,

tname: that.data.item.xm,

state:’未同意’,

sj:that.data.displayValue1

},

success: function (res) {

wx.showToast({

duration: 2000,

title: ‘報名成功’,

complete: function () {

wx.navigateBack({//預約成功返回上級頁面–機構列表顯示頁面

delta: 0,

})

}

})

}

})

}

})

}

選擇預約功能模塊的實現效果如圖4-7。

b18e964600b430a07b2444cd881b8dc2  圖4-7 選擇預約模塊實現效果圖

4.2.3評價反饋模塊實現

用戶進入我的頁面,點擊我的預約條目,進入預約機構列表顯示頁面。點擊某個預約過的機構進行評價反饋,點擊機構預約詳情界面的評分按鈕,觸發評分按鈕點擊事件bindtap=”pj”進入des2.js進行數據處理,然后通過wx.navigateTo跳轉到該機構的機構評分界面。用戶輸入評價文本并選擇星星,點擊機構評分界面的評分按鈕,會觸發點擊事件bindtap=”submit_evaluate”進入pf.js進行數據處理,并將評價數據更新存入數據庫tuoguan_bm中。代碼如下:

//pf.wxml文件

<!– 評分提交按鈕 –>

<button class=”scoreSubmit” bindtap=”submit_evaluate” style=”width:90%;”>評 分</button>

//pf.js文件

submit_evaluate: function () {

var that=this;

console.log(that.data.id)

db.collection(‘tuoguan_bm’).doc(that.data.id)

.update({//家長用戶評價成功更新內容到tuoguan_bm數據庫中

data:{

pf:that.data.score,

pj:that.data.pj

},success:function(res){

console.log(res.data)

wx.navigateBack({//評價成功返回上級頁面–機構預約詳情頁面

delta: 0,

})

}

})

}

評價反饋功能模塊的實現效果如圖4-8。

642605f544b8e4fc925866d7810954e8  圖4-8 評價反饋模塊實現效果圖

 4.2.4動態分享模塊實現

機構教師用戶通過輸入賬號和密碼進行登錄進入系統,首頁下半部分通過<block wx:for=”{{list}}”>顯示所有其他機構發布的動態,右下角是一個發布動態的按鈕,點擊發布按鈕觸發點擊事件bind:click=”add”跳轉到動態分享頁面,選擇圖片日期輸入文字之后,點擊動態分享界面的發布按鈕,觸發表單點擊事件bindsubmit=”formSubmit”,攜帶form中用戶輸入的數據進入add.js進行數據處理,發布成功則提示用戶成功并返回上級頁面,然后將分享的動態添加到數據庫fx中。代碼如下:

//index.wxml文件

<!– 發布動態 –>

<wux-fab-button position=”bottomRight” theme=”balanced” direction=”horizontal” buttons=”{{ buttons }}” bind:change=”add”

bind:click=”add” bind:contact=”onContact” bind:getuserinfo=”onGotUserInfo” />

<!– 動態顯示–>

<block wx:for=”{{list}}”>

<navigator url=”../fenxiang/des?id={{item._id}}”>

<wux-wing-blank size=”default”>

<wux-card title=”{{item.uname}}” thumb-style=”border-radius: 50%;”>

<view slot=”body”>

{{item.title}}

<image src=”{{item.pic}}”></image>

</view>

<view slot=”footer”>{{item.rq}}</view>

</wux-card>

</wux-wing-blank>

</navigator>

</block>

//add.js文件

formSubmit: function (e) {

var that = this;

db.collection(‘fx’)

.add({//將機構教師用戶分享發布的動態添加到數據庫fx中

data: {

uid: app.globalData.user._id,

title: e.detail.value.title,

rq: that.data.displayValue1,

city: e.detail.value.city,

pic: that.data.imgUrl,

uname: app.globalData.user.xm

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})

wx.navigateBack({//動態分享成功返回上級頁面–動態列表顯示頁面

delta: 0,

})

}

})

}

動態分享功能模塊的實現效果如圖4-9。

6336554dea74f39b8c6b4ed821ff75aa  圖4-9 動態分享模塊實現效果圖

 4.2.5接送情況模塊實現

在接送情況模塊,程序首先判斷教師用戶是否對家長用戶的預約操作進行審核,如果審核結果為“拒絕申請”,則教師用戶進入報名學生列表點擊某個報名學生條目時,會彈出審核框再次進行審核,審核通過才能對孩子的接送情況進行操作。如果審核結果為“同意申請”,則教師用戶可直接對孩子的接送情況進行操作,并將孩子狀態存入數據庫,家長用戶能夠及時看到孩子的接送情況。代碼如下:

xz: function (e) {

var $data = e.currentTarget.dataset;

var time = util.formatTime(new Date());

if ($data.obj.state == ‘同意申請’) {

const hideDialog = $wuxDialog().open({

resetOnClose: true,

title: ‘操作提示’,

content: ‘接送情況’,

buttons: [{

text: ‘接送中’,

type: ‘primary’,

onTap(e) {

db.collection(‘tuoguan_jiesong’)

.add({

data: {

uid: $data.obj.uid,

tid: app.globalData.user._id,

xm: $data.obj.xm,

zt: ‘接送中’,

time: time

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})}

})},

},{

text: ‘已入園’,

type: ‘primary’,

onTap(e) {

db.collection(‘tuoguan_jiesong’)

.add({

data: {

uid: $data.obj.uid,

tid: app.globalData.user._id,

xm: $data.obj.xm,

zt: ‘已入園’,

time: time

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})}

})},

}, {

text: ‘已到家’,

type: ‘primary’,

onTap(e) {

db.collection(‘tuoguan_jiesong’)

.add({

data: {

uid: $data.obj.uid,

tid: app.globalData.user._id,

xm: $data.obj.xm,

zt: ‘已到家’,

time: time

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})}

})},

}],

})} else {

const hideDialog = $wuxDialog().open({

resetOnClose: true,

title: ‘操作提示’,

content: ‘預約審核’,

buttons: [{

text: ‘同意申請’,

type: ‘primary’,

onTap(e) {

db.collection(‘tuoguan_bm’).doc($data.obj._id)

.update({

data: {

state: ‘同意申請’,

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})

db.collection(“tuoguan_bm”)

.where({

tid: app.globalData.user._id

})

.get({

success: function (res) {

that.setData({

list: res.data

})}

})}

})},

},{

text: ‘拒絕申請’,

type: ‘primary’,

onTap(e) {

db.collection(‘tuoguan_bm’).doc($data.obj._id)

.update({

data: {

state: ‘拒絕申請’,

},

success: function (res) {

wx.showToast({

title: ‘成功’,

})

db.collection(“tuoguan_bm”)

.where({

tid: app.globalData.user._id

})

.get({

success: function (res) {

that.setData({

list: res.data

}) }

})

}})},

}],

})

}

}

接送情況功能模塊的實現效果如圖4-10。

60f01d56e9b5210ee0d2780de8e333e1  圖4-10 接送情況模塊實現效果圖

5 托管機構選擇系統測試

系統測試是程序設計的最后階段,也是軟件開發的最后階段。這一階段非常重要,是軟件開發的重要一環,在所有開發工作完成之后即可開始。系統測試的主要作用是為了驗證設計與實際開發是否有出入,所有功能是否能夠很好的實現,是否符合客戶要求,模塊內部之間的邏輯和模塊與模塊之間的邏輯是否正確,從而能夠保證軟件的開發品質[14]。

 5.1系統測試環境搭建

本系統采用微信小程序作為測試對象。本次測試過程中,綜合了平臺的兼容性特征,采用了IOS系統和Android系統兩種系統。詳細設備信息如下:

IOS系統:

設備名稱:蘋果設備型號:iPhone 11系統版本:14.3CPU:A13仿生處理器Memory:8GB RAM微信版本:8.0.2Android系統:

設備名稱:華為榮耀10設備型號:COL-AL10系統版本:10.0CPU:HiSilicon Kirin 970Memory:6GB RAM微信版本:8.0.2服務器信息:

CPU:2核系統:Windows 10內存:8GB帶寬:1Gbps

 5.2系統測試方案

本系統采用微信小程序作為測試對象。針對本系統的情況,采取的測試方案詳細信息如下:在所有開發工作完成之后,結合微信開發者工具對小程序托管選擇系統進行全面的驗收測試。在客戶端基礎上,測試各個功能模塊,并測試了解小程序頁面的數據變更和修改的相關內容。從測試中觀察微信小程序頁面跳轉情況,以及頁面交互反應和數據庫情況變化。

本系統使用黑盒測試作為測試用例的方法,結合微信小程序的頁面以及功能進行用例分析,并進行用例測試[15]。

 5.3系統測試用例

本系統的主要測試用例如下:

注冊登錄小程序測試用例如表5-1,可以正確重定向注冊和登錄頁面,可以將注冊信息添加到數據庫中,測試結果符合開發的預期結果。

表5-1 注冊登錄測試用例

用例名稱 注冊登錄
目的 測試用戶注冊和登錄功能
備注 用戶首次打開小程序使用該系統
測試過程 新用戶點擊注冊文本,彈出選擇框選擇角色,進入注冊界面

填寫注冊信息,完成注冊,輸入賬號和密碼進行登錄

預期結果填寫注冊信息完成后,點擊注冊按鈕,自動跳轉到登錄頁面

注冊的信息存儲到數據庫中,輸入賬號和密碼,然后單擊登錄

按鈕,成功登錄并跳至程序首頁

實際結果實際結果符合預期結果
結論測試通過

選擇預約測試用例如表5-2,頁面能夠正確跳轉,所有入駐的機構信息顯示正常,選擇預約入園時間點擊預約按鈕后,預約入園請求能夠發送給機構教師審核,測試結果符合開發預期結果。

表5-2 選擇預約測試用例

用例名稱 選擇預約
目的 測試家長用戶選擇和預約合適的托管機構功能
備注 家長用戶成功登錄該系統
測試過程 (1)家長用戶點擊服務或者機構類目

(2)家長用戶瀏覽托管機構展示列表,并查看機構詳細信息介紹

(3)選擇預約入園時間,點擊預約按鈕進行預約

預期結果頁面正確跳轉,托管機構信息顯示正常,

預約入園請求發送給機構教師審核

實際結果實際結果符合預期結果
結論測試通過

評價反饋測試用例如表5-3,頁面能夠正確跳轉,所有預約過的機構信息顯示正常,輸入文字評論和星星評分后成功評論該機構,測試結果符合開發預期結果。

表5-3 評價反饋測試用例

用例名稱 評價反饋
目的 測試家長用戶星星評分和文字評論預約過的托管機構功能
備注 機構教師用戶同意家長用戶的入園申請
測試過程 (1)家長用戶點擊我的預約類目

(2)家長用戶選擇要評價的機構

(3)點擊評分按鈕,進入機構評分頁面進行評價

預期結果頁面正確跳轉,預約機構列表信息顯示正常,

輸入文字評論和星星評分后成功評論

實際結果實際結果符合預期結果
結論測試通過

動態分享測試用例如表5-4,首頁正常顯示所有發布的動態,頁面能夠正確跳轉,動態能夠成功發布,測試結果符合開發預期結果。

表5-4 動態分享測試用例

用例名稱 動態分享
目的 測試機構教師用戶分享動態功能
備注 機構教師用戶成功登錄該系統
測試過程 (1)機構教師用戶點擊首頁右下角的發布按鈕

(2)進入動態分享頁面

(3)選擇圖片日期,輸入文字,點擊發布按鈕

預期結果首頁其他教師發布的動態顯示正常,點擊發布按鈕

頁面正確跳轉,選擇圖片日期,輸入文字,動態成功發布

實際結果實際結果符合預期結果
結論測試通過

接送情況測試用例如表5-5,頁面能夠正確跳轉,所有報名學生列表信息顯示正常,教師用戶更新接送情況,家長用戶能夠正常接收到孩子接送情況,測試結果符合開發預期結果。

表5-5 接送情況測試用例

用例名稱 接送情況
目的 測試機構教師用戶發布孩子的接送情況功能
備注 機構教師用戶同意家長用戶的入園申請
測試過程 (1)機構教師用戶點擊首頁的報名學生查看報名的學生信息

(2)進入報名學生列表,點擊某個學生類目

(3)彈出對話框,設置接送情況

預期結果頁面正確跳轉,報名學生列表信息顯示正常,

教師用戶設置接送情況后,家長用戶收到孩子接送情況

實際結果實際結果符合預期結果
結論測試通過

5.4系統測試結果分析

在本文中,對構建的系統測試環境以及系統測試方案做進一步的說明,并利用測試的方法,對系統的主要功能模塊做具體的分析。對于小程序而言,通過對其注冊登錄、選擇預約、評價反饋、動態分享和接送情況等模塊進行分析,分析其功能。本系統運行順暢,頁面跳轉沒有出現卡頓的情況,開發需求基本可以達到,此系統具有較完整的軟件功能,理想的用戶界面,進而對錯誤信息進行處理,闡述其錯誤的類型??傮w說來,軟件通過測試。

結論

在本文中,為了滿足托管機構所需,有效的運用微信開發者工具,對小程序進行選擇并優化其性能,確保其安全可靠性。首先對微信小程序以及托管機構系統在國內外的現狀和發展進行了分析,總結了托管機構選擇系統應該具備的主要功能,研究了微信小程序的應用程序架構以及在微信平臺上應用程序的開發過程。依據系統的特征,優化并設計相應的功能模塊,并對其使用的開發環境做簡要的說明。接著進行需求分析、系統功能模塊的設計與實現,并描述了系統主要功能的實現方案和過程。最后基于微信小程序的托管機構選擇系統完成了開發,基本達到了預期的效果。

通過參與系統的分析,設計和開發階段,我遇到了很多問題,也增加了很多經驗。由于工作時間和所學知識有限,系統還有很多方面需要改進,并且還有很多特殊功能是自己無法實現的,在未來的工作和學習中,我會不斷的努力并加以改進。

致 謝

從論文選題到收集資料,再到寫提綱,其中經歷了聒噪、痛苦和彷徨,在寫論文的過程中心情是五味雜陳的。開始選題時很迷茫,不知該怎么選好,幸而在同學和任課老師的幫助下,才得以確定。然后就是最難的找資料,由于首次寫論文,不懂該怎么著手去收集、歸納資料,因而花費了好多時間在這上面,但收集到的資料真正能用上的卻沒多少。這時得感謝我的指導老師,他始終給予我細心的指導和不懈的支持。從論文框架到細節修改,都給予了細致的指導,提出了很多寶貴的意見與建議。老師以其嚴肅的科學態度,嚴謹的治學精神,精益求精的工作作風和大膽創新的進取精神深深地感染和激勵著我。他淵博的知識、開闊的視野和敏銳的思維給了我深深的啟迪,這篇論文是在老師的精心指導和大力支持下才完成的。在此謹向老師致以誠摯的謝意和崇高的敬意。

參考文獻

[1] 郭培培. 校外小學生托管的現狀、問題及對策研究[D].河北師范大學,2018.

[2] Nicole C. Sarampote,Hideko H. Bassett,Adam Winsler. After-School Care: Child Outcomes and Recommendations for Research and Policy[J]. Child and Youth Care Forum,2004,33(5).

[3] 龐威.英國課后托幼服務述評[J].上海教育科研,2008(10):32-34.

[4] 鄒燕舞.法國兒童托管教育:課外活動中心運作模式及其啟示[J].四川師范大學學報(社會科學版),2012,39(01):81-86.

[5] 周紅霞.發達國家小學課后托管政策的比較與借鑒[J].外國中小學教育,2016(06):36-42+29.

[6] 黃婧. 小學生課后在校托管服務的實施現狀研究[D].湖北師范大學,2017.

[7] 閻亞軍,李赤.政府推動義務教育階段學校托管班發展研究[J].天津師范大學學報(基礎教育版),2016,17(01):7-11.

[8] 楊啟光,朱純潔.論我國兒童課后照顧與教育服務的需求及政府責任[J].教育理論與實踐,2014,34(34):25-29.

[9] 吳開俊,孟衛青.治理視角下小學生課后托管的制度設計[J].教育研究,2015,36(06):55-63.

[10] Zhang, Zhi,Li, Fang. A Dynamic Management Method of Domestic Internet of Things Based on Cloud Computing Architecture[J]. Journal of Computational and Theoretical Nanoscience,2016,13(12).

[11] Haiyan Li. Research of Javascript technology in the development of e-commerce application[A]. 信息化與工程國際學會.Proceedings of 2016 6th International Conference on Machinery,Materials,Environment,Biotechnology and Computer(MMEBC 2016)[C].信息化與工程國際學會:計算機科學與電子技術國際學會(Computer Science and Electronic Technology International Society),2016:3.

[12] Yanhong Yang. The Development Status and Countermeasures of WeChat Public Platform Service of University Library[J]. Advances in Higher Education,2020,4(12).

[13] Yajie Dou, Long Li, Zhiwei Yang,and Yingwu Chen School of information system and management National University of Defense Technology Changsha, Hunan Province, China. Capability Requirement Analysis of Airdrop Assault System-of-systems based on UML/MMIntegrated Modeling and Simulation[A]. IEEE Beijing Section、Beijing University of Technology.Proceedings of 2012 IEEE 3rd International Conference on Emergency Management and ManagementSciences(ICEMMS 2012)[C].IEEE Beijing Section、Beijing University of Technology:IEEE BEIJING SECTION(跨國電氣電子工程師學會北京分會),2012:4.

[14] 黃李華. 網絡虛擬商品展示的體驗設計研究[D].江南大學,2011.

[15] 王新紅. 構件軟件黑盒測試研究及應用[D].華北電力大學,2011.

基于微信小程序的托管機構選擇系統的設計與實現

基于微信小程序的托管機構選擇系統的設計與實現

VIP月卡免費
VIP年會員免費
價格 ¥9.90 發布時間 2023年9月4日
已付費?登錄刷新
下載提示:

1、如文檔侵犯商業秘密、侵犯著作權、侵犯人身權等,請點擊“文章版權申述”(推薦),也可以打舉報電話:18735597641(電話支持時間:9:00-18:30)。

2、網站文檔一經付費(服務費),不意味著購買了該文檔的版權,僅供個人/單位學習、研究之用,不得用于商業用途,未經授權,嚴禁復制、發行、匯編、翻譯或者網絡傳播等,侵權必究。

3、本站所有內容均由合作方或網友投稿,本站不對文檔的完整性、權威性及其觀點立場正確性做任何保證或承諾!文檔內容僅供研究參考,付費前請自行鑒別。如您付費,意味著您自己接受本站規則且自行承擔風險,本站不退款、不進行額外附加服務。

原創文章,作者:1158,如若轉載,請注明出處:http://www.cnqczl.com/chachong/163693.html,

(0)
上一篇 2023年9月4日
下一篇 2023年9月4日

相關推薦

My title page contents 欧美午夜a级精美理论片,在线成人aa在线看片,欧美不卡视频在线观看,欧美在线成人午夜影视

<p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p>
<p id="vbl5l"></p>

<p id="vbl5l"><delect id="vbl5l"></delect></p>
<p id="vbl5l"></p>

<p id="vbl5l"></p>
<pre id="vbl5l"></pre>

<p id="vbl5l"><delect id="vbl5l"><menuitem id="vbl5l"></menuitem></delect></p>

<p id="vbl5l"><delect id="vbl5l"></delect></p>

<p id="vbl5l"></p>

<p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p>

<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>

<p id="vbl5l"><output id="vbl5l"></output></p>

<pre id="vbl5l"><output id="vbl5l"><listing id="vbl5l"></listing></output></pre>

<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>
<p id="vbl5l"></p>
<output id="vbl5l"><menuitem id="vbl5l"></menuitem></output>
<pre id="vbl5l"><output id="vbl5l"></output></pre>


<output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output>
<p id="vbl5l"></p>

<p id="vbl5l"></p><output id="vbl5l"></output>
<p id="vbl5l"><delect id="vbl5l"><menuitem id="vbl5l"></menuitem></delect></p>
<output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output><output id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></output><pre id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></pre>
<pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre><p id="vbl5l"><delect id="vbl5l"><listing id="vbl5l"></listing></delect></p><pre id="vbl5l"><output id="vbl5l"><menuitem id="vbl5l"></menuitem></output></pre>

<output id="vbl5l"></output>
? ? ?