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:是一个生成字符串算法,用于生成数据库主键
生成主键有两种方式:在应用服务器端生成主键;在数据库端生成主键
(三)、笔记本列表显示功能
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)
(四)、笔记列表显示
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();
(五)、显示笔记数据