微信应用开发简单示例,学生自助报道系统
基于微信學生自助報道系統
最近在學習微信應用開發,主要是基于微信公眾號做網頁開發。終于到了課程結束的時候了,被要求模擬做一個學生自助報道系統,于是著手做了一些功能。
課程設計目標
基于微信公眾平臺開發一個華軟自助迎新系統,主要功能包括學生自助報到和迎新自助管理2大功能模塊。
在入學通知書上生成新生自助報到的二維碼,新生通過微信掃描該二維碼進入學院自助報到系統,填寫自己的相關認證信息,填寫完畢,等待迎新自助管理端進行自助審核,如果審核通過,就完成賬號綁定,進入“自助迎新”功能。新生可以自助進行上傳照片、個人信息采集、繳費、辦理校園卡一卡通、在線申請宿舍、填寫軍訓服裝信息、選購保險、選購必須生活用品、查詢入學手冊、報到接站、聯系迎新志愿者和自助打印報到單等,所有流程完成以后,該學生就注冊成功,開學即可在志愿者的引導下直接取校園卡、入住宿舍。迎新自助管理端由學院管理員負責錄入迎新報到規則、學院交通指引和平面圖、迎新志愿者信息和系部迎新咨詢位置。
關鍵技術研究
適合于手機使用的前端框架選擇
在前端框架的選擇上面,我們選擇了boost rap作為前端框架。使用框架去做前端開發時,可以節省很多時間,并且框架所實現的CSS和JS都是許多人共同研發的成果,這大大減少了我們的試錯時間并且更能夠給用戶展現比較好看比較大眾的界面。
功能邏輯設計與后臺實現
針對整個微信課設要求,我們是以微網站方式嵌入到微信中的方式去實現。我們分為兩大模塊。
對于為大眾提供服務而不需要針對到學生個人信息所提供的服務,例如導航、學校地圖和新生攻略等,我們以或推文或圖片方式,高度應用微信的便利性,將這些功能置入微信公眾號的菜單欄中,可以使得用戶在初次進入到公眾號的時候便能輕松的使用我們公眾號提供的功能。
對于涉及到需要使用學生個人信息作為綁定的學生自助報道系統我們設計成為為網站的方式,學生在錄取通知書上使用微信掃碼便能夠獲得被分配好的學號和初始密碼,在公眾號菜單欄中提供系統入口,學生進入并且成功登錄之后我們會對學生信息進行收集以及審核(設有管理員功能,而管理員則可以對信息進行審核),通過審核的學生才能夠使用后續的服務功能,包括宿舍選擇,軍裝選擇,一卡通充值,在線繳費等。由于HTTP請求的無狀態性,我們使用了session對登錄的學生做必要的信息保存,以便學生在進行功能操作之時能夠正確被服務器所識別,而不需要反復登錄。此外為了去除不必要麻煩,學生在每次退出微信瀏覽器時session將會被清除,如此在下次登錄之時需要重新登錄。下面對幾個功能進行講解。
宿舍選擇功能:在后臺創建有choose_dorm數據表,里面存儲有以樓號區分的宿舍信息,對于進行此項功能的學生操作,我們為其返回復合要求的具有空缺床位的宿舍供其選擇,每次5個選項,可刷新查看。一旦學生選擇宿舍床位后,便錄入該生信息,在往后中僅管理員可以對這個信息進行修改,而學生則可以查詢到自己被分配的宿舍以及床位。
對于繳費服務,學生登錄之后要求進行銀行卡綁定,信息確認。但此功能涉及到付款功能,我們沒有微信授予的權限繼續后續實驗便停止到此。
軍裝選擇上,我們不區分男女。僅收集學生所提交的軍裝信息,以便在后學開學中對軍裝的選購有一個大致了解。通過查看收集的軍裝信息
進入到SAE中開啟新浪云共享模式,獲取到用戶名,,將軍裝分配到學生所在班級中。
SAE中MySQL的使用。
用戶密碼,數據庫名字后,使用PHP的mysqli進行連接。使用PHPADMIN管理工具直接云端管理數據庫。
需求分析
通過批量生成的帶參數二維碼,附在錄取通知上。參數二維碼和數據庫的stu_info表掛鉤。是已分配號學號和初始密碼的。學生通過錄取通知上掃描二維碼后關注公眾號,獲得學號和初始密碼,在進行學生自助系統登錄,完成其他信息錄入功能。
在公眾號菜單欄中附有用到的基本功能,例如新生攻略,學院簡圖等。供指導使用。
功能設計
系統的實現
系統的測試
寫在最后
這是原本的需求圖,有興趣的同學可以自己敲著玩一玩。練習一下。
因為是課設,代碼寫的比較暴力。只是提供這么一種思路而已。并且也記錄一下自己的成果。可能在以后工作之后再回來看看現在的代碼,可能會有一種感覺:這是哪個sazi寫的代碼?
總結
以上是生活随笔為你收集整理的微信应用开发简单示例,学生自助报道系统的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用chrome模拟微信浏览器访问需要OA
- 下一篇: java信息管理系统总结_java实现科