軟件工程_學生會管理系統展現

1、引言

##1.1 項目源代碼整合:html

  • 學生會管理系統WEB端: 連接
  • 學生會管理系統小程序: 連接
  • 學生會管理系統後端: 連接
  • 學生會管理系統安卓端:連接
  • 前期接口文檔以及需求文檔:連接
  • 後端後期spring整合swagger文檔:連接
  • 墨刀原型:連接
  • 分佈式部分

因爲服務器緣由,目前分佈式相關已經關閉服務器,再也不運行。 ##1.2 各個成員我的總結:前端

##1.3 項目分工 | 學號 | 姓名 | 分工 | | :------- | :----- | :--------------------------------------------------- | | 31702283 | 王樟 | 後端設計與開發(java)、Druid數據池 | | 31703178 | 林型雙 | 網頁前端設計開發(web) | | 31701424 | 王志偉 | 微信小程序開發及小程序前端設計 | | 31701090 | 朱文建 | App開發、軟件測試(Android)、部分UI設計、APP架構 | | 31701072 | 黃晨覺 | App開發、軟件測試(Android)、部分UI設計、文檔博客撰寫 | | 31701066 | 張雅慧 | 原型設計、前端總設計(Android)、UI優化 |java

2、需求分析

2.1項目簡介:

「學生會管理系統」是一個校園學生會管理系統,主要是爲了實現互聯網+校園的推廣,簡化學生會辦公流程,提升管理和活動審批效率。git

2.2整體目標:

整體目標:爲了實現互聯網+校園的推廣,簡化學生會辦公流程,提升活動審批效率。github

2.3具體需求分析:

需求分析文檔:https://www.showdoc.cc/531866446040267?page_id=3215826359892937(內容過長不在博客裏詳細列出,若是有興趣能夠在showdoc中查看)web

3、user case圖,類圖,流程圖展現

3.1 文件連接

設計圖文件連接:https://github.com/ZhuwenJ/Designspring

3.2 博客相關

博客連接:https://www.cnblogs.com/zhuwenjian/p/11884350.html小程序

4、網頁端原型展現

##4.1 登陸與註冊界面 登陸界面: 後端

註冊界面: 微信小程序

  • 登陸界面展現
  • 註冊界面展現

##4.2 主界面 登錄後界面:

  • 登陸後進入主界面
  • 主界面顯示所屬部門成員數
  • 顯示審覈事件數
  • 顯示通知數及最近通知
  • 側邊欄能夠跳轉到各個管理模塊的界面

##4.3 綜合管理-成員管理 成員管理:

  • 綜合管理下的成員管理主界面
  • 按列表顯示成員信息
  • 能夠輸入關鍵字搜索相關成員信息
  • 能夠添加新成員信息、刷新信息

##4.4 綜合管理-部門管理 部門管理:

編輯部門信息功能展現:

  • 綜合管理下的部門管理主界面
  • 編輯部門信息,新改部門的信息
  • 按列表顯示部門信息
  • 能夠輸入關鍵字搜索相關部門信息
  • 能夠添加新部門信息、刷新信息

##4.5 綜合管理-歷史活動管理

歷史活動管理:

  • 能夠搜索活動相關信息
  • 能夠刷新活動管理界面檢查是否有新的活動
  • 能夠對現有的活動進行刪除

##4.6 審覈管理界面 審覈管理界面(包括請假審覈和活動審覈):

  • 現有的相關申請都會以列表形式顯示
  • 能夠點擊審批按鈕進行對應活動的審覈

##4.7 申請管理

活動申請:

請假申請:

查看歷史申請記錄:

  • 申請界面能夠填寫並提交申請
  • 活動申請提交須要填寫活動名稱、人員數量、活動時間、參與部門
  • 請假申請提交須要填寫學號、部門、請假時間、請假緣由
  • 能夠查看歷史申請記錄

##4.8 部門信息

修改部門信息:

  • 部門信息界面顯示部門的相關信息
  • 主要信息設置爲不可寫狀態,以避免隨意更改

##4.9 通知

通知:

  • 查看通知
  • 能夠看到現有的全部的通知
  • 通知顯示發送通知的部門、時間、具體人員、內容

##4.10 我的信息

修改我的信息:

修改密碼:

  • 我的信息界面下能夠修改我的信息、修改密碼
  • 修改我的信息處只容許修改分院、專業班級、電話號碼、電子郵箱
  • 修改密碼處不容許對學號進行修改

##4.11 不一樣權限用戶的主界面

遊客界面:

幹事界面:

部長界面:

副主席、主席、指導老師界面:

  • 遊客權限用戶的主界面展現
  • 幹事權限用戶的主界面展現
  • 部長權限用戶的主界面展現
  • 副主席、主席、指導老師權限用戶的主界面展現

5、安卓端原型展現

##5.1 登陸界面 登陸界面:

  • 登陸界面輸入帳號和密碼便可登陸
  • 能夠在登陸界面跳轉到帳號註冊界面和找回密碼界面

##5.2 註冊界面

註冊界面:

  • 註冊界面輸入相關信息點擊最下方的註冊按鈕
  • 註冊須要填寫具體的信息

##5.3 消息界面

消息界面:

  • 消息界面會顯示其餘用戶發來的消息
  • 顯示其餘用戶的消息內容並統計未讀的消息

##5.4 管理主界面 管理主界面:

  • 管理界面包含六個模塊和下方導航欄
  • 六個模塊分別是部門管理、活動管理、人員管理、請假管理、考評管理、審批管理

