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

简介: 一、基于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
})
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.解析程序

743d3087803148d9b3c464c2ea56d4d2.png

a092b7fec14b4874922c319c28392672.png

602335413f1e48b7a64342873e4a8aca.png

c3b75728531349e58dd558725a69ae77.png

cd1f74bcf046483bba4b117a8ca46d3c.png

2770488c441e413f8da918ebbfc44235.png

34c34b0aa5d6406f8ae74d30155430d4.png

a33a4ab967764ebf90f867059e9a2d2d.png

c02a77b176fe4ea099f5a81869ae20a4.png


6801848e5c4e4df1aaa2a73005e97b35.png

59960a59ea6541c9a608a5a0cf881df5.png

21640de245a3430a96a6ee13be64a094.png2600aa6de70b4402b8af768c45c7e0d7.png

57e241c6627c4f17a16538d3fc9ec4dd.png

6299b3ea50604e8690b7d6284d63c897.png

9d9dca9e67c94266a729d861838a2434.png

目录
相关文章
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
202 1
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
132 62
|
23天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
107 13
|
1月前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
3月前
|
Java 数据库连接 Maven
mybatis使用一:springboot整合mybatis、mybatis generator,使用逆向工程生成java代码。
这篇文章介绍了如何在Spring Boot项目中整合MyBatis和MyBatis Generator,使用逆向工程来自动生成Java代码,包括实体类、Mapper文件和Example文件,以提高开发效率。
165 2
mybatis使用一:springboot整合mybatis、mybatis generator,使用逆向工程生成java代码。
|
3月前
|
SQL JSON Java
mybatis使用三:springboot整合mybatis,使用PageHelper 进行分页操作,并整合swagger2。使用正规的开发模式:定义统一的数据返回格式和请求模块
这篇文章介绍了如何在Spring Boot项目中整合MyBatis和PageHelper进行分页操作,并且集成Swagger2来生成API文档,同时定义了统一的数据返回格式和请求模块。
94 1
mybatis使用三:springboot整合mybatis,使用PageHelper 进行分页操作,并整合swagger2。使用正规的开发模式:定义统一的数据返回格式和请求模块
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
124 2
|
2月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
3月前
|
前端开发 Java Apache
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
本文详细讲解了如何整合Apache Shiro与Spring Boot项目,包括数据库准备、项目配置、实体类、Mapper、Service、Controller的创建和配置,以及Shiro的配置和使用。
656 1
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
|
4月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
243 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统