隨著科學技術的飛速發展，社會的方方面面、各行各業都在努力與現代的先進技術接軌，通過科技手段來提高自身的優勢，高校當然也不能排除在外。大學生社團信息管理系統APP是以實際運用為開發背景，運用軟件工程開發方法，采用SSM技術構建的一個管理系統。整個開發過程首先對軟件系統進行需求分析，得出系統的主要功能。接著對系統進行總體設計和詳細設計。總體設計主要包括系統總體結構設計、系統數據結構設計、系統功能設計和系統安全設計等；詳細設計主要包括模塊實現的關鍵代碼，系統數據庫訪問和主要功能模塊的具體實現等。最后對系統進行功能測試，并對測試結果進行分析總結，及時改進系統中存在的不足，為以后的系統維護提供了方便，也為今后開發類似系統提供了借鑒和幫助。

本系統采用的數據庫是Mysql，使用SSM技術開發。在設計過程中，充分保證了系統代碼的良好可讀性、實用性、易擴展性、通用性、便于后期維護、操作方便以及頁面簡潔等特點。

關鍵詞：大學生社團信息管理系統APP，SSM，Mysql?

在以北京、上海、廣州、深圳等一線城市的部分大學網站進行調查中發現，在訪問的網站中，大多數高校網站上并沒有專門的學生社團相關模塊，有的也只是在新聞內容中略微提及，缺少明確的社團管理體系部分，且存在信息更新間隔過長、缺乏維護不便食用等問題。顯然，高校社團在信息化的管理方面缺乏相應的社團管理的策略，更多地處于放任學生之間自由的發展社團的階段；這使得社團之間發展的不均衡，或從根本上名存實亡的現象屢屢存在。在大多數大學網站上都沒有找到較為完善的學生社團管理模塊，甚至有的僅僅只在學校新聞中略加提及，缺少明確的社團管理體系結構。

國外的社團管理系統種類繁多，但主要以單一的社團管理為主體，這主要是因為國外的社團成員大多在大學結束后，可直接加入具有社會性質的俱樂部。大多數社團并不與學校有較明確的從屬管理關系，但在社團相關活動等信息上更新與維護是較為及時的。

本系統前端部分基于MVVM模式進行開發，采用B/S模式，后端部分基于Java的SSM框架進行開發。

前端部分：前端框架采用了比較流行的漸進式JavaScript框架Vue.js。使用Vue-Router和Vuex實現動態路由和全局狀態管理,Ajax實現前后端通信，Element UI組件庫使頁面快速成型，項目前端通過柵格布局實現響應式，可適應PC端、平板端、手機端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用SSM作為開發框架，同時集成MyBatis、Redis等相關技術。

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis兩個開源框架整合而成（SpringMVC是Spring中的部分內容）。常作為數據源較簡單的web項目的框架。

1.6.1 Spring

Spring就像是整個項目中裝配bean的大工廠，在配置文件中可以指定使用特定的參數去調用實體類的構造方法來實例化對象。也可以稱之為項目中的粘合劑。

Spring的核心思想是IoC（控制反轉），即不再需要程序員去顯式地`new`一個對象，而是讓Spring框架幫你來完成這一切。

1.6.2 SpringMVC

SpringMVC在項目中攔截用戶請求，它的核心Servlet即DispatcherServlet承擔中介或是前臺這樣的職責，將用戶請求通過HandlerMapping去匹配Controller，Controller就是具體對應請求所執行的操作。SpringMVC相當于SSH框架中struts。

1.6.3 mybatis

mybatis是對jdbc的封裝，它讓數據庫底層操作變的透明。mybatis的操作都是圍繞一個sqlSessionFactory實例展開的。mybatis通過配置文件關聯到各實體類的Mapper文件，Mapper文件中配置了每個類對數據庫所需進行的sql語句映射。在每次與數據庫交互時，通過sqlSessionFactory拿到一個sqlSession，再執行sql命令。

頁面發送請求給控制器，控制器調用業務層處理邏輯，邏輯層向持久層發送請求，持久層與數據庫交互，后將結果返回給業務層，業務層將處理邏輯發送給控制器，控制器再調用視圖展現數據。

MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC 的改進版。MVVM 就是將其中的View 的狀態和行為抽象化，讓我們將視圖 UI 和業務邏輯分開。當然這些事 ViewModel 已經幫我們做了，它可以取出 Model 的數據同時幫忙處理 View 中由于需要展示內容而涉及的業務邏輯。微軟的WPF帶來了新的技術體驗，如Silverlight、音頻、視頻、3D、動畫……，這導致了軟件UI層更加細節化、可定制化。同時，在技術層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足于原有MVP框架并且把WPF的新特性糅合進去，以應對用戶日益復雜的需求變化。