##5.5 用戶我的界面 用戶我的界面:

  • 我的界面會顯示用戶的職位
  • 用戶能夠經過在我的界面點擊審批消息和增長事項跳轉到對應界面
  • 不熟悉具體操做的用戶能夠點擊使用手冊來了解各個功能

##5.6 部門管理界面

部門管理:

部門信息界面:

部門搜索:

  • 在管理主界面能夠經過點擊部門管理跳轉到部門管理界面
  • 部門管理界面會顯示現有的部門和簡介
  • 點擊某一部門能夠查看該部門的相關信息
  • 選擇查詢內容來進行部門信息的搜索

##5.7 活動管理界面 活動管理:

申請活動:

活動消息:

**活動搜索: **

  • 在管理主界面能夠經過點擊活動管理跳轉到活動管理界面
  • 活動管理界面含有5個選項:申請活動、刪除活動、修改活動、查看全部、活動通知
  • 申請活動界面須要填寫活動的相關信息後才能提交
  • 刪除活動能夠經過點擊現有的活動進行
  • 活動消息以列表形式顯示
  • 能夠選擇查詢內容來查詢相關活動

##5.8 人員管理界面 人員管理界面:

  • 在管理主界面能夠經過點擊人員管理跳轉到人員管理界面
  • 人員管理界面顯示部門的全部人員並顯示部分信息

##5.9 請假管理界面 請假管理界面:

個人請假:

請假申請:

  • 在管理主界面能夠經過點擊請假管理跳轉到請假管理界面
  • 管理主界面有個人請假、申請請假兩個選項
  • 個人請假界面顯示本身已經提交的全部請假
  • 申請請假界面須要填寫請假活動和請假緣由,學號姓名自動獲取

##5.10 審批管理界面 因爲該模塊目前在美化界面,僅先展現部分

審批管理:

審批部門相關:

審批人員相關:

  • 在管理主界面能夠經過點擊審批管理跳轉到審批管理界面
  • 審批管理界面下有部門相關、活動相關、人員相關、請假相關
  • 部門相關審批界面下包含新增部門、撤銷部門、修改部門的申請
  • 人員相關審批界面分爲職位變更、幹事納新

##5.11 考覈管理界面 圖片是原型展現時期的,由於後臺已經關閉,沒法展現完成的界面

考覈管理列表:

  • 考覈的信息會以列表形式展現

##5.12 通知管理界面 通知管理:

通知具體內容:

通知分類:

請假通知:

  • 在管理主界面能夠經過點擊通知管理跳轉到通知管理界面
  • 通知界面能夠發佈通知、撤銷通知、查看通知
  • 通知顯示時會顯示通知的分類
  • 查看通知後能夠點擊具體通知查看通知內容

6、小程序端原型展現

##6.1 前言  全部null或者爲XX的數據或者爲空的部分,根據後端獲取的數據能夠自動填充,大多數添加、刪除、修改界面相似,就不重複給出了 ##6.2 登陸界面和重置密碼

登陸界面:

重置密碼界面:

  • 登陸界面輸入學號和密碼進行登陸
  • 登陸按鈕下方有註冊和重置密碼功能
  • 重置密碼只需輸入學號後便可重置,重置的密碼是默認的(仿照學校設置)

##6.3 註冊界面 註冊界面:

選擇分院:

選擇分院成功:

  • 註冊界面點擊分院欄處的箭頭會彈出選擇框
  • 註冊界面點擊部門欄處的箭頭會彈出選擇框

##6.4登錄後主界面

主界面:

點擊主界面的學號姓名欄:

點擊部門欄(該界面只讀,不可修改,修改入口從管理->人員管理進入):

點擊審批欄

選擇任意審批

  • 登陸後能夠看到用戶主界面
  • 點擊主界面的學號姓名欄能夠進入我的信息界面,能夠進行信息修改和密碼修改
  • 點擊部門欄能夠查看所屬部門的信息
  • 點擊審批欄能夠查看提交的申請的審批狀況
  • 選擇任意審批可查看審批進度
  • 點擊設置(退出登陸後回到登陸界面):

##6.5管理主界面

管理主界面

  • 點擊下方導航欄進入管理主界面

##6.6部門管理

部門管理界面:

部門一覽:

搜索部門相關信息:

搜索結果:

  • 在管理主界面點擊部門管理進入部門管理界面
  • 部門一覽,點擊該部門,摺疊面板顯示詳細信息(根據後臺實時獲取部門名,解釋:目前僅是測試因此部門名有點奇怪
  • 能夠搜索部門相關信息

##6.7 活動管理

活動管理主界面:

添加活動:

選擇開始(結束)時間:

  • 從管理主界面點擊活動管理進入活動管理主界面
  • 點擊添加活動模塊能夠進行活動的添加
  • 活動添加部分能夠本身選擇活動開始和結束的時間

##6.8 人員管理

人員管理界面:

左滑右滑功能展現:

  • 從管理主界面點擊活動管理進入人員管理主界面(管理本身所屬部門,且須要用戶的權限)
  • 滑動單元格實現左滑職位調整,右滑刪除成員

##6.9 考評管理

考評管理:

  • 從管理主界面點擊活動管理進入考評管理
  • 能夠點擊下方的評分星來評分

##6.10 審批管理

審批管理:

駁回:

  • 從管理主界面點擊活動管理進入審批管理
  • 滑動單元格實現左滑贊成,右滑駁回

##6.11 聊天界面 聊天界面

查看某用戶

  • 在主界面下方導航欄點擊消息,顯示聊天的用戶
  • 點擊某用戶能夠查看用戶信息
相關文章
相關標籤/搜索