一个非常简单的todoList小项目,支持云端同步功能

TodoList 前言

一个简单的TodoList(记录待办事项)小项目,支持云端同步功能(需要注册账号并且登陆),前端使用React框架和Antd组件库构建,后端使用SSM框架连接MySQL数据库,前后端分离的WEB小项目

使用到的设计模式

对象传输模式 拦截过滤器模式 MVC模式 控制反转模式 依赖注入模式

软件架构为

分层架构 功能 不登陆的时候,支持使用本地存储记录待办事项,无需和数据库连接 提供注册和登陆选项,注册并登陆后可享用云存储,对待办事项的增删改查都会同步到数据库 具体功能:查询,新增,修改,删除,全选,批量删除基本操作 技术栈

前端:React

后端:SSM框架

数据库:MySQL(8.0.28)

项目运行

由于前端涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本

下载项目

git clone https://gitee.com/xiaohugitee/todo-list.git

前端

cd todo-list/todo_page npm i npm run start 数据库

创建todo数据库,并运行根目录下的todo.sql文件创建表

后端

使用idea打开todo_server文件夹,打开项目的pom刷新下载项目所需依赖

安装Maven Help插件用来启动项目

右键点击项目选择run maven,再选择tomcat7:run运行项目即可启动,无需配置tomcat,该项目使用的是maven中的tomcat插件,如果端口冲突可手动修改相关的配置:在pom文件的最下方,如下所示

部分截图

图片来源于本窗口中的pic文件,部分图片来源于我的github图床,可能加载失败

后端对手机号和密码都进行了MD5加密之后存储到数据库,保证了信息的安全

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。