項目運作
環境配置：
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
項目技術：
Express架構 + Node.js+ Vue 等等組成，B/S模式 +Vscode管理+前後端分離等等。
環境需要
1.運作環境：最好是Nodejs最新版，我們在這個版本上開發的。其他版本理論上也可以。
2.開發環境：Vscode或HbuilderX都可以。推薦HbuilderX;
3.mysql環境：建議是用5.7版本均可
4.硬體環境：windows 7/8/10 1G記憶體以上；或者 Mac OS；
6.Navcat11：這個版本不限10/11/14/15都可以。；
Node.js畢設幫助，指導，本源碼(見文末)，調試部署
5.1系統功能子產品
軟體學院社團管理系統，在系統首頁可以檢視首頁，社團資訊，社團公告，社團活動，論壇交流，個人中心，背景管理等内容，并進行詳細操作；如圖5-1所示。
圖5-1系統首頁界面圖
社長注冊，在社長注冊頁面通過填寫賬号，密碼，再次輸入密碼，社長姓名，郵箱，聯系手機等資訊進行注冊操作，如圖5-2所示。
圖5-2社長注冊界面圖
社團資訊，在社團資訊頁面可以檢視社團名稱，社團位址，社團宗旨，獲得榮譽，社長賬号，社長姓名，成立時間，社團圖檔，涉及領域等内容，并進行申請，評論或收藏操作，如圖5-3所示。
圖5-3社團資訊界面圖
社團公告，在社團公告頁面可以檢視公告名稱，公告簡介，釋出日期，社長賬号，社長姓名，社團，圖檔，公告内容等内容，并進行評論或收藏等操作；如圖5-4所示。
圖5-4社團公告界面圖
社團活動，在社團活動頁面可以檢視活動名稱，活動位址，人數，經費，活動時間，社長賬号，社長姓名，社團，圖檔，活動内容等内容，并進行評論或收藏等操作；如圖5-5所示。
圖5-5社團活動界面圖
個人中心，在個人中心頁面通過填寫社長賬号，密碼，社長姓名，性别，郵箱，聯系手機，上傳圖檔，社團等内容進行更新資訊操作，還可以進行我的釋出，我的收藏等操作；如圖5-6所示。
圖5-6個人中心界面圖
5.2背景功能子產品
背景登入，管理者，社長和社員進入系統前在登入頁面根據要求填寫使用者名和密碼，選擇角色等資訊，點選登入進行登入操作，如圖5-7所示。
圖5-7背景登入界面圖
5.2.1管理者功能
管理者登入系統後，可以對首頁，個人中心，社員管理，社長管理，社團資訊管理，社團公告管理，社團活動管理，社團申請管理，活動申請管理，社團成員管理，社團物資管理，社團餘額管理，社團收入管理，社團支出管理，論壇交流，系統管理等功能進行相應的操作管理，如圖5-8所示。
圖5-8管理者功能界面圖
社員管理，在社員管理頁面可以對索引，賬号，姓名，性别，郵箱，手機号碼，相片，所屬社團等内容進行詳情，修改和删除等操作，還可以新增社員資訊；如圖5-9所示。
圖5-9社員管理界面圖
社長管理，在社長管理頁面可以對索引，社長賬号，社長姓名，性别，郵箱，聯系手機，相片，社團等内容進行詳情，修改和删除等操作，還可以新增社長資訊；如圖5-10所示。
圖5-10社長管理界面圖
社團資訊管理，在社團資訊管理頁面可以對索引，社團名稱，社團圖示，社團位址，社長賬号，社長姓名，成立時間，稽核回複，稽核狀态，稽核等内容進行詳情，檢視評論和删除等操作，如圖5-11所示。
圖5-11社團資訊管理界面圖
社團公告管理，在社團公告管理頁面可以對索引，公告标題，公告封面，釋出日期，社長賬号，社長姓名，社團等内容進行詳情，檢視評論和删除等操作，如圖5-12所示。
圖5-12社團公告管理界面圖
社團活動管理，在社團活動管理頁面可以對索引，活動名稱，活動圖檔，活動位址，人數，經費，活動時間，社長賬号，社長姓名，社團等内容進行詳情，檢視評論和删除等操作，如圖5-13所示。
圖5-13社團活動管理界面圖
社團申請管理，在社團申請管理頁面可以對索引，社團名稱，社團位址，社長賬号，社長姓名，賬号，姓名，申請原因，申請日期，稽核回複，稽核狀态等内容進行詳情和删除等操作，如圖5-14所示。
圖5-14社團申請管理界面圖
活動申請管理，在活動申請管理頁面可以對索引，活動名稱，活動位址，人數，活動時間，社長賬号，社長姓名，賬号，姓名，所屬社團，申請原因，申請日期，稽核回複，稽核狀态等内容進行詳情和删除等操作，如圖5-15所示。
圖5-15活動申請管理界面圖
社團成員管理，在社團成員管理頁面可以對索引，社團名稱，社團位址，社長賬号，社長姓名，賬号，姓名，所屬社團，費用，入社時間，是否支付等内容進行詳情和删除等操作，如圖5-16所示。
圖5-16社團成員管理界面圖
社團物資管理，在社團物資管理頁面可以對索引，社團位址，社團名稱，物資名稱，數量，存放位置，社長賬号，社長姓名等内容進行詳情和删除等操作，如圖5-17所示。
圖5-17社團物資管理界面圖
社團餘額管理，在社團餘額管理頁面可以對索引，社團名稱，社團位址，金額，備注，社長賬号，社長姓名，建立時間等内容進行詳情和删除等操作，如圖5-18所示。
圖5-18社團餘額管理界面圖
社團收入管理，在社團收入管理頁面可以對索引，社團名稱，社團位址，金額，社長賬号，社長姓名，收入日期等内容進行詳情和删除等操作，如圖5-19所示。
圖5-19社團收入管理界面圖
社團支出管理，在社團支出管理頁面可以對索引，社團名稱，社團位址，金額，社長賬号，社長姓名，支出日期等内容進行詳情和删除等操作，如圖5-20所示。
圖5-20社團支出管理界面圖
論壇交流，在論壇交流頁面可以對索引，文章标題，使用者名，狀态等内容進行詳情和删除等操作，如圖5-21所示。
圖5-21論壇交流界面圖
系統管理，在輪播圖管理頁面可以對索引，名稱，值等内容進行詳情和修改等操作，如圖5-22所示。
圖5-22系統管理界面圖
5.2.2社員功能
社員登入進入系統可以對首頁，個人中心，社團申請管理，活動申請管理，社團成員管理，論壇交流，我的收藏管理等功能進行相應操作，如圖5-23所示。
圖5-23社員功能界面圖
個人中心，在個人資訊頁面通過填寫賬号，姓名，性别，郵箱，手機号碼，相片，所屬社團等内容進行個人資訊修改操作，如圖5-24所示。
圖5-24個人中心界面圖
5.2.3社長功能
社長登入進入系統可以對首頁，個人中心，社團資訊管理，社團公告管理，社團活動管理，社團申請管理，活動申請管理，社團成員管理，社團物資管理，社團餘額管理，社團收入管理，社團支出管理，論壇交流，我的收藏管理等功能進行相應操作，如圖5-25所示。
圖5-25社長功能界面圖
個人中心，在個人資訊頁面通過填寫社長賬号，社長姓名，性别，郵箱，聯系手機，相片，社團等内容進行個人資訊修改操作，如圖5-26所示。
圖5-26個人中心界面圖