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:提示笔记删除失败

作业:密码修改功能

  • 逻辑处理:

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

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

  • 回调处理:

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

时间: 2024-10-13 12:25:25

02 - Unit07:显示笔记下拉菜单、笔记的分享功能、笔记的删除功能的相关文章

JavaScript下拉菜单的例子分享

css+js下拉菜单 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server&q

使用基于关系的选择器和伪类选择器创建纯CSS无JavaScript的鼠标移动到上面即可显示的下拉菜单

html代码: <div class="menu-bar"> <ul> <li> <h3 class="text-warning"><a class="drop-decoration text-warning">CSS</a></h3> <ul> <li> html/css从入门到精通 </li> <li> html

Tinymce4 中Ajax多次加载时,会出现菜单在第二次进入时,显示的下拉菜单在左上角

在项目中,ajax多次导入tinymce的js包 参考了: Having issues with Multiple AJAX refresh and TinyMCE load page with tinymce (AJAX) 我在tinymce.init()前面添加了 tinymce.execCommand('mceRemoveEditor',true,'editor_id'); 之后就可以了. ajax load 页面时,引入tinymce的js不应包含在load的page中,这样会导致多次导

iOS开发之实现半透明蒙层背景效果[用于下拉菜单页和分享页]

郝萌主倾心贡献,尊重作者的劳动成果,请勿转载. 如果文章对您有所帮助,欢迎给作者捐赠,支持郝萌主,捐赠数额随意,重在心意^_^ 我要捐赠: 点击捐赠 Cocos2d-X源码下载:点我传送 游戏官方下载:http://dwz.cn/RwTjl 游戏视频预览:http://dwz.cn/RzHHd 游戏开发博客:http://dwz.cn/RzJzI 游戏源码传送:http://dwz.cn/Nret1 如题,实现如下效果: 背景为半透明的蒙层效果,点击后背景消失. 实现蒙层的思路: 1.初始化UI

[ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 一 ) - 传统下拉菜单

/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.5 */ 说明:分析其他网站的图片较多,可以在目录跳过直接看本文 demo . 目录: 其他网站分析 亚马逊 淘宝 京东 当当 本文案例 demo1 demo2 [ 后面的博文再写 ] demo3 [ 后面的博文再写 ] 惯例,先看看他山之石,选择了四家比较大的电商网站:亚马逊.淘宝.京东.当当,看看它们的地址联动菜单是怎么做的. 1. 亚马逊[返回目录][下一节:淘宝] 图1 默认界面 说

IOS 下拉菜单复用

由于之前曾经用到过下拉菜单,所以现在花一些时间回过头来细细整理了一下,逐步完善这个下拉菜单,并提供一些比较基本的功能,以便日后如果有需要的话可以进行复用,并提供给需要的人参考.下拉菜单同样分为数据源和代理方法,提供以下方法: 1 // 2 // XWDropdownMenu.h 3 // XWReusableCodeLib 4 // 5 // Created by xiao on 15/10/30. 6 // Copyright © 2015年 xiao. All rights reserved

纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码 分享一个css+js下拉菜单代码,js+css实现的简单下拉菜单,兼容性不错. 例子:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

学习笔记:对下拉菜单的简单封装

第一部分  实现效果 当我们点击一下标题按钮时,就弹出一个下拉菜单,点一下其他地方,下拉菜单退出或者从屏幕上消失 效果如下图: 当我们点击一下首页的时候,弹出下拉菜单,效果如下图(当然图片还未做处理) 第二部分  封装思路 当我们点击标题按钮时,会弹出菜单,而且有文字,有图片,那么这个控件应该就是按钮,它既可以响应点击事件,也可以设置图片文字. 那么,这个下拉菜单应该是个什么控件好了,也就是应该继承自那个控件好了?作为其他控件的容器,选UIVIew是最合适的了,选好了容器.接下来就是它的实际需求

Python+Selenium笔记(八):操作下拉菜单

(一) Select类 Select类是selenium的一个特定的类,用来与下拉菜单和列表交互. 下拉菜单和列表是通过HTML的<select> 元素实现的.选择项是通过<select>中的<option>元素实现的.使用前使用下面的语句导入模块. from selenium.webdriver.support.ui import Select (二) Select类的功能及方法 功能/属性 简单说明 all_selected_options 获取下拉菜单和列表中被选