第壹個web項目——微信小程序後端開發
第壹個web項目——微信小程序後端開發
序
需求分析
團隊分工
總體設計
開發工具和編碼實現
小程序前端
後端
數據庫
接口代碼
管理系統前端1.0
管理系統前端2.0
試驗
後端本地測試
前端聯合測試
部署
摘要
第壹個web項目——微信小程序後端開發
序
去年暑假，我和幾個同學參加了學院壹個老師主持的教改項目。需求是基於SPOC和翻轉課堂為計算機組成原理課程開發壹個學習app(類似於海量開放在線課程和知止)。後來經過討論，我們決定降低難度，先做壹個有後臺管理系統的微信小程序，於是我的第壹個web項目開始了~
需求分析
下面簡單介紹壹下SPOC和翻轉類的含義。
翻轉教室
“翻轉課堂”是顛覆傳統教學從“課堂教與聽+作業練習”到“課前自主學習+課堂協作探究”的新型教學模式。
SPOC
SPOC(Small Private Online Course)壹般翻譯為小型限制級在線課程或小型私人在線課程，音譯為“私人廣播課程”。
這個項目的需求是開發壹個學習型的小程序。用戶分為學生和老師。學生可以觀看視頻、課件和動畫，完成作業和考試，發表評論、點贊和回復，而老師可以上傳教學視頻、課件和動畫，發布作業、考試和通知，查看學生的學習情況，也可以查看評論和回復，及時解答學生的疑惑。
團隊分工
Team one * * *有四個人，整體工作分為產品設計、前端開發、後端開發三個部分，然後每個部分兩個人負責。其中我負責後端開發，我也是項目負責人(其實沒有聽起來那麽高大上，只是需要承擔更多決策、協調、溝通的角色)。
總體設計
分為applet和管理系統。
首先小程序，放幾張用墨刀做的原型圖。這裏我再多說幾句。市面上的小程序基本都是微信授權直接登錄，最多綁定手機號。我們設置註冊和登錄功能是因為我們想統計學生的學習情況。
至於管理系統，5438+00年6月才開始，我和另壹個同學負責，所以時間比較緊。作為壹個前端小白，我們並沒有壹個很系統的方法去開發，只是粗略的確定了需要做哪些模塊，每個模塊增刪查了哪些表，所以這裏沒有放原型圖(比較簡單)。
開發工具和編碼實現
小程序前端
據我所知，做前端的同學應該先在微信公眾平臺註冊賬號，然後做壹些開發設置。具體步驟百度。前端用的是微信開發者工具，不用的基本都能在微信開放文檔裏找到，包括很多實用的API。
後端
它分為兩部分:數據庫和接口代碼。
數據庫
它使用的是mysql數據庫，之前是用唐雪在線的壹個小程序的入門教程做的。其推薦的本地開發環境是phpstudy，集成了php、mysql、apache、FTP、Nginx和數據庫管理工具phpMyAdmin。關於phpMyAdmin的使用請見/manual/thinkphp 5/118003。我去嗶哩嗶哩找視頻學習php的基本語法，然後去學習原生php和框架如何操作數據庫。然後根據業務邏輯開始編碼。其實每個接口(或者壹個類中的壹個函數)都有類似的結構，主要由前端接收數據、添加/刪除/修改/查詢、向前端返回結果三部分組成。
順便說壹下，代碼是用sublime text3編輯的。教程見/CNZXO/SAE _ ThinkPHP/1423806。
密碼
在代碼管理中，可以上傳壓縮包或者在線編輯(類似記事本)。大的改動最好先寫在本地再發。
數據庫
打開* * *獨占mysql服務，目前使用phpmyadmin4.9版，然後建表或者導入sql文件。
隱藏物
啟動memcached服務，設置容量為16MB(為了節省壹些錢)。其實我也不知道這個服務是做什麽的，但是如果不打開訪問接口，就會報錯。
文件存儲器
我們需要保存很多類型的文件，包括視頻、課件、動畫、作業、考試和頭像，所以我們需要把它們存儲在服務器上。在此啟動存儲服務。使用方法見/doc/SAE/PHP/storage . html # cyber duck。普通用戶可以分配5個bucket，每個容量10G，然後直接作為本地磁盤使用。控制臺或者寫代碼可以上傳文件，上傳後獲取url，然後通過網絡訪問。PHP如何在新浪雲環境下運行，見官方文檔/source-class-sin。
域名
申請信息可以查看二級域名，獨立域名需要購買並備案。
雜誌
日誌中心可以查看每個請求的界面、時間、請求者設備等信息。
其他的
控制臺還可以實時查看流量統計、資源使用和消耗情況。
摘要
這個項目我前後都做過，感覺前端不適合我。可能是我對頁面元素的風格和用戶體驗不夠敏感，但必須承認前端還是挺有意思的。至於後端，我更註重邏輯。目前我對後端的理解只停留在數據庫、網絡、部署層面。其實如果用戶數量很大，就要考慮高並發的問題，要用到多線程、負載均衡、消息隊列等技術，所以要學的技術還是很多的。