用户注册和登录步骤:
- 创建工程boot3-2 , 11改成8 三个打钩
- 在application.properties里面添加连接数据库的信息
- 添加index.html页面 里面两个超链接 ,添加注册reg.html页面
- 创建UserController 里面添加reg方法处理/reg请求,
- 创建User实体类
- 创建UserMapper 里面添加insert方法 和selectByUsername方法
- 在UserController里面把UserMapper装配进来,在reg方法中调用mapper的selectByUsername 方法 判断用户名是否已存在,然后调用mapper的insert方法
- 创建login.html页面
- 在UserController里面添加login方法处理/login请求
方法里面调用mapper的selectByUsername方法 判断出用户名是否存在, 登录成功和登录失败三种状态.
同步请求和异步请求
同步:指单线程依次做几件事
异步:指多线程同时做几件事
同步请求:指客户端浏览器只有一个主线程,负责渲染页面和发出请求等操作,如果主线程发请求的话
则会停止渲染页面,直到服务器响应了数据之后再次显示,由于主线程发出请求时会清空原有内容,这
样同步请求只能实现页面的整体刷新,无法实现局部刷新
异步请求:指客户端由主线程负责渲染页面,发出请求用到子线程 这样子线程发出请求时原页面内容
不受影响,可以将查询回来的内容展示在原页面基础之上 这个过程称为局部刷新
客户端如何发出异步请求?
通过Axios前端框架发出异步请求
在html页面中引入axios框架文件
get和post请求的区别
从字面意思理解 get是跟服务器要数据,post是给服务器上传数据
get:请求参数在请求指定的后面(可见),
请求参数大小有限制只能上传几K的数据(所以文件上传不会使用get)
应用场景:查询请求基本都使用get 删除请求一般也使用get
post:请求参数在请求体里面(不可见),参数没有大小限制
应用场景: 文件上传 带有敏感信息的参数比如密码(注册和登录) 需要从form表单获取数据时
使用post请求会使代码更简洁