B/S（Browser/Server）比前身架構更為省事的架構。它借助Web server完成數據的傳遞交流。只需要下載瀏覽器作為用戶端，那么工作就達到“瘦身”效果， 不需要考慮不停裝軟件的問題[9]。

Mysql數據庫在編程過程中的作用是很廣泛的，為用戶進行數據查詢帶來了方便。Mysql數據庫的應用因其靈活性強，功能強大，所以在實現某功能時只需要一小段代碼，而不像其他程序需要編寫大段代碼。總體來說，Mysql數據庫的語言相對要簡潔很多。

數據流程分析主要就是數據存儲的儲藏室，它是在計算機上進行的，而不是現實中的儲藏室。數據的存放是按固定格式，而不是無序的，其定義就是：長期有固定格式，可以共享的存儲在計算機存儲器上。數據庫管理主要是數據存儲、修改和增加以及數據表的建立。為了保證系統數據的正常運行，一些有能力的處理者可以進行管理而不需要專業的人來處理。數據表的建立，可以對數據表中的數據進行調整，數據的重新組合及重新構造，保證數據的安全性。介于數據庫的功能強大等特點，本系統的開發主要應用了Mysql進行對數據的管理。

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能驅動復雜的單頁應用。

本系統在Windows操作系統中進行開發，并且目前PC機的性能已經可以勝任普通網站的web服務器。系統開發所使用的技術也都是自身所具有的，也是當下廣泛應用的技術之一。

系統的開發環境和配置都是可以自行安裝的，系統使用SSM開發工具，使用比較成熟的Mysql數據庫進行對系統前臺及后臺的數據交互，根據技術語言對數據庫，結合需求進行修改維護，可以使得網站運行更具有穩定性和安全性，從而完成實現網站的開發。

（1）硬件可行性分析

系統管理及信息分析的設計對于所使用的計算機沒有什么硬性的要求，計算機只要可以正常的使用進行代碼的編寫及頁面設計就可行，主要是對于服務器有些要求，對于平臺搭建完成要上傳的服務器是有一定的要求的，服務器必須選擇安全性比較高的，然后就是在打開網站必須順暢，不能停頓太長時間；性價比高；安全性高。

（2）軟件可行性分析

開發整個系統使用的是云計算，流量的可擴展性和基于流量的智能調整云計算的優點就是流量的可擴展性和基于流量的智能調整，保障系統的安全和數據信息的及時備份。

因此，我們從兩個方面進行了可行性研究，可以看出系統的開發沒有問題。

在大學生社團信息管理系統APP開發之前所做的市場調研及其他相關的管理系統，都是沒有任何費用的，都是通過開發者自己的努力，所有工作都是自己親力親為，在碰到自己比較難以解決的問題，大多是通過同學和指導老師的幫助進行相關信息的解決，所以對于大學生社團信息管理系統APP的開發在經濟上是完全可行的，沒有任何費用支出的。

使用比較成熟的技術，系統是基于SSM的開發，采用Mysql數據庫。所以系統在開發人力、財力要求不高，具有經濟可行性。

可操作性主要是對大學生社團信息管理系統APP設計完成后，用戶的使用體驗度，以及管理員可以通過系統隨時管理相關的數據信息，并且對于系統，管理員兩種角色，都可以簡單明了的進入到自己的系統界面，通過界面導航菜單可以簡單明了地操作功能模塊，方便用戶信息的操作需求和管理員管理數據信息，對于系統的操作，不需要專業人員都可以直接進行功能模塊的操作管理，所以在系統的可操作性是完全可以的。本系統的操作過程使用的也是界面窗口進行登錄，所以操作人員只要會簡單的電腦操作就完全可以的。

1、關于大學生社團信息管理系統APP的基本要求

（1）功能要求：可以管理首頁，輪播圖管理，公告管理，資源管理（社團資訊，資訊分類），系統用戶（管理員，注冊社員，社團部長），模塊管理（活動類型，社團活動，報名參加，社團團費，社團招新，團費繳納，職務任命）等功能模塊。

（2）性能：在不同操作系統上均能無差錯實現在不同類型的用戶登入相應界面后能不出差錯、方便地進行預期操作。

（3）安全與保密要求：用戶都必須通過管理員審核才能進入系統。

（4）環境要求：支持Windows系列、Vista系統等多種操作系統使用。

2、開發目標

大學生社團信息管理系統APP的主要開發目標如下：

（1）實現管理系統信息關系的系統化、規范化和自動化；

（2）減少維護人員的工作量以及實現用戶對信息的控制和管理；

（3）方便查詢信息及管理信息等；

（4）通過網絡操作，提高改善處理問題和操作人員工作的效率；

