首先点击“＋”弹出添加笔记的对话框，然后点击确定按钮创建笔记本。
接下来创建笔记本
- 发送事件：对话框中的”创建”按钮的单击
- 请求参数：笔记本名称,用户ID
- 请求地址：/book/add.do
- success:
<li>a.关闭对话框;</li> <li>b.添加一个笔记本li</li> <li>c.提示创建笔记本成功</li>
此时，保存成功后alert提示框关闭不了，这是因为这里的alert是经过处理过的，要想关闭就要对它进行处理
添加关闭提示框的代码
代码为：
如果要修改alert提示框的样式可以用
- window.alert=function(e){}；
创建笔记和创建笔记本几乎是一样的，都是点击“＋”弹出窗口，然后点击确定触发创建笔记的事件。
- 发送事件：对话框中”创建”按钮的单击
- 请求参数：笔记名称,选中的笔记本ID,
用户ID - 请求地址：/note/add.do
- success:
<li>a.关闭对话框</li> <li>b.解析返回的JSON结果,生成一个笔记li元素添加到列表中</li> <li>c.提示创建笔记成功</li>
功能描述：
单击笔记菜单的”X”按钮时,弹出删除对话框,点击对话框中的”删除”按钮，执行删除操作。
- 发送事件：对话框中”删除”按钮的单击
- 请求参数：选中li的笔记ID
- 请求地址：/note/delete.do
- success:a.移除列表中删除的笔记li元素
b.提示笔记删除成功 - error:提示笔记删除失败
功能描述：
单击笔记菜单的”转移至..”按钮,弹出笔记转移对话框，在对话框下拉列表中，选择要转入的笔记本项，点击确定转移按钮执行转移操作。
- 发送事件：对话框中”确定”按钮的单击
- 请求参数：选中项的笔记ID,要转入的笔记本ID
（格式检查：a.要转入笔记本是否和原笔记本相同;） - 请求地址：/note/move.do
- success:a.移除笔记列表li元素;
b.提示笔记转移成功 - error:提示笔记转移失败
功能描述：
用户点击笔记菜单中”分享”按钮,执行分享操作。
本质：对cn_share（分享笔记表）进行insert
- 发送事件:菜单中的”分享”按钮的单击
- 请求参数：笔记ID
- 请求地址：/share/add.do
success:提示用户分享成功；
扩展：添加图标,就是在加载笔记时加判断，当笔记的type标志位为3时加分享图标
功能描述：
用户在搜索输入框输入”关键词”，按回车触发搜索操作。
本质：对cn_share表进行cn_share_title
模糊查询
- 发送事件：输入框中按回车键
- 请求参数：输入框中的内容（关键词）
- 请求地址：/share/search.do
- success:a.解析JSON结果生成搜索结果列表
b.将搜索结果列表显示;其他列表隐藏（pc_part_6显示）
- error:提示搜索失败
知识点
按回车键触发js事件
功能描述：
用户单击搜索结果列表中的li,发送Ajax请求去cn_share获取分享笔记信息,显示到预览笔记区域。(pc_part_5显示,pc_part_3隐藏)
- 发送事件：搜索结果列表的li元素
- 请求参数：分享ID shareId
- 请求地址：/share/load.do
- success:解析JSON结果中的Share内容,显示到预览笔记区域.
分页查询
这些就是这个项目的主要功能，做到这里差不多主要部分就算完了。大家可以把登录的页面的登录设置为按回车进行登录，注册也一样，删除的回收站，笔记本收藏，分享也都可以做下。
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.bianchenghao6.com/h6javajc/6748.html