当前位置: 首页 > news >正文

基于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.xdnf.cn/news/1293301.html

相关文章:

  • 挂糊:给食材穿层 “黄金保护衣”
  • 量子安全新纪元:F5发布全新AI驱动的全栈式后量子加密AI安全方案
  • 美团搜索推荐统一Agent之交互协议与多Agent协同
  • 【P21】OpenCV Python——RGB和BGR,HSV和HSL颜色空间,及VScode中报错问题解决
  • 408每日一题笔记 41-50
  • 车载软件架构 --- MCU刷写擦除相关疑问?
  • 前端css学习笔记4:常用样式设置
  • epoll模型解析
  • Socket 套接字的学习--UDP
  • 【H5】禁止IOS、安卓端长按的一些默认操作
  • java中在多线程的情况下安全的修改list
  • Win11和Mac设置环境变量
  • 一键自动化:Kickstart无人值守安装指南
  • [ Mybatis 多表关联查询 ] resultMap
  • 【SpringBoot系列-02】自动配置机制源码剖析
  • RabbitMQ面试精讲 Day 21:Spring AMQP核心组件详解
  • ARM 实操 流水灯 按键控制 day53
  • 部署 Docker 应用详解(MySQL + Tomcat + Nginx + Redis)
  • SQL详细语法教程(二)--DML(数据操作语言)和DQL(数据查询语言)
  • 【IntelliJ IDEA】如何在pom.xml中去除maven中未使用的依赖
  • 存量竞争下的破局之道:品牌与IP的双引擎策略|创客匠人
  • LeetCode 分类刷题:1004. 最大连续1的个数 III
  • PHP imagick扩展安装以及应用
  • 机器学习-Cluster
  • Java项目中地图功能如何创建
  • 机器学习阶段性总结:对深度学习本质的回顾 20250813
  • csp知识基础——贪心算法
  • 类和对象(中下)
  • 图像分类-动手学计算机视觉10
  • JDK17下载与安装图文教程(保姆级教程)