18.4云笔记项目.docx

云笔记弹出笔记子菜单1. 利用事件冒泡在 note-list 上绑定事件弹出笔记子菜单:重构笔记列表模板, 为笔记子菜单触发按钮添加类 btn-note-menuvar noteTemplate = li class=online note+ a+ i class=fa fa-file-text-o title=online rel=tooltip-bottom/i [title]button type=button class=btn btn-default btn-xs btn_position btn_slide_down btn-note-menui class=fa fa-chevron-down/i/button+ /a+ div class=note_menu tabindex=-1+ dl+ dtbutton type=button class=btn btn-default btn-xs btn_move title=移动至...i class=fa fa-random/i/button/dt+ dtbutton type=button class=btn btn-default btn-xs btn_share title=分享i class=fa fa-sitemap/i/button/dt+ dtbutton type=button class=btn btn-default btn-xs btn_delete title=删除i class=fa fa-times/i/button/dt+ /dl+ /div+ /li; 在ready方法中绑定触发事件//绑定笔记子菜单的触发事件 $(#note-list).on(click, .btn-note-menu, showNoteMenu); 添加事件处理方法/** 显示笔记子菜单处理方法 */ function showNoteMenu(){ //找到菜单对象, 调用show() 方法 var btn = $(this); //如果当前是被选定的笔记项目就弹出子菜单 btn.parent(.checked).next().toggle(); //btn.parent(.checked) 获取当前按钮的父元素 //这个元素必须符合选择器.checked, 如果不 //符合就返回空的JQuery元素. return false;//阻止点击事件的继续传播!避免传播到document对象时候, 触发关闭菜单事件 } ready方法中绑定document的点击事件, 利用事件冒泡关闭子菜单//监听整体的文档区域, 任何位置点击都要关闭笔记子菜单 $(document).click(hideNoteMenu); 添加事件处理方法关闭子菜单/** 关闭笔记子菜单事件处理方法 */ function hideNoteMenu(){ $(.note_menu).hide(); } 移动笔记功能原理:1. 持久层: 重用 NoteDao.updateNote 方法略... 2. 业务层业务层方法 NoteServiceboolean moveNote(String noteId, String notebookId) throws NoteNotFoundException, NotebookNotFoundException; 实现业务层方法: NoteServiceImplpublic boolean moveNote(String noteId, String notebookId) throws NoteNotFoundException, NotebookNotFoundException { if(noteId==null || noteId.trim().isEmpty()){ throw new NoteNotFoundException(ID不能空); } Note note = noteDao.findNoteById(noteId); if(note==null){ throw new NoteNotFoundException(没有对应的笔记); } if(notebookId==null||notebookId.trim().isEmpty()){ throw new NotebookNotFoundException(ID空); } int n=notebookDao.countNotebookById(notebookId); if(n!=1){ throw new NotebookNotFoundException(没有笔记本); } Note data = new Note(); data.setId(noteId); data.setN