（5）考慮到用戶多樣性特點，要求界面和操作簡便易懂。

3、設計原則

大學生社團信息管理系統APP的設計與實現的設計思想如下：

1. 操作簡單方便、系統界面安全良、簡單明了的頁面布局、方便查詢社團資訊、活動資訊、社團招新等相關信息。

2、即時可見：對大學生社團信息管理系統APP信息的查詢、處理將立馬可以查詢到，從而實現“即時發布、即時見效”的系統功能。

3、功能的完善性：可以管理首頁，輪播圖管理，公告管理，資源管理（社團資訊，資訊分類），系統用戶（管理員，注冊社員，社團部長），模塊管理（活動類型，社團活動，報名參加，社團團費，社團招新，團費繳納，職務任命）等模塊的修改維護操作。

添加信息流程圖，如圖所示：

圖3-2添加信息流程圖

刪除信息流程圖，如圖所示：

圖3-3刪除信息流程圖

圖4-1 系統結構

登錄系統結構圖，如圖4-2所示：

圖4-2 登錄結構圖

系統功能結構圖，如圖4-3所示。

圖4-3 系統功能結構圖

系統流程的分析是通過調查系統所涉及問題的識別、可行性、可操作性、系統分析處理能力等具體環節來調節、整理系統的設計方案以確保系統能達到理想的狀態。這些操作都要從注冊、登錄處著眼進行一系列的流程測試保證數據庫的完整，從而把控系統所涉及信息管理的安全、保證信息輸入、輸出正常轉換。然后，通過實際操作完成流程圖的繪制工作。

大學生社團信息管理系統APP的開發對管理模塊和系統使用的數據庫進行分析，編寫代碼，系統測試，如圖4-4所示。

圖4-4開發系統流程圖

將數據庫概念設計的E-R圖轉換為關系數據庫。在關系數據庫中，數據關系由數據表組成，但是表的結構表現在表的字段上。

管理員登錄，通過填寫賬號、密碼、圖片驗證，輸入完成后選擇登錄即可進入大學生社團信息管理系統APP，如圖5-1所示。

圖5-1管理員登錄界面圖

管理員登錄進入首頁后，可以編輯操作后臺首頁，輪播圖管理，公告管理，資源管理（社團資訊，資訊分類），系統用戶（管理員，注冊社員，社團部長），模塊管理（活動類型，社團活動，報名參加，社團團費，社團招新，團費繳納，職務任命）等內容，如圖5-2所示。 ?

圖5-2管理員功能界面圖

系統用戶，在此頁面可以查看用戶名、昵稱、性別等信息，并可根據需要對個人信息進行添加，編輯，刪除或查看詳細內容等操作，如圖5-3所示。

?

圖5-3添加社團部長界面圖

管理員或社團部長在社團活動管理頁面可以對活動內容及其分類進行查詢，重置，添加，刪除等操作，如圖5-4，5-4-1所示。

圖5-4社團活動管理界面圖

圖5-4-1社團活動添加界面圖

報名參加，在此管理頁面可以對報名信息進行查詢，重置，添加，刪除以及審核報名等操作，如圖5-5，5-5-1所示。

?

圖5-5報名參加界面圖

圖5-5-1報名審核界面圖

社團團費，在此管理頁面可以社團團費進行查詢，重置，添加，刪除等操作，如圖5-6所示。

?

圖5-6團費繳納任務添加界面圖

社團招新，在此管理頁面可以社團招新活動行查詢，重置，添加，刪除等操作，如圖5-7所示。

圖5-7社團招新界面圖

職務任命，在此管理頁面可以任命社團部長，如圖5-8所示。

圖5-8職務任命界面圖

用戶注冊，通過填寫賬號、密碼、昵稱、郵箱等信息，輸入完成后選擇登錄即可進入大學生社團信息管理系統APP，如圖5-9所示。

圖5-9用戶注冊界面圖

登錄進入個人中心可以對個人資料和密碼進行修改操作，如圖5-10所示。

圖5-10個人中心界面圖

社團活動，在此頁面可以查看推薦的社團活動，可以選擇報名參加，點贊，評論，收藏等操作，如圖5-11，5-11-1所示。

圖5-11社團活動界面圖

圖5-11-1社團活動報名界面圖

社團招新，在此界面可以查看社團招新活動，并進行收藏，點贊，評論等操作，如圖5-12所示。

?

圖5-12社團招新界面圖

社團團費，在此界面可以進行查看需繳納的社團團費，并進行繳納支付等操作，如圖5-13所示。

圖5-13團費繳納界面圖

