摘要： 项目介绍 本项目是对spring、springmvc、mybatis的整合，使用ssm框架搭建起来的crud项目，完成基本的增删改查操作。 项目作者是雷丰阳老师。 具体的项目开发过程请参考： CRUD学习笔记 雷丰阳 SSM高级整合 开发环境 Eclipse 4.12.0 Maven EMBEDDE 阅读全文

摘要： 一、给全部删除按钮添加一个id； <button class="btn btn-danger" id="emp_delete_all_btn">删除</button> 二、把EmployeeController中的删除方法，单个删除批量删除二合一 // 删除-单个删除/批量删除 二合一 @Reque 阅读全文

摘要： 一、添加一个checkbox <th><input type="checkbox" id="check_all" /></th> var checkBoxTd = $("<td><input type='checkbox' class='check-item'/></td>"); //append方 阅读全文

摘要： 一、具体逻辑 ①单个删除 在EmployeeController中添加一个单个删除的方法； //删除-单个删除员工 @RequestMapping(value = "/emp/{empId}",method = RequestMethod.DELETE) @ResponseBody public M 阅读全文

摘要： 一、更新按钮绑定事件 二、校验邮箱 //为更新按钮绑定事件 $("#emp_update_btn").click(function{ //1.校验邮箱 var email = $("#email_update_input").val(); var regEmail = /^([a-z0-9_\.-] 阅读全文

摘要： 一、逻辑步骤 ①点击编辑 ②弹出用户修改的模态框（显示用户信息） ③点击更新，完成用户修改 二、定义模态框 <!-- 修改的modal --> <div class="modal fade" id="empUpdateModal" tabindex="-1" role="dialog" aria-l 阅读全文

摘要： 重要的数据都应该加上后端校验，防止用户绕过前端校验提交非法数据。 一、新增逻辑 ①在index.jsp页面点击新增； ②弹出新增对话框； ③去数据库查询部门列表，显示在对话框中； ④用户输入数据，并进行校验： 首先输入用户名，这里的输入框绑定了ajax校验。所以输入完成以后，会发送ajax请求校验用 阅读全文

摘要： 一、解释一下现有的校验机制。 点击新增， 会弹出新增的模态框，并且清空之前模态框的数据和样式。 输入数据以后—— ①首先由jquery前端校验，检查新增的数据是否合法。 如果数据不合法，则给出提示，并且禁用保存；重新输入以后，输入框的样式会清空，再重新校验。 如果数据合法—— ②然后发送ajax请求 阅读全文

摘要： 一、在EmployeeController里面添加一个校验用户名是否可用的方法； //校验用户名是否可用 @ResponseBody @RequestMapping("/checkuser") public Msg checkuser(@RequestParam("empName")String e 阅读全文

摘要： 官方文档的校验框使用说明 一、做成这样的效果： 二、给input框的父元素添加一个css： $("#empName_add_input").parent().addClass("has-error"); 三、在Input后面添加一个span标签： <input type="text" class=" 阅读全文

摘要： 一、提交给服务器的数据，要先进行校验。 二、用正则表达式写每个数据。 官方文档正则表达式写法 ①员工姓名empName: var regName = /(^[a-zA-Z0-9_-]{6,16}$)|(^[\u2E80-\u9FFF]{2,5})/; 允许6-16位英语字符、横杠、下划线；允许2-5 阅读全文

摘要： 一、给保存按钮添加一个id <button type="button" class="btn btn-primary" id="emp_save_btn">保存</button> 二、规范URI /emp/ GET查询员工 /emp POST员工 /emp/ PUT员工 /emp/ DELETE员工 阅读全文

摘要： 一、写获取部门信息的ajax请求 //点击新增按钮 $("#emp_add_modal_btn").click(function() { //发送ajax请求，显示部门信息，出现在下拉列表中 //弹出模态框 $("#empAddModal").modal({ backdrop : "static" 阅读全文

摘要： 一、新增的逻辑 ①在index.jsp页面点击新增； ②弹出新增对话框； ③去数据库查询部门列表，显示在对话框中； ④用户输入数据完成保存。 二、制作对话框 BootStrap官网模态框说明 ①加入modal的js代码 <!-- Modal --><div class="modal fade" id 阅读全文

摘要： 一、页面首先展示第一页。 $(function() { to_page(1); }); 二、带页码发送ajax请求。 function to_page(pn) { $.ajax({ url : "${APP_PATH}/emps", data : "pn=" + pn, type : "GET", 阅读全文

摘要： 一、在webapp下重新创建index.jsp页面。 二、写ajax请求 <script type="text/javascript"> <!--页面加载完成以后直接发送一个ajax请求，拿到分页数据--> $(function() { $.ajax({ url : "${APP_PATH}/emp 阅读全文

摘要： 一、改造查询 ①index.jsp页面直接发送ajax请求进行员工分页数据的查询； ②服务器将查出的数据，以json字符串的形式返回给浏览器； ③浏览器收到js字符串，可以使用js对json进行解析，使用js通过dom增删改改变页面； ④返回json，实现客户端的无关性。 二、导入json包 在po 阅读全文

摘要： 直接上代码吧。 可能会出现的错误： jsp页面获取不到值 效果展示： 源代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http:// 阅读全文

摘要： 一、引入Jquery和BootStrap 关于web路径 不以/开始的相对路径，找资源的时候，以当前资源的路径为基准，容易出问题。 以/开始的相对路径，找资源的时候，以服务器的路径为基准。 路径的写法 拿到当前项目路径，以/开始，不以/结束： <% pageContext.setAttribute( 阅读全文

摘要： 在com.amel.crud.test新建mvcTest类。 package com.amel.crud.test; import java.util.List; import javax.naming.spi.ResolveResult; import org.junit.Before; impo 阅读全文

摘要： 一、功能详解 ①访问index.jsp页面 ②index.jsp页面发出查询员工列表请求 ③EmployeeController接受请求，查出员工数量 ④来到list.jsp页面进行展示 二、具体实现 ①定义查询的 URI：/emps ②在index.jsp中配置： <jsp:forward pag 阅读全文