基于SpringBoot+Vue的智能消費記賬系統(AI問答、WebSocket即時通訊、Echarts圖形化分析)

🎈系統亮點:AI問答、WebSocket即時通訊、Echarts圖形化分析;

一.系統開發工具與環境搭建

1.系統設計開發工具


后端使用Java編程語言的Spring boot框架
項目架構:B/S架構
運行環境:win10/win11、jdk17

前端:
技術:框架Vue.js;UI庫:ElementUI;
開發工具:Visual Studio Code;



后端:
技術:Java語言、mybatis plus、Spring boot框架;
開發工具:IDEA 2024版本;



數據庫:
數據庫:mysql5.7/8.0
數據庫工具:Navicat12版本;


二.系統功能需求分析

2.1學生用例分析

(1)賬號管理:大學生可以進行注冊賬號,登錄系統,修改自己的個人信息和密碼。

(2)預算管理:大學生能自行設置預算,可以通過表單新增預算,也支持下載預算表格,按照格式要求把預算數據填寫Excel文件里,將 Excel文件導入系統,完成預算設置。大學生導出預算列表,把自己設置的所有預算情況以列表形式保存下來,方便查看。

(3)支出管理:大學生可新增支出記錄,如實記錄每一筆開銷。可以通過支出表單新增支出記錄,也可以通過導入模板,一次性記錄多次支出。支持大學生導出所有的支出列表,供大學生查看。當支出大于預算時,會提醒學生。

(4)收入管理:收入信息錄入表單。學生需填寫收入金額,如實記錄每一筆收入的具體數額。可通過導入功能將其收入批量記錄,當學生需要查看所有的收入數據,可使用導出收入列表功能。

(5)聊天:大學生相互之間可以進行添加好友,聊天。

(6)AI對話:大學生可以通過AI詢問自己想了解的問題。

(7)查看科普文章:大學生可以查看系統發布的關于消費相關的科普文章。

2.2管理員

(1)系統公告管理:管理員具備對系統公告進行增刪改查操作。

(2)用戶管理:管理員對用戶信息進行維護,新增用戶、刪除用戶、修改用戶以及導出用戶列表。

(3)賬號管理:管理員可以維護自己的個人信息及密碼,登錄后臺。

(4)預算管理:管理員可以對大學生的預算進行增刪改查操作,支持導入導出特定學生的預算數據。

(5)支出管理:管理員可以對大學生的支出進行增刪改查操作,支持導入導出特定學生的支出數據。

(6)收入管理:管理員可以對大學生的收入進行增刪改查操作,支持導入導出特定學生的收入數據。

三.系統實現(部分截圖)

角色:管理員 ,學生;

3.1學生

3.1.1 登錄

用戶登錄系統,輸入賬號、密碼,選擇自己的角色,填寫驗證碼進行登錄。賬號密碼不可為空,為空,前端會進行提示“請輸入賬號”,“請輸入密碼”。校驗通過后,調用后端登錄接口,驗證輸入的賬號、密碼是否正確。前端接收到后端的請求結果后,根據用戶的角色跳轉不同的界面。

3.1.2 數據分析

使用ECharts實現的大學生智能消費記賬系統數據可視化界面,展示了收入、支出、預算等多方面的財務信息。界面展示了該用戶的總收入、總支出以及預算使用的情況。通過柱狀圖呈現了不同月份的收支情況。以環形圖直觀展示了總收入和總支出的比例關系。用列表展示了預算執行情況。

3.1.3 預算

用戶可通過“月份”、“狀態”以及“類別”選擇框,可用來查找特定預算信息。系統有“新增”,“導出”,“批量導入”,“下載模板”功能。用戶通過“新增”可添加新的預算記錄;“導出”能把當前列表中的預算數據導出;“批量導入”用于一次性導入多條預算記錄;“下載模板”可獲取標準的預算表格模板。

3.1.4 支出

用戶可以通過用途搜索自己的某部分用途的所有支出。新增支出,輸入支出的類別、可通過新增添加新的支出,當支出大于預算,則會提醒用戶。支出功能支持用戶進行批量導入,也可以將所有的支出列表導出。

3.1.5收入

3.1.6 聊天

3.1.7AI問答

系統接入了AI問答,為大學生提供了一個便捷、智能的信息獲取渠道,幫助學生更好地管理個人財務和提升消費認知。學生登錄系統后,可以在任意界面進行AI問答,大學生在日常消費過程中遇到任何疑問,都能隨時向AI提問,幫助學生在消費時做出更明智的選擇。

3.1.8記賬知識與資訊

