当前位置: 首页 > 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.dtcms.com/a/330204.html

相关文章:

  • Python 类元编程(元类基础知识)
  • 推荐系统论文分享之多任务模型--PLE(二)
  • python与JavaScript的区别
  • MoviiGen1.1模型脚本调用
  • C语言队列的实现
  • AUTOSAR进阶图解==>AUTOSAR_SWS_TTCANInterface
  • 开发避坑指南(25):MySQL不支持带有limit语句的子查询的解决方案
  • 【学习嵌入式day23-Linux编程-文件IO】
  • imx6ull-驱动开发篇22——Linux 时间管理和内核定时器
  • 力扣top100(day02-04)--二叉树 01
  • 18.10 SQuAD数据集实战:5步高效获取与预处理,BERT微调避坑指南
  • 数据分析可视化学习总结(美妆2)
  • Python解包技巧全解析
  • Python 基础语法(一)
  • 多处理器技术:并行计算的基石与架构演进
  • 疯狂星期四文案网第38天运营日记
  • 继《念念有词》后又一作品《双刃》开播 马来西亚新人演员业文Kevin挑战多面角色引期待
  • CF每日3题(1600)
  • element-ui 时间线(timeLine)内容分成左右两侧
  • npm run dev 的作用
  • Unity_2D动画
  • 游戏盾的安全作用
  • RK3568嵌入式音视频硬件编解码4K 60帧 rkmpp FFmpeg7.1 音视频开发
  • Celery+RabbitMQ+Redis
  • Traceroute命令使用大全:从原理到实战技巧
  • IPC Inter-Process Communication(进程间通信)
  • 2小时构建生产级AI项目:基于ViT的图像分类流水线(含数据清洗→模型解释→云API)(第十七章)
  • 基于Supervision工具库与YOLOv8模型的高效计算机视觉任务处理与实践
  • 1.Cursor快速入门与配置
  • Multisim的使用记录