1.路径#xff1a;自己定义

2.参数#xff1a;根据需求考虑#xff0c;我们这个接口功能完成需要哪些信息。

3.返回结果#xff1a;考虑我们能为对方提供什么。

站在对方角度考虑。

1.路径自己定义

用户登录添加图书显示图书列表更新图书删除图书批量删除图书强制登录引入统一功能

做这个管理系统首先我们需要考虑到什么呢

jdbc:mysql://127.0.0.1:3306/book_test?characterEncodingutf8useSSLfalseusername:

rootpassword:

com.mysql.cj.jdbc.Drivermybatis:configuration:log-impl:

org.apache.ibatis.logging.stdout.StdOutImpl

配置打印

MyBatis?志map-underscore-to-camel-case:

true

xml的?件路径在resources/mapper创建所有表的xml?件#

classpath对应resources这个目录接下来说明在mapper这个文件夹下面以Mapper.xml结束的都可以被加载#

logging:file:name:

spring-book.log我们新建一个book_test数据库。

DROP

com.qiyangyang.springbook.demos.model;import

lombok.Data;

com.qiyangyang.springbook.demos.model;

import

application/x-www-form-urlencoded;

charsetUTF-8[参数]

从数据库查询用户名和密码如果可以查到并且密码一致就认为登录成功。

创建UserController

com.qiyangyang.springbook.demos.controller;import

com.qiyangyang.springbook.demos.model.UserInfo;

import

com.qiyangyang.springbook.demos.service.UserService;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.util.StringUtils;

import

org.springframework.web.bind.annotation.RequestMapping;

import

org.springframework.web.bind.annotation.RestController;

import

javax.servlet.http.HttpSession;Slf4j

RestController

userService;RequestMapping(/login)public

boolean

校验参数*/if(!StringUtils.hasLength(userName)

!StringUtils.hasLength(password)){return

false;}//判断用户输入的密码和用户输入的密码是否一致//我们需要查询数据库得到数据库的密码UserInfo

userInfo

userService.queryByName(userName);if(userInfo

null){//用户不存在return

false;}if(password.equals(userInfo.getPassword())){//将密码置为空不置为空也可以因为Session是在服务器上的数据客户端也看不到//session也是占内存的因此不需要的不存。

/***

如果密码正确*

存Session*///由于密码信息是没用的用不到。

我们设置成空。

不设置成空也行因为存在服务器。

客户端是看不到的userInfo.setPassword();session.setAttribute(user_session,userInfo);return

true;}return

com.qiyangyang.springbook.demos.controller;import

com.qiyangyang.springbook.demos.model.UserInfo;

import

com.qiyangyang.springbook.demos.service.UserService;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.util.StringUtils;

import

org.springframework.web.bind.annotation.RequestMapping;

import

org.springframework.web.bind.annotation.RestController;

import

javax.servlet.http.HttpSession;Slf4j

RestController

userService;RequestMapping(/login)public

boolean

校验参数*/if(!StringUtils.hasLength(userName)

!StringUtils.hasLength(password)){return

false;}//判断用户输入的密码和用户输入的密码是否一致//我们需要查询数据库得到数据库的密码UserInfo

userInfo

userService.queryByName(userName);if(userInfo

null){//用户不存在return

false;}if(password.equals(userInfo.getPassword())){//将密码置为空不置为空也可以因为Session是在服务器上的数据客户端也看不到//session也是占内存的因此不需要的不存。

/***

如果密码正确*

存Session*///由于密码信息是没用的用不到。

我们设置成空。

不设置成空也行因为存在服务器。

客户端是看不到的userInfo.setPassword();session.setAttribute(user_session,userInfo);return

true;}return

存的是根据SessionId获取的Session对象每一个sessionId对应一个session对象。

*

会根据客户端等等判断是新用户还是老用户。

服务器里面存了很多session。

*

Cookie

发送给客户端。

**/**/问题1每次我们存的Session都一样。

后面用户。

存的Session会覆盖前面用户的Session吗

HttpSession

存的是根据SessionId获取的Session对象每一个sessionId对应一个session对象。

会根据客户端等等判断是新用户还是老用户。

服务器里面存了很多session。

Cookie

什么时候才去做多线程呢比如程序里面用到了线程池。

才考虑多线程。

每个用户进来login函数。

信息存放在栈里面栈是线程私有的。

堆是线程公有的。

这些成员变量存储在栈里面因此每个用户的信息之间没有关系。

分别对应不同的对象。

在我们需要进行优化的时候考虑多线程。

比如要查询两次数据。

第一次得到了密码可以因为业务需要还要查询一次。

这时候串行查询觉得太慢了。

这时候考虑多线程。

就可以进行并行查询。

加了多线程我们就要考虑线程安全的情况。

代码里用到多线程才考虑多线程。

校验密码我们推荐在业务逻辑层来写由于这里比较简单。

我们就写在Controller中

3.2.2

com.qiyangyang.springbook.demos.service;import

com.qiyangyang.springbook.demos.mapper.UserInfoMapper;

import

com.qiyangyang.springbook.demos.model.UserInfo;

import

org.springframework.beans.factory.annotation.Autowired;

import

org.springframework.stereotype.Service;Service

public