程序設計不能保證沒有錯誤，這是一個開發過程，在錯誤或錯誤的過程中都是難以避免的。雖然這是不可避免的，但我們不能使這些錯誤始終存在于系統中，錯誤可能會造成無法估量的后果，如系統崩潰，安全信息泄露，系統無法正常啟動等，為了避免這些問題，我們需要測試程序，再測試過程中發現問題，并糾正它們，從而使系統更長時間穩定成熟。本章的作用是發現這些問題，并對其進行修改，雖然耗時費力，但對于長期使用而言是非常重要和必要系統的開發。

軟件在設計后必須進行測試，調試過程中使用的方法是軟件測試方法。在開發新軟件時，系統測試是檢查軟件是否合格的關鍵步驟，以及是否符合設計目標的參考。測試主要是查看軟件中數據的準確性，正確的操作與否，以及操作的結果，還有哪些方面需要改進。

大學生社團信息管理系統APP的實現，對于系統中功能模塊的實現及操作都必須通過測試進行來評判系統是否可以準確的實現。在大學生社團信息管理系統APP正式上傳使用之前必須做的一步就是系統測試，對于測試發現的錯誤及時修改處理，保證系統準確無誤的供給用戶使用。

在對大學生社團信息管理系統APP進行測試的時候在找到問題的情況下必須在第一時間找到解決問題的辦法，不要存在僥幸的心理，這樣才能讓大學生社團信息管理系統APP開發的質量可以過關，并且開發的周期會大大縮短，還有就是在測試時，不要出現重復性的錯誤，遇到一個錯誤問題，要將整個大學生社團信息管理系統APP開發所牽扯的該問題都必須一一解決，提高大學生社團信息管理系統APP平臺的安全性、穩定性。

白盒測試與黑盒測試是測試中比較常用的兩種方法。

①結構測試俗稱白盒測試：這種測試是在對程序的處理過程與結構都有詳盡諒解的前提下，順從程序內部的邏輯而完成的系統測試，以確定系統中所有的通路都能夠遵照設計要求正常工作，不出現任何偏差。

②功能測試又成黑盒測試：主要是針對程序功能能夠按照設計正常實現的一種檢測，在程序接口處進行，檢測程序手法數據是否正常，與外部信息的交換是否完整。

用戶登錄測試：

刪除分類測試：

修改密碼測試：

通過對功能的測試，大學生社團信息管理系統APP的基本功能都是可行的，不管是系統里面的功能，還是界面的設計都是可值得推廣宣傳的。

此時項目已經完成，即使實施的時間不是很長，但是這個過程中需要準備很長的一段時間去對系統設計開發所實際到的技術進行學習。在學習的過程中，我逐漸認識得到了我自身存在的一些不足。對于一些控制是必要的應用技能，能夠理解，整個過程中僅僅是一個掌握了常用的性能和控制方法，我覺得挺容易的。從該系統中，系統的分析和設計的調查數據，并且已經經歷了幾個月，并努力幾個月，該系統已經完成。很顯然，該系統仍有很多不成熟，在系統設計過程中有許多技術缺陷存在。在設計的過程中也涉及到了很多自己無法解決的問題，主要通過找專業的網站和論壇來解決這些問題，對于圓滿完成我的畢業設計，他們也貢獻了很大一部分力量。系統的開發環境和配置都是可以自行安裝的，系統使用SSM開發工具，使用比較成熟的Mysql數據庫進行對系統前臺及后臺的數據交互，根據技術語言對數據庫，結合需求進行修改維護，可以使得系統運行更具有穩定性和安全性，從而完成實現系統的開發。

在以后的學習及工作中，我將繼續努力學習計算機方面的技術，以期在平臺開發中可以更好更快的實現需求功能。

大學生社團信息管理系統APP的完成，如何實現的更好，其中付出的努力是很大的，這段時光將會終身難忘。

首先要感謝我的指導老師，謝謝您在設計和論文中給我的指導。在您的細心指導下我才能快速的掌握系統的相關功能，在您的大力幫助下我才能將課本上的知識與自己的項目結合，真正的做到學以致用。感謝您經常犧牲自己的休息時間，利用其豐富的教學和項目經驗對我進行指導。

感謝所有教過我的老師，為我傾注了大量的心血，正是你們的諄諄教誨、嚴謹教學才使我能順利的完成學業，再此向你們表示深深的感謝。

感謝我的同學們，對我的大力支持及幫助，正是你們不斷的幫助、鼓勵，給我帶來了極大的動力，最終系統可以順利的運行。我們在交流、談論的這段時間,將是我未來的財富，我要深深地感謝你們!

畢業在即，在今后的工作和生活中，我會銘記師長們的教誨、同學們的幫助，繼續不懈努力和追求，來報答所有支持和幫助過我的人!。