导入mysql数据库:
set names utf8;
source cloud_note.sql
1.搭建springMvc+springIOc+Mybatis
--引入jar包
ioc,aop,dao,webmvc,json
mybatis+mysql驱动+dbcp
mybatis-spring.jar
--引入配置文件
applicationContext.xml
aopalliance-1.0.jar
aspectjweaver-1.7.1.jar
commons-collections-3.2.2.jar
commons-dbcp-1.2.2.jar
commons-logging-1.2.jar
commons-pool-1.3.jar
jackson-annotations-2.2.1.jar
jackson-core-2.2.1.jar
jackson-databind-2.2.1.jar
mybatis-3.2.6.jar
mybatis-spring-1.2.2.jar
mysql-connector-java-5.1.40-bin.jar
spring-aop-4.0.2.RELEASE.jar
spring-aspects-4.0.2.RELEASE.jar
spring-beans-4.0.2.RELEASE.jar
spring-context-4.0.2.RELEASE.jar
spring-core-4.0.2.RELEASE.jar
spring-expression-4.0.2.RELEASE.jar
spring-jdbc-4.0.2.RELEASE.jar
spring-tx-4.0.2.RELEASE.jar
spring-web-4.0.2.RELEASE.jar
spring-webmvc-4.0.2.RELEASE.jar
commons-codec-1.10.jar(base64工具包)
开发流程图:
2.登陆设计
a。客户端
1)发送Ajax请求
--啥时候发送请求(点击登陆密码)
--发送什么信息(用户名和密码)
2)Ajax回调处理
--登录成功,进入edit.html
--登录失败,停留在log_in.html,显示错误提示
b。服务器端
接受请求返回Json
/user/login.do
-->DispatcherServlet
-->HandlerMapping
-->LoginController.execute
-->UserService.checkLogin
-->UserDao-->cn_user数据表(查询)
-->返回json结果
密码md5+base64
注册设计
1)客户端
a。发送ajax请求时机
点击注册按钮,发送ajax请求
提交用户名,昵称,你妈
b。ajax回调处理
注册成功,返回登录界面。
注册失败,提示错误信息
2)服务器端
/user/regist.do
-->DispatcherServlet
-->handlermapping
-->RegistController.execute
-->UserService
-->UserDao-->cn_user(插入)
-->返回NoteResult格式的json数据
unit03_01
1.笔记本列表显示
登录成功,一进入edit.html页面。就显示登陆用户的笔记本列表。
客户端处理:
a。发请求
$(function(){
})
提交数据:用户id
b。回调函数
解析返回json数据,显示笔记本列表
服务器端处理:
/notebook/loadbooks.do
-->DispatcherServlet
-->HandlerMapping
-->LoadBooksController.execute
-->NoteBookService
-->NoteBookDao-->cn_notebook
-->返回NoteResult结构的json数据
unit03_02
2.加载笔记列表
单击某个笔记本,加载笔记信息显示。
客户端:
a。请求发送
笔记本li单击,发送请求
提交数据 :点击当前li帮定的bookId值
b。回调函数
获取服务器json,将笔记信息显示成笔记列表
服务器端:
/note/loadnotes.do
-->DispatcherServlet
-->handlerMapping
-->LoadNotesController.execute
-->NoteService
-->NoteDao-->cn_note
-->返回NoteResult结构的json数据
jQuery对象.on("事件类型","选择器",function)
$("#book_list").on("click","li",function(){
alert("111");
})
unit04_01
1小时36分
创建笔记本
客户端:
a。发送请求
单击创建按钮,发送请求
提交数据:user_id,notebook_name
b。回调函数
成功:关闭对话框,添加一个笔记本li
失败:给出提示信息alert
服务器端:
/notebook/add.do
-->DispatcherServlet
-->HandlerMapping
-->AddBookController.execute
-->NoteBookService
-->NoteBookDao-->cn_notebook(插入操作)
-->返回NoteResult格式json
unit04—02
创建笔记
客户端:
a发送请求
弹出添加笔记对话框后,输入笔记标题点创建,发出请求
提交数据:笔记标题,用户id,选中的笔记本id
b。回调处理
关闭对话框,生成一个笔记li添加到笔记列表区
服务器端:
/note/add.do
-->DispathcerServlet
-->HandlerMapping
-->AddNoteController.execute
-->NoteService
-->NoteDao-->cn_note(插入)
-->返回NoteResult结构的json