大學生登錄系統后,可以查看系統發布的科普信息,大學生可以了解和學習消費和理財知識。可查看發布人、科普標題、簡短描述信息。當學生點擊科普文章時,可詳細瀏覽科普文章。科普文章界面圖如圖5.11所示。

3.2 管理員

3.2.1 用戶管理

管理員可根據“姓名”“郵箱”“手機號碼”和“角色”查找特定用戶信息,可添加新的用戶信息,可以將當前列表中的用戶信息以文件形式導出。表格展示用戶詳細信息,包括賬號、密碼、郵箱、姓名、頭像、手機號、出生年月、所屬角色等。可對用戶信息進行編輯或刪除操作。

3.2.2 消費數據統計

3.2.3 記賬知識與資訊

3.2.4 預算

管理員可以查看所有的用戶的預算信息,可對其進行增刪改查操作。支持管理員進行批量導入用戶的預算列表,導出所有用戶的預算列表信息。

3.2.5 支出

3.2.6 收入

3.2.7 聊天

3.2.8 系統公告

管理員有權維護系統公告,對其進行增刪改查操作,也支持批量刪除操作。

3.2.9 AI咨詢

3.2.10 類別管理

管理員可登錄后臺管理界面,進入“類型設置管理”模塊,通過點擊 “新增”按鈕,可創建新的收支類型。針對不再適用的類型,管理員可執行“刪除”操作;若類型需調整,也能通過“修改”進行更新。

四.系統結構截圖

4.1 前端

4.2 后端

4.3 數據庫

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/93451.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/93451.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/93451.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

[論文筆記] WiscKey: Separating Keys from Values in SSD-Conscious Storage

閱讀 WiscKey 論文時隨手記錄一些筆記。 這篇論文的核心思想理解起來還是很簡單的,但是具體涉及到實現還有一些想不明白的地方,后來看到 TiKV 的 Titan 實現也很有趣,索性把這些問題都記錄下來并拋出來。 本文中和論文相關的內容&#xff0…

week1-[循環嵌套]畫正方形

week1-[循環嵌套]畫正方形 題目描述 輸入一個正整數 nnn,請使用數字 000 到 999 拼成一個這樣的正方形圖案(參考樣例輸入輸出):由上至下、由左至右依次由數字 000 到 999 填充。每次使用數字 999 填充后,將從頭使用數字…

在 Vue2 中使用 pdf.js + pdf-lib 實現 PDF 預覽、手寫簽名、文字批注與高保真導出

