显示笔记下拉菜单

笔记的分享功能

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

作业:密码修改功能

逻辑处理:

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

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

回调处理:

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

转载于:https://www.cnblogs.com/tangshengwei/p/6602584.html

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

h5学习笔记下拉菜单
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 鼠标经过 ...
BootStrap笔记-下拉菜单的使用
运行截图如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
BootStrap字体图标不显示、下拉菜单不显示
在W3CSchool学习BootStrap教程时遇到的问题-- 1.字体图标不能显示上面是正常显示的样子,不能正常显示,因为缺少下面的字体图标样式文件 (1)在下载的Bootstrap包中将font ...
自动建议下拉菜单_word排版技巧：如何撤销删除自动编号
今天有位小可爱问我:如何去掉每段前的自动编号? 相信这个问题不止小可爱一人被难倒......别怕,我们今天就来聊一聊如何取消Word自动编号. 由于Word默认带有自动编号功能,因此当我们在某一段输入 ...
vue element ui下拉菜单和不是table列表全选功能问题解决方案
这半个月都在折腾vue的项目,虽然不是很复杂,但对于刚入门的小白来说,踩到的坑不少,常常因为一个小问题就得浪费好久问题,不过娃不在身边,晚上和周末可以继续研究,趁睡觉前,把今天遇到的问题给总结一下,做 ...
html下拉菜单jq怎么设置,jquery+css实现下拉列表功能
废话不多说了,直接给大家贴代码了,具体代码如下所述: fruit .hide { display: none; } div { float: left; width: 100%; } .selecto ...
excel下拉菜单vba_在Excel下拉菜单中显示警告
excel下拉菜单vba With Excel's data validation, you can show a drop down list of items in a cell. You can ...
【解决】CSS下拉菜单不会显示的问题
导航栏的下拉菜单不会显示,但按 F5 刷新的一瞬间又能看见下拉菜单的内容,但就是不会显示出来,一开始以为是 js 代码写错或者 css 动画函数的影响,后面找到一篇博客,说这是老生常谈的问题,对于小白 ...
鼠标悬浮显示下拉菜单，离开隐藏
在网页版的csdn中,当用户将鼠标悬浮在头像框上时,会自动显示一个下拉菜单,这篇博客实现的就是这样的功能,但在文章内只记录核心的功能,不对样式做过多修饰效果如下: 下拉菜单的显示隐藏只需要设置dis ...

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

显示笔记下拉菜单

笔记的分享功能

发送Ajax请求

服务器处理

Ajax回调处理

笔记的删除功能

发送Ajax请求

服务器处理

Ajax回调处理

作业:密码修改功能

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

最新文章

热门文章