【CSDN】Spring+Spring MVC+Mybatis实战项目之云笔记项目 (2)

img

1. 发送ajax请求

-发送事件:注册按钮的点击

-获取的参数:用户名 昵称 密码

-请求地址: /user/register.do

2. 服务器处理

请求

-->DispatcherServlet->

HandlerMapping->

Controller.execute()->

Service(addUser)->

//检查用户

user=findByNam(name)

user!=null

result

//添加用户

处理password

user.set()

save(user)

//设置result

Dao->cn_user(insert)->json响应

3.ajax 回调处理

success:

注册成功

注册失败

error(异常):

知识点:

UUID:是一个生成字符串算法,用于生成数据库主键

生成主键有两种方式:在应用服务器端生成主键;在数据库端生成主键

(三)、笔记本列表显示功能

img

1. 发送ajax请求

发送事件:进入到edit.html发送请求

请求参数:userId

请求地址:/book/loadBooks.do

2. 服务器处理

/book/loadBooks.do

-->LoadBooksController.execute

-->BookService.LoadUserBooks

1.BookService接口 loadUserBooks

2.实现类里面调用dao.findByUserId

3.实现类中构建Result结果

-->BookDao.findByUserId

1.dao接口定义findByUserId

2.配置BookMapper.xml

-->cn_notebook

-->JSON响应

3.ajax 回调处理

解析JSON数据。循环生成笔记本列表项(li)

知识点:

事件绑定:

静态绑定---> 元素.click(function(){})

动态绑定---> 父元素.on("click","li",fn)

(四)、笔记列表显示

img

1. 发送ajax请求

-发送事件:笔记本li的点击

-请求的参数:笔记本的ID

-请求地址:/note/loadnote.do

2. 服务器的处理

/note/loadnote.do

->LoadNoteController.execute

->NoteService.loadBookNotes

//定义接口文件NoteService->loadBookNotes(bookId)

//实现类中重写抽象方法

noteDao.findByBookId();

//构建Result-->set方法

setData=List<Map>

->NoteDao.findByBookId(bookId)

//接口文件定义方法

//配置mapper文件

//TestNoteDao

->cn_note(select-bookId&cn_note_status_id="1")

3.ajax 回调的处理

success:解析json数据。生成笔记Li,添加到笔记列表中

error:提示alert("笔记加载失败")

知识点:

Dao接口的传值特点:mybatis中Dao方法要么没有参数,要么一个参数。

//获取笔记信息

var notes=result.data;//(List集合中存储)

//清除原来的列表信息

$("#note_ul").empty();

(五)、显示笔记数据

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwssdx.html