简易记事本项目—基于SSM+Vue前后端分离

🌈🌈🌈今天给大家分享的是:基于SSM+Vue的简易记事本项目

目录

引言

技术栈介绍

项目概述

1. 用户注册

2. 用户登录

3. 用户退出

4. 事件分类

5. 事件管理

项目主要图片


引言

在快节奏的现代生活中,我们常常被工作和生活中的琐事所困扰,难以记住每一件事。为了解决这一问题,我们开发了一款简易记事本项目,旨在帮助用户更有条理地管理日常事务。通过这款记事本,用户可以轻松记录和分类各种事件,确保不会错过任何重要事项。

技术栈介绍

Spring:提供全面的IoC和AOP支持,简化项目中的对象管理。
SpringMVC:作为表现层框架,处理HTTP请求和响应。
MyBatis:ORM框架,简化数据库操作。
Vue:前端框架,构建用户界面。
ECharts:数据可视化库,用于图表展示。
Element-Plus:基于Vue的组件库,提供丰富的UI组件。

项目概述

简易记事本项目是一个功能全面的在线记事工具,它包括用户注册、用户登录和退出、事件分类和事件管理四大核心功能。以下是每个功能的详细介绍:

1. 用户注册

用户在使用记事本功能之前,需要在系统中进行注册。注册页面要求用户输入账户名、姓名、密码、年龄、手机号和邮箱等信息。为了保证账户的唯一性,账户名在系统中必须是唯一的,同时密码长度必须在6位以上。

2. 用户登录

注册成功后,用户可以通过登录页面输入账户名和密码进行登录。如果登录失败,系统会给予用户相应的提示。登录成功后,用户将被引导至管理后台,显示用户姓名、退出按钮以及菜单选项,包括事件分类和事件管理。

3. 用户退出

用户在管理后台点击退出按钮时,系统将清除登录信息并跳转回用户登录页面,确保用户账户的安全。

4. 事件分类

用户可以自定义记录事件的类型,例如生活、工作、会议等。在管理后台点击“事件分类”菜单时,用户可以对事件类型进行增删改查的管理。

  • 新增:用户可以添加新的事件类型记录,但事件类型名称在用户自己的分类列表中必须是唯一的。
  • 修改:用户可以修改已有的事件类型记录,保持名称的唯一性。
  • 删除:用户可以删除事件类型记录,但前提是没有关联的事件记录。
  • 查询:用户可以查看当前登录用户自定义的事件分类列表。

5. 事件管理

用户可以对事件进行记录和管理。在管理后台点击“事件管理”菜单时,用户可以对事件进行增删改查的管理。

  • 新增:用户可以添加事件记录,包括选择事件分类、输入事件标题、设置起始和截止日期、输入具体内容、选择事件级别(重要、紧急、一般,默认为重要)以及标记是否完成(已完成、未完成、作废,默认为未完成)。
  • 修改:用户可以修改事件记录的各个属性。
  • 删除:用户可以删除不再需要的事件记录。
  • 查询:用户可以查询所有事件列表,并按照截止日期降序排列。不同级别的事件将以不同颜色标记,用户还可以通过事件标题、分类、级别和完成状态进行动态查询。

项目主要图片

登录:

首页:

事件分类:

事件管理:

个人中心:

🌈🌈🌈好啦,今天的分享就到这里!

🛩️🛩️🛩️希望各位看官读完文章后,能够有所提升。

🎉🎉🎉创作不易,还希望各位大佬支持一下!

✈️✈️✈️点赞,你的认可是我创作的动力!

⭐⭐⭐收藏,你的青睐是我努力的方向!

✏️✏️✏️评论:你的意见是我进步的财富!

如果有小伙伴需要,也可以通过评论联系我

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值