一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统

一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统

(1)创建我的文章,填写标题和内容啥的。设置是否公开,如果公开的话,别人就可以看见,可以点评收藏,也可以用积分购买,多少积分,就是作者可以自己设置的。
(2)如果不公开,那就是私密文章,只能自己看见,别人看不见。
(3)智能推荐,根据收藏和购买的行为习惯进行自动推荐相似的文章。
(4)回收站,里面暂存删除掉的文章,在这里可以进行找回,或者彻底删除,类似电脑上的回收站。
(5)点评评论,对公开的文章进行评论及回复评论。
(6)私密文章管理
(7)我的收藏、我的购买管理,并且可以取消收藏,就像“抖音取关”一样。
(8)数据分析:分析积分来源:创作、被收藏、购买等。分析公开笔记受欢迎情况等。这样可以进一步提高用户学习的积极性。\

源码+数据库:https://download.csdn.net/download/wyn_365/85577239

1.1 项目概述

开发语言:Java8

数据库:Mysql5

前端框架:Vue,ElementUI组件

后端框架:Springboot【内嵌】 MybatisPlus 【ORM javabean – 数据库表实体 】

数据库连接池:Duriud【当一堆连接】

服务器:Tomcat,SSM SHH【自己部署】

开发工具:IDEA VScode Navicat Maven

代码设计:MVC HTTP-----> Controlller----->service------>dao【Model】

1.2 项目详解

1.登录【正则表达式】

用户名:

密码:

验证码:

1.HTTP地址:post[form] ----Controller

2.首先验证码对不对?

3.通过之后查库

4.查询数据库有没有该用户?

2.注册

1.检验数据格式

2.判断两次密码是否一致

3.form 提交到后台Controller

4.插入数据库

3.展示所有笔记,查看某一条笔记

http: listALLData?page=1&limit=10

SQL: select * from note limit 0,9;

this.$http({
          url: this.$http.adornUrl('/generator/note/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize,
            'key': this.dataForm.key

})

4.修改笔记:

1.数据回显 id select * from note where id = ?

2.数据插入操作

5.更新笔记、新增笔记

更新:复用弹窗 url http: id, update note set [] where id = ?

新增:没有id insert

6.购买笔记 收藏笔记

update note set num = 2+1 where id =?

1.3 项目总结

1.先看前台发送请求的地方在哪里 http url:

2.后台:controller映射路径

3.解析程序

一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第1张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第2张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第3张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第4张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第5张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第6张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第7张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第8张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第9张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第10张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第11张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第12张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第13张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第14张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第15张图片
一、基于Springboot+MybatisPlus+Vue前后端分离的共享笔记管理系统_第16张图片

你可能感兴趣的:(毕业设计,Springboot,项目,spring,boot,vue.js,java)