02 - Unit07：显示笔记下拉菜单、笔记的分享功能、笔记的删除功能

显示笔记下拉菜单

笔记的分享功能

发送Ajax请求

• 绑定事件:绑定分享按钮单击事件

• 参数获取:笔记ID

• 发送请求:/share/add.do

服务器处理

• ShareController

• ShareService

• ShareDao

• ShareMapper: inert inot cn_share

Ajax回调处理

• SUCCESS: 提示分享成功

• ERROR:提示分享失败

笔记的删除功能

发送Ajax请求

• 绑定事件:监听alert页面创建按钮(给按钮增加ID:deleteNote)

  $("#can").on("click","#deleteNote",function(){});
  

• 获取参数:笔记ID

  var $li=$("#note_ul a.checked").parent();
  var noteId=$li.data("noteId");
  

• 发送请求: /note/delete.do

服务器处理

• NoteController.delNote(String noteId)

• NoteService.delNote(String noteId);

• NoteDao.updateStatus(String noteId)

• Mapper:

  <update id="updateStatus" parameterType="String">
  update cn_note
      set cn_note_status_id='2'
  where cn_note_id=#{id}
  </update>
  

• 测试数据准备

  select cn_note_id from cn_note where cn_user_id='48595f52-
  b22c-4485-9244-f4004255b972' and cn_notebook_id='1db556b9-d1dc-4ed9-8274-45cf0afbe859';
  

• 测试执行完成

  select cn_note_status_id from cn_note where cn_note_id='b11608c5-1f77-4e10-a557-c08fd4becbc5';
  
  +-------------------+
  | cn_note_status_id |
  +-------------------+
  | 2 |
  +-------------------+
  1 row in set (0.00 sec)
  

Ajax回调处理

• success:

  1. 删除笔记列表中的li元素

  2. 提示:笔记删除成功

     success:function(result){ if(result.state==0){ $li.remove(); alert("删除笔记成功"); } }

• error:提示笔记删除失败

作业:密码修改功能

• 逻辑处理:

输入原密码与数据库中查询处理的密码进行匹配

匹配成功,更新数据库密码字段值

• 回调处理:

密码修改成功(服务器处理完成)以后,重定位到登录页面