計算機畢業設計 消防隱患在線舉報系統開發 畢設

一、技術路線：

開發語言：Java

使用框架：spring boot

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

本系統使用了java和mysql結合的結構開發了消防隱患在線舉報系統應用，系統中所有和數據庫有關系的操作都通過一個通用類來實現，大大提高了代碼的耦合性，當數據庫類型等信息變化后直接修改類文件就可以了，不再需要每個頁面都修改。另外本系統解決了中文的問題，也是在配置文件中添加了編碼方式的形式解決的，本系統另外一個大的特點是系統對數據庫的操作都單獨的寫在了一個類里，這樣對系統的所有數據庫操作都只訪問這個類就可以了，不要每個頁面都去寫數據庫的操作，提高了系統的集成性。

3.1用戶端功能模塊

用戶注冊，在用戶注冊頁面可以填寫用戶名、姓名、聯系方式等信息，進行注冊如圖3-1所示。

圖3-1用戶注冊界面圖

用戶登錄，在用戶登錄頁面填寫賬號、密碼進行登錄如圖3-2所示。

圖3-2用戶登錄界面圖

用戶登錄到消防隱患在線舉報系統可以查看首頁、我的等內容，如圖3-3所示。

圖3-3用戶首頁功能界面圖

我的，在我的頁面可以填寫消防隱患舉報、處理結果等信息進行查看，如圖3-4所示。

圖3-4我的界面圖

在用戶信息頁面可以填寫用戶名、姓名、頭像、性別、聯系方式等信息，并可根據需要進行保存、退出登錄，如圖3-5所示。

圖3-5用戶信息界面圖

在消防隱患舉報頁面可以查看用戶名、姓名、聯系方式、事件時間、事件描述、圖片、事件地址等信息，并可根據需要對消防隱患舉報進行提交，如圖3-6所示。

圖3-6消防隱患舉報界面圖

在處理結果頁面可以查看用戶名、姓名、聯系方式、事件時間、事件描述、圖片、事件地址、處理狀態、處理詳情等信息，并可根據需要對處理結果進行提交，如圖3-7所示。

圖3-7處理結果界面圖

3.2管理端功能界面

管理員通過填寫用戶名、密碼、角色進行登錄如圖3-8所示。

圖3.8管理員登錄界面圖

用戶管理，通過填寫用戶名、姓名、頭像、性別、聯系方式等信息進行詳情、修改、刪除操作，如圖3-9所示。

圖3.9用戶管理界面圖

消防隱患舉報管理，通過填寫用戶名、姓名、聯系方式、事件時間、事件描述、圖片、事件地址等信息進行修改、刪除操作，如圖3-10所示。

圖3-10消防隱患舉報管理界面圖

消防隱患分類管理，通過填寫分類等信息進行詳情、修改、刪除操作，如圖3-11所示。

圖3-11消防隱患分類管理界面圖

統計分類管理，通過填寫事件描述、事件地址、消防隱患分類等信息進行詳情、修改、刪除操作，如圖3-12所示。

圖3-12統計分類管理如圖所示。

處理結果管理，通過填寫用戶名、姓名、聯系方式、事件時間、事件描述、圖片、事件地址、處理狀態、處理詳情等信息進行詳情、修改、刪除操作，如圖3-13示。

圖3-13處理結果管理界面圖

新聞資訊，通過填寫標題、簡介、圖片等信息進行詳情、修改操作，如圖3-14所示。

圖3-14新聞資訊界面圖

該頁面為輪播圖管理界面。管理員可以在此頁面進行首頁輪播圖的管理，通過新建操作可在輪播圖中加入新的圖片，還可以對以上傳的圖片進行修改操作，以及圖片的刪除操作，如圖3-15所示。

圖3-15輪播圖管理界面圖