基于Springboot+MybatisPlus+Vue前后端分离的中华文华学习平台

简介: 基于Springboot+MybatisPlus+Vue前后端分离的中华文华学习平台
+关注继续查看

一、基于Springboot+MybatisPlus+Vue前后端分离的中华文华学习平台


1.1 项目概述


开发语言:Java8

数据库:Mysql5


前端框架:Vue,ElementUI组件


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


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


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


开发工具:IDEA VScode Navicat Maven


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


完全前后端分离:http: json ----


1.2 项目详解


1.登录【正则表达式】


用户名:


密码:


验证码:


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


2.首先验证码对不对?


3.通过之后查库


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


2.注册


1.检验数据格式


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


3.form 提交到后台Controller


4.插入数据库


3.CRUD


查询所有

this.$http({

​ url: “zhishizhuanqu/page”,

​ method: “get”,

​ params: params

​ }).

this.$http({

​ url: “zhishizhuanqu/delete”,

​ method: “post”,

​ data: ids

​ }).

this.$http({

​ url: zhishizhuanqu/info/${id},

​ method: “get”

​ })

this.$http({

​ url: ${table}/update,

​ method: “post”,

​ data: obj

​ })

this.$http({

​ url: users/${!this.ruleForm.id ? "save" : "update"},

​ method: “post”,

​ data: this.ruleForm

​ }).

save : insert into user values();

update: update user set name = ‘ssss’ where id = 1;


1.3 项目总结

mybatisplus CRUD 0SQL 通过调用方法 就鞥对数据库的操作【框架】


前后分离:后 前


HTTP ----- URL 【参数】 post–from get put delete


Controller @RequestMapping(“/sssss”)


**UserEntity:**ORM映射【javaentity ---- table数据库表】


**UserVO:**数据展示实体 page=1,limit = 10;


**UserView:**数据展示实体


**UserDTO:**数据传输实体 定义的方法 实体的判断 验证

19e41f6572c843a7b2f97048891a6203.png

a49727e06d0e42039eea70756df8f52c.png

6b738eac8e0547aa83178955a1d6323b.png

caa1878181634e8b81991415ad082711.png


243c6b4e264d4349a9a881febf64c6ef.png

d7d313cd9fef46658727d225c5054127.png



c305775949e54f449eeba1eaf3ec5715.png



7c7b9284203e4a4ea2a80fbccad94b0f.png



4ca92ff33ccb4667996dfe857e6afe1f.png

01867a802dd6497eab7c62587c7adf4a.png

324341baa25a4619aea9532297463267.png

c6dbfd9330104dcf99a75a03ff03f763.png

4301d0abe98b4f2e81199fafc8eea81d.png


1ae271060c1e4d089b7281f73c54f4bb.png

c4368962884c440884d77d087fa38edd.png

7d6e71922220443089125a0eb195f95e.png


2a2e3ecccf74450ebfdd8385b696fa2e.png

6e96ddff2bb542c497dc0720e165931e.png

8b1c17c3de31454fa864d62eef894c63.png

2da78ecab44f47f890d4a6d27f5b4bcf.png

de672a4d9bbc44a78f4ab919c67a48fc.pngf86593f55d6c4b23bd9ff43c4b9b880e.png

目录
相关文章
|
3月前
|
Java 数据库
基于SpringBoot的MybatisPlus简明教程(2)
基于SpringBoot的MybatisPlus简明教程(2)
22 0
|
3月前
|
Java 数据库连接 数据库
基于SpringBoot的MybatisPlus简明教程(1)
基于SpringBoot的MybatisPlus简明教程(1)
33 0
|
4月前
|
XML 前端开发 Java
Springboot整合MyBatisPlus swagger测试
Springboot整合MyBatisPlus swagger测试
|
4月前
|
JSON 前端开发 数据可视化
初学者必看,SpringBoot+MybatisPlus+Swagger快速开发套路和总结(二)
初学者必看,SpringBoot+MybatisPlus+Swagger快速开发套路和总结(二)
51 0
|
4月前
|
SQL Java 数据库连接
初学者必看,SpringBoot+MybatisPlus+Swagger快速开发套路和总结(一)
初学者必看,SpringBoot+MybatisPlus+Swagger快速开发套路和总结(一)
52 0
|
10月前
基于Springboot+Mybatisplus+Vue的在线购物平台管理系统
基于Springboot+Mybatisplus+Vue的在线购物平台管理系统
174 1
基于Springboot+Mybatisplus+Vue的在线购物平台管理系统
|
10月前
基于Springboot+MybatisPlus+Vue的在线课程管理系统
基于Springboot+MybatisPlus+Vue的在线课程管理系统
81 0
基于Springboot+MybatisPlus+Vue的在线课程管理系统
|
10月前
|
SQL 前端开发 JavaScript
基于Springboot+MybatisPlus+Vue前后端分离的人事招聘管理系统
基于Springboot+MybatisPlus+Vue前后端分离的人事招聘管理系统
113 0
基于Springboot+MybatisPlus+Vue前后端分离的人事招聘管理系统
|
10月前
|
SQL 前端开发 JavaScript
基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统
基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统
282 0
基于Springboot+MybatisPlus+Vue的前后端分离电子商城系统
|
10月前
|
数据库
基于Springboot+MybatisPlus+Vue的前后端分离家具城管理系统
基于Springboot+MybatisPlus+Vue的前后端分离家具城管理系统
87 0
基于Springboot+MybatisPlus+Vue的前后端分离家具城管理系统
相关产品
云迁移中心
推荐文章
更多