userInfoMapper.queryByName(userName);}

}3.2.3数据层

com.qiyangyang.springbook.demos.mapper;import

com.qiyangyang.springbook.demos.model.UserInfo;

import

org.apache.ibatis.annotations.Mapper;

import

org.apache.ibatis.annotations.Select;Mapper

public

使用Postman校验。

多次实验发现校验成功。

然后我们再去写前端的代码。

3.4实现前端代码

srcjs/jquery.min.js/scriptscriptfunction

login()

{$.ajax({type:post,url:/user/login,data:{userName:$(#userName).val(),password:$(#password).val()},success:function

(result)

{if(resulttrue){//验证成功location.href

book_list.html;}else

{alert(登录失败用户名不存在或密码错误);}}});}/script3.4.2完整前端登录代码

!DOCTYPE

initial-scale1.0titleDocument/titlelink

relstylesheet

onclicklogin()登录/button/div/div/divscript

srcjs/jquery.min.js/scriptscriptfunction

login()

{$.ajax({type:post,url:/user/login,data:{userName:$(#userName).val(),password:$(#password).val()},success:function

(result)

{if(resulttrue){//验证成功location.href

book_list.html;}else

{alert(登录失败用户名不存在或密码错误);}}});}/script

输入正确用户名和密码

输入错误用户名和密码。

登录失败。

弹框显示用户名不存在或密码错误。

四、实现添加图书接口

application/x-www-form-urlencoded;

charsetUTF-8

bookName图书1author作者1count23price36publish出版社1status1

[响应]

form表单的形式来提交数据。

服务器返回处理结果。

返回“”表示图书添加成功。

否则返回失败信息。

4.2实现后端服务器代码

bookService;RequestMapping(/addBook)public

String

bookInfo){log.info(添加图书bookInfo:{},bookInfo);/***

参数校验*/if(!StringUtils.hasLength(bookInfo.getBookName())||

!StringUtils.hasLength(bookInfo.getAuthor())||

!StringUtils.hasLength(bookInfo.getPublish())||

bookInfo.getCount()

bookInfo.getPrice()null){return

参数错误;}/***

出现错误比如参数错误。

添加过程出现异常因为MySQL会出现一些异常*

{bookService.insertBook(bookInfo);}catch

(Exception

bookInfoMapper.insertBook(bookInfo);}

}4.2.3

book_info(book_name,author,count,price,publish)

values

(#{bookName},#{author},#{count},#{price},#{publish}))Integer

insertBook(BookInfo

在前端显示页面并没有什么作用。

主要是搭配后端来进行前后端交互。

整个表单内容需要提交的话我们可以借助form标签来提交整个表单

data:

//序列化//这个函数会把整个表单的所有的input框…等等输入的项目都会提交

value

forbookName图书名称:/labelinputtypetextclassform-controlplaceholder请输入图书名称idbookNamenamebookName//divform

idaddBook

value2不可借阅/option/select/divdiv

classform-group

onclickjavascript:history.back()返回/button/div/formajax部分

script

srcjs/jquery.min.js/scriptscriptfunction

add()

{$.ajax({type:post,url:/book/addBook,

//整个表单内容需要提交的话我们可以借助form标签来提交整个表单搭配后端做一些交互来使用的。

data:

//这个函数会把整个表单的所有的input框..等等输入的项目都会提交success:function

(result)

成功添加图书){alert(添加成功);location.href

book_list.html;}else

{alert(result);}}});}/script4.4.2完整前端添加图书代码

!DOCTYPE

10pxsvgxmlnshttp://www.w3.org/2000/svgwidth40fill#17a2b8classbi

bi-book-halfviewBox0

3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8

1.783C7.015.936

4.287.94c-1.514.153-3.042.672-3.994

1.105A.5.5

0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809

8.985.936

1.783z//svgspan添加图书/span/h2/divform

idaddBookdiv

forbookName图书名称:/labelinputtypetextclassform-controlplaceholder请输入图书名称idbookNamenamebookName//divdiv

classform-grouplabel

forbookAuthor图书作者/labelinputtypetextclassform-controlplaceholder请输入图书作者idbookAuthornameauthor//divdiv

classform-grouplabel

forbookStock图书库存/labelinputtypetextclassform-controlplaceholder请输入图书库存idbookStocknamecount//divdiv

classform-grouplabel

forbookPrice图书定价/labelinputtypenumberclassform-controlplaceholder请输入价格idbookPricenameprice//divdiv

classform-grouplabel

forbookPublisher出版社/labelinputtypetextidbookPublisherclassform-controlplaceholder请输入图书出版社namepublish//divdiv

classform-grouplabel

value2不可借阅/option/select/divdiv

classform-group

onclickadd()确定/buttonbuttontypebuttonclassbtn

btn-secondary

btn-lgonclickjavascript:history.back()返回/button/div/form/divscript

typetext/javascript

srcjs/jquery.min.js/scriptscriptfunction

add()

/book/addBook,//整个表单内容需要提交的话我们可以借助form标签来提交整个表单搭配后端做一些交互来使用的。

data:

//序列化//这个函数会把整个表单的所有的input框..等等输入的项目都会提交success:

function

{alert(result);}},});}/script/body

/html4.5完整校验前后端交互