JavaScript豆豆-优快云博客

原创云笔记加载笔记接口

package com.sjh.cloud_note.service; import java.util.List;import java.util.Map; import com.sjh.cloud_note.entity.Note;import com.sjh.cloud_note.util.NoteResult; public interface NoteService { public NoteResult<List<Map>> loadNotesByB

2020-07-03 08:40:47 235

原创云笔记加载笔记列表

一、当根据笔记本创建了笔记，用户可以通过选择笔记本来加载笔记本下的所有笔记，并可以选中笔记进行修改保存笔记内容。加载笔记列表流程：选择笔记本 -> 发送加载笔记列表 -> 过滤拦截请求 -> 分配控制器 -> 执行 controller.execute()方法 -> 返回数据 -> 动态生成笔记列表保存笔记流程：选择笔记 -> 编辑笔记内容点击保存发送请求-> 过滤拦截请求 -> 分配控制器 -> 执行 controller.execute(

2020-07-03 08:38:40 406

原创云笔记添加笔记接口实现

package com.sjh.cloud_note.service; import java.util.List;import java.util.Map; import javax.annotation.Resource; import org.springframework.stereotype.Service;import org.springframework.transaction.annotation.Transactional; import com.sjh.cloud_

2020-06-24 09:50:19 350

原创云笔记添加笔记

一、添加笔记流程：选择笔记本 -> 添加笔记本 -> 提交数据 -> DispatcherServlet 过滤拦截请求 -> 分配控制器 -> 执行controller.execute() 方法 ->返回操作结果 -> ajax接受返回结果 status = 0 添加笔记成功 status = 1 添加笔记失败 -> 刷新界面动态生成笔记列表。二、添加笔记 js note.js//创建笔记按钮的点击事件function addNote(){ //获取

2020-06-24 09:43:25 450

原创云笔记加载笔记列表

一、加载笔记本列表流程：用户登入主页 -> 执行加载笔记本列表函数，发送请求 -> DispatcherServlet 拦截过滤请求 -> 分配控制器 -> 执行 controller.execute() -> 返回操作结果 -> ajax接受返回数据 -> 根据返回结果动态生成列表1.加载笔记本列表 NoteBook.js,当操作成功以后会根据返回的结果调用 createBookLi（）函数动态生成列表function loadUserBooks()

2020-06-24 09:20:15 262

原创云笔记添加笔记本

一、根据注册过的账户登录系统，成功登录系统后选择创建笔记本笔记本添加流程：用户点击加号 “+” -> 填写笔记本名称 -> 提交数据 ajax 发送请求 -> DispatcherServlet 拦截过滤请求 -> 分配 controller AddBookController -> 执行 controller.execute() 方法 -> 返回操作结果 -> ajax 接受返回结果 -> status = 0 ,笔记本添加成功 stat

2020-06-17 09:29:02 269

原创云笔记注册登录流程

一、注册流程：用户提交数据 -> DispatcherServlet 对请求进行拦截过滤 -> 根据URL分配 Controller -> 执行 controller.execute() 方法 -> 调用 userService.addUser(),进行保存数据 -> 返回注册结果 - ajax回调 -> status = 0 注册成功跳转到登录界面，status = 1 注册失败提示错误信息，重新注册。function registerUser(){ //

2020-06-13 16:54:44 532

原创云笔记登录注册

一、完成好项目的配置，以及数据库的连接之后，创建user 的mybatis mapper,用来在我们向数据库保存数据或者查询数据时 “注入”到相关的 dao里面，包含了三部分：1、findByName用来用户登录时根据用户输入的登录名进行验证数据库中是否存在该用户，以及密码是否一致，以及注册的时候用户名是否已经被注册过。2、save 是用来用户在注册时向数据库中保存用户的账户数据。3、change 是用来更改用户的登录密码。二、创建用户 User 实体类（编号、姓名、密码、令牌、昵称、用户所属笔记

2020-06-13 16:52:12 236

原创 JAVA EE云笔记项目思路

云笔记项目一、系统前台1，登录界面：显示系统登录页面2，注册页面：实现用户的注册3，主菜单页面：显示系统主菜单4，笔记本管理页面：实现笔记本的查看，添加，修改，删除、5，笔记管理页面：实现笔记本中笔记的查看，添加，修改，删除6，笔记回收站管理页面：是此案笔记的彻底删除和还原二、系统后台1，后台登录：登录验证2，用户登录：实现用户添加3，笔记本管理：①笔记本添加②笔记本显示分页③笔记本修改④笔记本删除（确认删除）4，笔记管理①笔记添加②笔记显示分页③笔记修改④笔记删除

2020-06-10 09:20:13 252

原创 Spring mvc环境搭建的具体步骤

Spring mvc环境搭建的具体步骤首先准备MySql5.5、Navicat、eclipse-jee、jdk1.8、apache-maven-3.5.4、apache-tomcat-8.5.46等配置jdk(1).新建JAVA_HOME添加;%JAVA_HOME%\bin(2).检验jdk是否配置成功安装eclipse配置maven(1).环境配置与jdk类似(2).选择apache-maven-3.5.4下conf文件夹选择settings.xml文件编辑：文件目录位置（最好

2020-06-10 08:46:32 268

原创【第六章】删除记录时的提示效果

<!DOCTYPE html><html><head><meta charset="utf-8"><title>删除记录时的提示效果</title><script type="text/javascript" src="jss/jquery-1.3.2.min.js"></script>&l...

2019-11-24 17:50:55 134

原创【第六章】表格内容筛选

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格内容筛选</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>...

2019-11-24 17:49:37 181

原创【第六章】隔行换色

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> ...

2019-11-24 17:48:40 182

原创【第六章】表单验证

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单验证</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> &...

2019-11-24 17:46:47 176

原创【第六章】文本域的滚动条高度变化

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> <title>文本域的滚动条高度变化</title...

2019-11-20 20:08:49 170

原创【第六章】操作下拉框

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作下拉框</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> ...

2019-11-20 20:00:11 104

原创【第六章】操作单选按钮和复选框

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作单选按钮和复选框</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script&...

2019-11-20 19:59:16 164

原创【第六章】文本域的高度变化

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> <title>文本域的高度变化</title&gt...

2019-11-20 19:58:09 158

原创【第六章】操作文本框

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作文本框</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> ...

2019-11-20 19:56:46 130

原创【第五章】动画效果隐藏菜单

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>隐藏菜单</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> ...

2019-11-10 13:50:28 221

原创【第五章】事件对象的属性

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件对象的属性</title> <script src="jss/jquery-1.3.2.min.js" type="text/javascript"></script&gt...

2019-11-06 18:23:17 77

原创【第五章】阻止浏览器默认行为

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>阻止浏览器默认行为</title> <script src="jss/jquery-1.3.2.min.js" type="text/javascript"></script&...

2019-11-06 18:22:12 135

原创【第五章】事件捕获与事件冒泡

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件捕获与事件冒泡</title> <script src="jss/jquery-1.3.2.min.js" type="text/javascript"></script&...

2019-11-06 18:21:02 70

原创【第五章】模仿悬停事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>模仿悬停事件</title> <script src="jss/jquery-1.3.2.min.js" type="text/javascript"></script>...

2019-11-06 18:20:13 98

原创【第五章】模拟用户的操作触发事件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>模拟用户的操作触发事件</title> <script src="jss/jquery-1.3.2.min.js" type="text/javascript"></scrip...

2019-11-06 18:19:07 107

原创【第四章】我的开心小农场

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的开心小农场</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>...

2019-10-31 15:49:56 626

原创【第四章】遍历节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>遍历节点</title> <script language="javascript" src="jss/jquery-1.11.1.min.js"></script> ...

2019-10-30 18:08:25 113

原创【第四章】替换节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>替换节点</title> <script language="javascript" src="jss/jquery-1.11.1.min.js"></script> ...

2019-10-30 18:07:20 119

原创【第四章】复制节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复制节点</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> &lt...

2019-10-30 18:06:37 103

原创【第四章】删除节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>删除节点</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> &lt...

2019-10-30 18:05:58 86

原创【第四章】插入节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>插入节点</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> &lt...

2019-10-30 18:05:09 128

原创【第四章】对元素值操作

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>对元素值操作</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> &...

2019-10-30 18:04:18 78

原创【第四章】对元素内容操作

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>对元素内容操作</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> ...

2019-10-30 18:02:50 87

原创【第三章】实例：隔行换色鼠标指向表格行换色

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> &...

2019-10-28 16:58:50 206

原创【第三章】表单选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></script> ...

2019-10-27 20:58:52 272

原创【第三章】过滤选择器-表单对象的属性过滤器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过滤选择器-表单对象的属性过滤器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></s...

2019-10-27 20:27:57 226

原创【第三章】过滤选择器-简单过滤器和内容过滤器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过滤选择器-简单过滤器和内容过滤器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></...

2019-10-27 20:01:58 186

原创【第三章】层次选择器——prev~siblings选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>层次选择器——prev~siblings选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"&gt...

2019-10-27 17:20:35 215

原创【第三章】层次选择器——prev+next选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>层次选择器——prev+next选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js">&lt...

2019-10-27 17:06:46 617

原创【第三章】层次选择器——parent>child选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>层次选择器——parent>child选择器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"...

2019-10-27 17:05:25 270

空空如也

空空如也