一个非常简单的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、网站不提供资料下载,如需下载请到原作者页面进行下载。