本文演示如何在前端(Vue.js)中結合 pdf.js、pdf-lib 與 Canvas 技術實現 PDF 預覽、圖片簽名、手寫批注、文字標注,并導出高保真 PDF。 先上demo截圖,后續會附上代碼倉庫地址(目前還有部分問題暫未進行優化&#xff0…

tomcat 定時重啟

tomcat 定時重啟 定時重啟的目的是:修復內存泄漏等問題,tomcat 長時間未重啟,導致頁面卡頓,卡死,無法訪問,影響用戶訪問 1.編寫腳本 su - tomcat [tomcat@u1abomap02 ~]$ ls restart_tomcat_gosi.sh tomcat_gosi.log vi restart_tomcat_gosi.sh #!/bin/bash# 定義日志目…

WinForm 簡單用戶登錄記錄器實現教程

目錄 功能概述 實現思路 一、程序入口(Program.cs) 二、登錄用戶控件(Login.cs) 2.1 控件初始化與密碼顯示邏輯 2.2 登錄控件設計器(Login.Designer.cs) 三、主窗體(Form1.cs&#xff09…

docker 安裝 使用

Docker安裝 一鍵安裝命令 sudo curl -fsSL https://get.docker.com| bash -s docker --mirror Aliyun啟動docker sudo service docker startpull鏡像加速配置 sudo vi /etc/docker/daemon.json輸入下列內容,最后按ESC,輸入 :wq! 保存退出。 {"regis…

無人機探測器技術解析

一、工作模式 無人機探測器通過多模式協同實現全流程防御閉環: 1. 主動掃描模式 雷達主動探測:發射電磁波(如Ka/Ku波段),通過回波時差與多普勒頻移計算目標距離、速度及航向,適用于廣域掃描(…

Linux學習-軟件編程(進程與線程)

進程回收wait原型:pid_t wait(int *wstatus); 功能:回收子進程空間 參數:wstatus:存放子進程結束狀態空間的首地址 返回值:成功返回回收到的子進程的PID失敗返回-1WIFEXITED(wstatus):測試進程是否正常結束…

大模型微調分布式訓練-大模型壓縮訓練(知識蒸餾)-大模型推理部署(分布式推理與量化部署)-大模型評估測試(OpenCompass)

大模型微調分布式訓練 LLama Factory與Xtuner分布式微調大模型 大模型分布式微調訓練的基本概念 為什么需要分布式訓練? 模型規模爆炸:現代大模型(如GPT-3、LLaMA等)參數量達千億級別,單卡GPU無法存儲完整模型。 …

物聯網、大數據與云計算持續發展,樓宇自控系統應用日益廣泛

在深圳某智慧園區的控制中心,管理人員通過云端平臺實時監控著5公里外園區內每臺空調的運行參數、每盞路燈的開關狀態和每個區域的能耗數據。當系統檢測到某棟樓宇的電梯運行振動異常時,大數據算法自動預判可能的故障點并推送維修建議;物聯網傳…

在實驗室連接地下車庫工控機及其數據采集設備

在實驗室連接地下車庫工控機及其數據采集設備 我們小組為項目的數據采集組,目前在車頂集成了一個工控機、兩個激光雷達、兩個攝像頭、一個戶外電源 由于地下車庫蚊子太多了,我們可受不了這個苦,所以想坐在實驗室吹著空調就能連接工控機來修改…

icmpsh、PingTunnel--安裝、使用

用途限制聲明,本文僅用于網絡安全技術研究、教育與知識分享。文中涉及的滲透測試方法與工具,嚴禁用于未經授權的網絡攻擊、數據竊取或任何違法活動。任何因不當使用本文內容導致的法律后果,作者及發布平臺不承擔任何責任。滲透測試涉及復雜技…

系統思考:情緒內耗與思維模式

我們正在努力解決的問題,很多時候,根源就在我們自己。 在日常的工作和生活中,我們常常感到焦慮、內耗和失控。這些情緒和狀態,似乎總是在不斷循環。但如果停下來仔細思考,會發現,問題的背后,并不…

詳解grafana k6 中stage的核心概念與作用

在Grafana k6中,??Stage(階段)?? 是負載測試腳本的核心配置概念,用于動態控制虛擬用戶(VUs)的數量隨時間的變化。通過定義多個階段,用戶可以模擬真實場景中的流量波動(如用戶逐步…

JS 和 JSX 的區別

JS 和 JSX 是兩種不同的概念,盡管它們都與 JavaScript 密切相關,尤其是在 React 開發中。以下是它們的主要區別:1. 定義JS (JavaScript): 一種通用的編程語言,用于開發動態網頁、服務器端應用程序等。它是標準的 ECMAScript 語言。…

Linux軟件編程-進程(2)及線程(1)

1.進程回收資源空間&#xff08;1&#xff09;wait函數頭文件&#xff1a;#include <sys/types.h>#include <sys/wait.h>函數接口&#xff1a;pid_t wait(int *wstatus);功能&#xff1a;阻塞等待回收子進程的資源空間參數&#xff1a;wstatus &#xff1a;保存子進…

java 集合 之 集合工具類Collections

前言早期開發者經常需要對集合進行各種操作比如排序、查找最大最小值等等但是當時沒有統一的工具類來處理所以導致代碼重復且容易出錯java.util.Collections 工具類的引入為開發者提供了大量 靜態方法 來操作集合它就像一個經驗豐富的助手和數組工具類 Arrays 一樣避免了我們重…

2025 年電賽 C 題 發揮部分 1:多正方形 / 重疊正方形高精度識別與最小邊長測量

2025 年全國大學生電子設計競賽 C 題 發揮部分 1&#xff1a;多正方形 / 重疊正方形高精度識別與最小邊長測量 香橙派 OpenCV C 全流程解析 目錄 賽題背景與需求技術難點全景圖系統總體架構硬件平臺與接線軟件架構與線程模型算法流水線逐幀拆解 6.1 圖像預處理6.2 輪廓提取與…

【自動駕駛】自動駕駛概述 ② ( 自動駕駛技術路徑 | L0 ~ L5 級別自動駕駛 )

文章目錄一、自動駕駛技術路徑1、L0 級別 自動駕駛2、L1 級別 自動駕駛3、L2 級別 自動駕駛4、L3 級別 自動駕駛5、L4 級別 自動駕駛6、L5 級別 自動駕駛一、自動駕駛技術路徑 美國汽車工程師學會 ( SAE ) 將 自動駕駛 分為 L0 ~ L5 六個級別 : 其中 L0 級別 是 完全手動 , L5…

C++少兒編程(二十二)—條件結構

1.理解條件結構小朋友們&#xff0c;今天讓我們一起來探索一個神奇而有趣的知識——程序的條件結構&#xff01;首先&#xff0c;讓我們來想象一個有趣的場景。比如說&#xff0c;你們正在準備去公園玩耍。在出發之前&#xff0c;你們會看看天氣怎么樣。如果天氣晴朗&#xff0…