SSM整合（二）------CRUD
返回JSON数据
当客户端向服务器发送请求的时候，服务器处理完请求，要将页面的数据交给客户端时，如果客户端是安卓或者苹果的话，那样解析服务器传来的数据可能就比较麻烦。所以这里采用一个较为常用的解决方案，那就是让服务器将有效的数据以JSON的形式返回给客户端，这样就可以实现客户端的无关性。
执行流程
- 登录成功之后，直接进入list界面，在list页面直接发送ajax请求，进行员工分页数据的查询
- 服务器将查出的数据，以json字符串的形式返回给浏览器
- 浏览器收到json字符串之后，可以使用js对json进行解析，使用js通过dom增删改改变页面。
web目录
前端
list.js
var totalRecord;
var httpPath;
var pageNum;$(function () {//页面加载完成之后，直接发送ajax请求，要到分页数据httpPath = $("contextPathData").attr("contextPathValue");to_page(1);})//跳转页面
function to_page(pn) {$.ajax({url: httpPath + "/emps",data: "pn=" + pn,type: "GET",success: function (result) {//console.log(result)build_emps_table(result);build_page_info(result);build_page_nav(result);$("#check_all").prop("checked", false)$(".check_item").prop("checked", false);}});
}/*** 解析并显示员工数据* @param result*/
function build_emps_table(result) {//清空table$("#emps_table tbody").empty();var emps = result.ext.pageInfo.list;$.each(emps, function (index, item) {var empIdTd = $("<td></td>").append(item.empId);var empNameTd = $("<td></td>").append(item.empName);var genderTd = $("<td></td>").append(item.gender == "M" ? "男" : "女");var emailTd = $("<td></td>").append(item.email);var deptNameTd = $("<td></td>").append(item.department.deptName);var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn").append($("<span></span>").addClass("glyphicon glyphicon-pencil").attr("aria-hidden", true)).append(" 编辑");//为编辑按钮添加一个自定义属性，表示当前的员工ideditBtn.attr("edit-id", item.empId);var deleteBtn = $("<button></button>").addClass("btn btn-danger btn-sm delete_btn").append($("<span></span>").addClass("glyphicon glyphicon-trash").attr("aria-hidden", true)).append(" 删除");//为删除按钮添加一个自定义属性，表示当前的员工iddeleteBtn.attr("delete-id", item.empId);var btnTd = $("<td></td>").append(editBtn).append(" ").append(deleteBtn);//append方法执行完成以后还是返回原来的元素$("<tr></tr>").append(empIdTd).append(empNameTd).append(genderTd).append(emailTd).append(deptNameTd).append(btnTd).appendTo("#emps_table tbody");})
}/*** 解析并显示分页信息* @param result*/
function build_page_info(result) {$("#page_info_area").empty();$("#page_info_area").append(" 当前为第" + result.ext.pageInfo.pageNum + "页，" +"共" + result.ext.pageInfo.pages + "页，共" + result.ext.pageInfo.total + "条记录")totalRecord = result.ext.pageInfo.total;pageNum = result.ext.pageInfo.pageNum;
}/*** 解析并显示分页条* @param result*/
function build_page_nav(result) {$("#page_nav_area").empty();var ul = $("<ul></ul>").addClass("pagination");//如果有前一页if (result.ext.pageInfo.hasPreviousPage) {//添加首页和前一页的提示var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href", "#"));var prePageLi = $("<li></li>").append($("<a></a>").append("«").attr("href", "#"));ul.append(firstPageLi).append(prePageLi);firstPageLi.click(function () {to_page(1);})prePageLi.click(function () {to_page(result.ext.pageInfo.pageNum - 1);})}//如果有下一页if (result.ext.pageInfo.hasNextPage) {var nextPageLi = $("<li></li>").append($("<a></a>").append("»").attr("href", "#"));var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href", "#"));//添加首页和前一页的提示ul.append(nextPageLi).append(lastPageLi);nextPageLi.click(function () {to_page(result.ext.pageInfo.pageNum + 1);})lastPageLi.click(function () {to_page(result.ext.pageInfo.pages);})}//遍历添加页码$.each(result.ext.pageInfo.navigatepageNums, function (index, item) {var numLi = $("<li></li>").append($("<a></a>").append(item).attr("href", "#"));//设置当前页码的选中状态if (result.ext.pageInfo.pageNum == item) {numLi.addClass("active");}numLi.click(function () {to_page(item);})ul.append(numLi);})ul.append(nextPageLi).append(lastPageLi);var navEle = $("<nav></nav>").append(ul);navEle.appendTo("#page_nav_area")
}
list.jsp
重写list.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--Created by IntelliJ IDEA.User: NewDate: 2020/6/1Time: 23:41To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>员工展示</title><%@include file="common/head.jsp" %><script type="text/javascript" src="${HTTP_PATH}/static/script/list.js"></script>
</head><contextPathData contextPathValue="${HTTP_PATH}"></contextPathData><body>
<div class="container"><%--清除浮动--%><div class="row clearfix"><div class="col-md-12 column"><div class="page-header"><h1>员工列表</h1></div></div><div class="row"><div class="col-md-4 column"><form action="" method="" class="form-inline"><input type="text" placeholder="请输入要查询的员工名称" class="form-control" name="empName"><button class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button></form></div><div class="col-md-4 column"></div><div class="col-md-4 column" align="right"><button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增</button><button class="btn btn-danger" id="emp_delete_all_btn"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除</button></div></div></div><div class="row"><div class="col-md-12"><table class="table table-striped" id="emps_table"><thead><tr><th>#</th><th>员工名称</th><th>性别</th><th>邮箱</th><th>部门</th><th>操作</th></tr></thead><tbody><tr></tr></tbody></table></div></div><%--显示分页信息--%><div class="row"><%--显示文字信息--%><div class="col-md-6" id="page_info_area"></div><%--分页条信息--%><div class="col-md-6" id="page_nav_area"></div></div>
</div>
</body>
</html>后端
pom.xml
<!--jackson插件返回json字符串的支持--><dependency><groupId>com.fasterxml.jackson.core</groupId><artifactId>jackson-databind</artifactId><version>2.9.8</version></dependency>
Msg.java
统一处理返回的信息以及数据
package com.indi.pojo;/*** 通用返回信息的类*/
@Getter
@Setter
public class Msg {//状态码 100-成功 200-失败private int code;//提示信息private String msg;//用户要返回给浏览器的数据private Map<String,Object> ext = new HashMap<String, Object>();public static Msg success(){Msg result = new Msg();result.setCode(100);result.setMsg("处理成功！");return result;}public static Msg fail(){Msg result = new Msg();result.setCode(200);result.setMsg("处理失败！");return result;}public Msg add(String key, Object value){this.getExt().put(key,value);return this;}
}UserController.java
直接返回到list界面，由list界面发送数据请求
package com.indi.controller;@Controller
public class UserController {@RequestMapping("/goLogin")public String goLogin(HttpSession session, String username, String password, Model model) {User user = userService.getUserByUsernameAndPassword(username, password);if (user == null) {model.addAttribute("msg","用户名或密码错误");return "login";} else {session.setAttribute("user", user);return "list";}}
}
EmployeeController.java
package com.indi.controller;@Controller
public class EmployeeController {//这里将以前的方法废弃/*** 使用ResponseBody需要导入jackson的jar包* 使用ResponseBody自动将对象转为JSON字符串，以实现多种客户端的通用** @param pn* @return*/@RequestMapping("/emps")@ResponseBodypublic Msg getEmpsWithJson(@RequestParam(value = "pn", defaultValue = "1") Integer pn) {//调用分页插件的分页方法，传入页码，以及每页显示的条数PageHelper.startPage(pn, 5);List<Employee> emps = employeeService.getAll();PageInfo page = new PageInfo(emps, 5);return Msg.success().add("pageInfo", page);}
}
员工新增
前端
list.jsp
<body><!-- 员工添加的模态框 --><div class="modal fade" id="empAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><h4 class="modal-title" id="myModalLabel">员工添加</h4></div><div class="modal-body"><form class="form-horizontal"><div class="form-group"><label for="empName_add_input" class="col-sm-2 control-label">用户名</label><div class="col-sm-10"><input type="text" name="empName" class="form-control" id="empName_add_input"placeholder="用户名"><span class="help-block"></span></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">邮箱</label><div class="col-sm-10"><input type="email" name="email" class="form-control" id="email_add_input"placeholder="email@qq.com"><span class="help-block"></span></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">性别</label><div class="col-sm-10"><label class="radio-inline"><input type="radio" name="gender" id="gender1_add_input" value="M" checked="checked"> 男</label><label class="radio-inline"><input type="radio" name="gender" id="gender2_add_input" value="F"> 女</label></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">部门</label><div class="col-sm-4"><select class="form-control" name="dId" id="dept_add_select"></select></div></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="button" class="btn btn-primary" id="emp_save_btn">保存</button></div></div></div></div><!--...之前的代码...-->
</body>
list.js
在原来基础上添加新的代码
$(function () {//之前的代码//点击新增按钮的事件$("#emp_add_modal_btn").click(function () {getDepts("#empAddModal select");reset_form("#empAddModal form");//显示模态框$("#empAddModal").modal({backdrop: "static"});})//模态框保存按钮$("#emp_save_btn").click(function () {//1、校验用户名var empName = $("#empName_add_input");var regName = /^[a-zA-Z0-9_-]{6,16}|(^[\u2E80-\u9FFF]{2,5})$/;if (!regName.test(empName.val())) {//alert("用户名可以是2-5位中文，或者6-13位英文和数字的组合");show_validata_msg(empName, "error", "用户名必须是2-5位中文，或者6-13位英文和数字的组合");return false;} else {show_validata_msg(empName, "success", "用户名可用");}//2、校验邮箱var email = $("#email_add_input");var regEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;if (!regEmail.test(email.val())) {show_validata_msg(email, "error", "邮箱格式不正确");return false;} else {//3、请求保存数据$.ajax({url: httpPath + "/emp",type: "POST",data: $("#empAddModal form").serialize(),success: function (result) {//alert(result.msg);if (result.code == 100) {//成功//1、关闭模态框$("#empAddModal").modal('hide');//2、发送ajax请求，来到最后一页，显示刚才保存的数据to_page(totalRecord + 1);} else {// console.log(result);if (undefined != result.ext.errorMap.email) {show_validata_msg(email, "error", result.ext.errorMap.email);} else {show_validata_msg(email, "success", "邮箱可用");}if (undefined != result.ext.errorMap.empName) {show_validata_msg(empName, "error", result.ext.errorMap.empName);} else {show_validata_msg(empName, "success", "用户名可用");}}}})}})//新增模态框的用户名校验$("#empName_add_input").blur(function () {setTimeout(function () {var empName = $("#empName_add_input");var regName = /^[a-zA-Z0-9_-]{6,16}|(^[\u2E80-\u9FFF]{2,5})$/if (!regName.test(empName.val())) {show_validata_msg(empName, "error", "用户名必须是2-5位中文，或者6-13位英文和数字的组合");} else {show_validata_msg(empName, "success", "用户名可用");}},300);})//邮箱校验$("#email_add_input").blur(function () {setTimeout(function () {var email = $("#email_add_input");var regEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;if (!regEmail.test(email.val())) {//alert("邮箱格式不正确")show_validata_msg(email, "error", "邮箱格式不正确");} else {$.ajax({url: httpPath + "/checkEmail",data: "email=" + email.val(),type: "POST",success: function (result) {if (result.code == 100) {show_validata_msg(email, "success", "邮箱可用");} else {show_validata_msg(email, "error", result.ext.va_msg);}}})}},300)})
})//之前的代码/*** 查出所有部门信息系并显示在下拉列表中*/
function getDepts(ele) {$(ele).empty();$.ajax({url: httpPath + "/depts",type: "GET",success: function (result) {// console.log(result);$.each(result.ext.depts, function () {var optionEle = $("<option></option>").append(this.deptName).attr("value", this.deptId);optionEle.appendTo(ele);})}})
}//设置输入框的校验提示
function show_validata_msg(ele, status, msg) {ele.parent().removeClass("has-success has-error");ele.next("span").text("");if ("success" == status) {ele.parent().addClass("has-success");ele.next("span").text(msg);} else if ("error" == status) {ele.parent().addClass("has-error");ele.next("span").text(msg);}
}/*** 清除模态框样式及内容* @param ele*/
function reset_form(ele) {$(ele)[0].reset();$(ele).find("*").removeClass("has-error has-success");$(ele).find(".help-block").text("");
}
后端
pom.xml
在后端添加JSR303数据校验
<!--JSR303数据校验支持--><dependency><groupId>org.hibernate</groupId><artifactId>hibernate-validator</artifactId><version>5.4.1.Final</version></dependency>
DepartmentService.java
package com.indi.service;@Service
public class DepartmentService {@Autowiredprivate DepartmentMapper departmentMapper;public List<Department> getDepts(){List<Department> departments = departmentMapper.selectByExample(null);return departments;}
}DepartmentController.java
package com.indi.controller;import java.util.List;/*** 处理和部门有关的请求*/
@Controller
public class DepartmentController {@Autowiredprivate DepartmentService departmentService;/*** 查询所有的部门信息* @return*/@RequestMapping("/depts")@ResponseBodypublic Msg getDepts(){List<Department> depts = departmentService.getDepts();return Msg.success().add("depts",depts);}
}
Employee.java
为这两个字段添加后端校验
package com.indi.pojo;@Data
@NoArgsConstructor
public class Employee {@Pattern(regexp = "^[a-zA-Z0-9_-]{6,16}|(^[\\u2E80-\\u9FFF]{2,5})$",message = "用户名必须是2-5位中文，或者6-13位英文和数字的组合")private String empName;@Pattern(regexp = "^([a-z0-9_\\.-]+)@([\\da-z\\.-]+)\\.([a-z\\.]{2,6})$",message = "邮箱格式不正确")private String email;
}
EmployeeService.java
package com.indi.service;@Service
public class EmployeeService {//之前的代码public void saveEmp(Employee employee) {employeeMapper.insertSelective(employee);}/*** 检查邮箱是否重复* @param email* @return true代表当前email可用，false代表不可用*/public boolean checkEmail(String email) {EmployeeExample example = new EmployeeExample();Criteria criteria = example.createCriteria();criteria.andEmailEqualTo(email);long count = employeeMapper.countByExample(example);return count == 0;}
}EmployeeController.java
package com.indi.controller;@Controller
public class EmployeeController {//之前的代码/*** 新增员工** @return*/@RequestMapping(value = "/emp", method = RequestMethod.POST)@ResponseBodypublic Msg saveEmp(@Valid Employee employee, BindingResult result) {Map<String, Object> errorMap = new HashMap<>();//校验数据格式是否正确if (result.hasErrors()) {//校验失败，应该返回失败，在模态框中显示校验失败的错误信息List<FieldError> errors = result.getFieldErrors();for (FieldError error : errors) {System.out.println("错误的字段名：" + error.getField());System.out.println("错误信息：" + error.getDefaultMessage());errorMap.put(error.getField(), error.getDefaultMessage());}//如果错误集合中不包含邮箱，则证明邮箱格式没问题，此时需要检查邮箱是否重复,//否则会与数据格式都正确的提示发生冲突，导致显示异常if (!errors.contains("email")) {//检查邮箱是否重复boolean res = employeeService.checkEmail(employee.getEmail());if (!res) {errorMap.put("email", "该邮箱已使用");}}return Msg.fail().add("errorMap", errorMap);} else {//如果数据格式都正确，则需要检查邮箱是否重复boolean res = employeeService.checkEmail(employee.getEmail());if (res) {employeeService.saveEmp(employee);return Msg.success();} else {errorMap.put("email", "该邮箱已使用");return Msg.fail().add("errorMap", errorMap);}}}/*** 检查邮箱是否可用** @param email* @return*/@RequestMapping("/checkEmail")@ResponseBodypublic Msg checkEmail(@RequestParam("email") String email) {//先判断邮箱是否合法String regx = "^([a-z0-9_\\.-]+)@([\\da-z\\.-]+)\\.([a-z\\.]{2,6})$";if (!email.matches(regx)) {return Msg.fail().add("va_msg", "邮箱格式不正确");}//数据库邮箱重复校验boolean res = employeeService.checkEmail(email);if (res) {return Msg.success();} else {return Msg.fail().add("va_msg", "该邮箱已使用");}}
}
员工修改
前端
list.js
$(function () {//更新模态框的用户名校验$("#empName_update_input").blur(function () {//设置延时解决click与blur冲突的问题setTimeout(function () {var empName = $("#empName_update_input");var regName = /^[a-zA-Z0-9_-]{6,16}|(^[\u2E80-\u9FFF]{2,5})$/if (!regName.test(empName.val())) {show_validata_msg(empName, "error", "用户名必须是2-5位中文，或者6-13位英文和数字的组合");} else {show_validata_msg(empName, "success", "用户名可用");}}, 300)})//更新按钮的点击事件$("#emp_update_btn").click(function () {//1、校验用户名var empName = $("#empName_update_input");var regName = /^[a-zA-Z0-9_-]{6,16}|(^[\u2E80-\u9FFF]{2,5})$/;if (!regName.test(empName.val())) {//alert("用户名可以是2-5位中文，或者6-13位英文和数字的组合");show_validata_msg(empName, "error", "用户名必须是2-5位中文，或者6-13位英文和数字的组合");return false;} else {show_validata_msg(empName, "success", "用户名可用");$.ajax({url: httpPath + "/updateEmp/" + $(this).attr("edit-id"),type: "PUT",data: $("#empUpdateModal form").serialize(),success: function (result) {// console.log(result);if (result.code == 100) {//成功//1、关闭模态框show_validata_msg(empName, "success", "用户名可用");$("#empUpdateModal").modal('hide');to_page(pageNum);} else {show_validata_msg(empName, "error", result.ext.va_msg);return false;}}})}})//为列表项中的修改添加点击事件$(document).on("click", ".edit_btn", function () {reset_form("#empUpdateModal form");// alert("edit");//1、查出部门信息，显示部门列表getDepts("#empUpdateModal select");//2、查出员工信息，显示员工信息getEmp($(this).attr("edit-id"));//3、把员工id传给模态框的更新按钮$("#emp_update_btn").attr("edit-id", $(this).attr("edit-id"));$("#empUpdateModal").modal({backdrop: "static"});})
})/*** 根据id查询出用户信息并赋值* @param id*/
function getEmp(id) {$.ajax({url: httpPath + "/emp/" + id,type: "GET",success: function (result) {//console.log(result);var empData = result.ext.emp;$("#empName_update_input").val(empData.empName);$("#email_update_static").text(empData.email);$("#empUpdateModal input[name=gender]").val([empData.gender]);$("#empUpdateModal select").val([empData.dId]);}})
}
list.jsp
<body><!-- 员工修改的模态框 --><div class="modal fade" id="empUpdateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><h4 class="modal-title">员工修改</h4></div><div class="modal-body"><form class="form-horizontal"><div class="form-group"><label for="empName_add_input" class="col-sm-2 control-label">用户名</label><div class="col-sm-10"><input type="text" name="empName" class="form-control" id="empName_update_input"placeholder="用户名"><span class="help-block"></span></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">邮箱</label><div class="col-sm-10"><p class="form-control-select" id="email_update_static"></p></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">性别</label><div class="col-sm-10"><label class="radio-inline"><input type="radio" name="gender" id="gender1_update_input" value="M" checked="checked"> 男</label><label class="radio-inline"><input type="radio" name="gender" id="gender2_update_input" value="F"> 女</label></div></div><div class="form-group"><label for="email_add_input" class="col-sm-2 control-label">部门</label><div class="col-sm-4"><select class="form-control" name="dId" id="dept_update_select"></select></div></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="button" class="btn btn-primary" id="emp_update_btn">更新</button></div></div></div></div>
</body>
后端
web.xml
<!-- 添加FormContentFilter过滤器以支持PUT请求---><filter><filter-name>FormContentFilter</filter-name><filter-class>org.springframework.web.filter.FormContentFilter</filter-class></filter><filter-mapping><filter-name>FormContentFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>
EmployeeService.java
package com.indi.service;@Service
public class EmployeeService {//之前的代码/*** 根据员工id查询员工信息* @param id* @return*/public Employee getEmp(Integer id){Employee employee = employeeMapper.selectByPrimaryKeyWithDept(id);return employee;}/*** 员工更新* @param employee*/public void updateEmp(Employee employee) {employeeMapper.updateByPrimaryKeySelective(employee);}
}EmployeeController.java
package com.indi.controller;@Controller
public class EmployeeController {//之前的代码/*** 根据id查询员工** @param id* @return*/@RequestMapping(value = "/emp/{id}", method = RequestMethod.GET)@ResponseBodypublic Msg getEmp(@PathVariable("id") Integer id) {Employee emp = employeeService.getEmp(id);return Msg.success().add("emp", emp);}/*** 更新员工** @param employee* @return*/@ResponseBody@RequestMapping(value = "/updateEmp/{empId}", method = RequestMethod.PUT)public Msg updateEmp(Employee employee) {String regx = "^[a-zA-Z0-9_-]{6,16}|(^[\\u2E80-\\u9FFF]{2,5})$";if (!employee.getEmpName().matches(regx)) {return Msg.fail().add("va_msg", "用户名必须是2-5位中文，或者6-13位英文和数字的组合");} else {employeeService.updateEmp(employee);return Msg.success();}}
}
员工删除
前端
list.js
$(function () {//为列表项中的删除添加点击事件$(document).on("click", ".delete_btn", function () {//1、弹出是否确认删除对话框var empName = $(this).parents("tr").find("td:eq(2)").text();var empId = $(this).attr("delete-id");if (confirm("确认删除【" + empName + "】吗？")) {//确认$.ajax({url: httpPath + "/deleteEmp/" + empId,type: "DELETE",success: function (result) {//alert(result.msg)to_page(pageNum);}})}})
})
后端
EmployeeService.java
package com.indi.service;@Service
public class EmployeeService {//之前的代码/*** 员工删除* @param id*/public void deleteEmp(Integer id) {employeeMapper.deleteByPrimaryKey(id);}
}EmployeeController.java
package com.indi.controller;@Controller
public class EmployeeController {//之前的代码@ResponseBody@RequestMapping(value = "/deleteEmp/{id}", method = RequestMethod.DELETE)public Msg deleteEmpById(@PathVariable("id")Integer id) {employeeService.deleteEmp(id);return Msg.success();}
}
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
相关文章
- 华为发布企业服务云化转型战略 未来5年投资5亿美金建设服务能力（2017年09月06日）
华为发布企业服务云化转型战略 未来5年投资5亿美金建设服务能力2017年09月06日[中国，上海，2017年9月6日] 今日，在HUAWEI CONNECT 2017上，华为面向全球发布企业服务云化转型战略。华为将持续投入云专业服务产品的开发及云平台和云生态的建设，为行业客户提供端到端的云转型服…...
2024/4/28 12:43:41 - java语言概述
目录软件开发介绍计算机编程语言介绍java语言概述java简史java语言的诞生java语言的主要特性Java 语言运行机制及运行过程java两种核心机制java语言的环境搭建开发体验之HelloWorld常见问题及其解决方法 注释软件开发介绍软件开发软件，即一系列按照特定顺序组织的计算机数据和…...
2024/4/27 22:21:25 - laravel7 LogicException Please make sure the PHP Redis extension is installed and enabled
首先先确定，laravel redis配置均为正确且redis也已安装的时候还是提示这个错误Please make sure the PHP Redis extension is installed and enabled那么看看一看php redis拓展是不是没打开以我win10 phpstudy为例环境>php>设置拓展组件>把redis打开或者网站>管理…...
2024/4/24 6:14:13 - WPF动态修改控件样式
首先看一下窗口的xaml文档 <Window x:Class="WpfApp1_test.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft…...
2024/4/28 4:05:24 - 51单片机使用DS18B20
#include <REG52.H> #include <MYLIB.H>sbit DQ = P3^7; //定义DQ引脚//初始化DS18B20 uchar DS18B20_inint() {uchar i = 0;DQ = 0;delay_10us(50);DQ = 1;while (DQ){delay_10us(1);i++;if(i>5)return 0;}return 1; } //向DS18B20写入一个字节 void DS18B20_w…...
2024/4/28 12:13:14 - 前端基础进阶（十一）：详解面向对象、构造函数、原型与原型链
前端基础进阶（十一）：详解面向对象、构造函数、原型与原型链.如果要我总结一下学习前端以来我遇到了哪些瓶颈，那么面向对象一定是第一个会想到的。尽管现在对于面向对象有了一些的了解，但是当初那种似懂非懂的痛苦，依然历历在目。为了帮助大家能够更加直观的学习和了解面向…...
2024/4/23 2:21:50 - Vuex的概念，应用
vuex快速入门 一、概念 vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。 二、五大核心属性 核心属性为：state，getter，mutation，action，module state：存储数据，存储状…...
2024/4/27 22:05:42 - SSM整合（三）------CRUD
批量删除 前端点击右上角删除，可以删除选中的列表项list.js因为添加了选中框，所以重写build_emps_table(result)方法$(function(){//完成全选/全不选功能$("#check_all").click(function () {$(".check_item").prop("checked", $(this).prop(&…...
2024/4/28 3:43:20 - Altium Designer中敷铜间距修改问题
该问题可以分为两步 （1）修改间距规则，保证敷铜完成 （2）改回原来的间距规则，保证软件不警告...
2024/4/6 3:46:42 - leetcode 110. 平衡二叉树
题目思路 平衡二叉树：每个节点的左右两个子树的高度差的绝对值不超过 1 如果当前node平衡，则，分别递归判断它的左子树是否平衡，右子树是否平衡。 //测试用例 [1,2,2,3,null,null,3,4,null,null,4] // 答案 false题解 // Definition for a binary tree node. class TreeNode…...
2024/4/28 12:11:53 - 列表
列表 用下标取得列表中的单个值 假定列表[‘cat’, ‘bat’, ‘rat’, ‘elephant’]保存在名为spam 的变量中。Python 代码spam[0] 将求值为’cat’，spam[1]将求值为’bat’，依此类推。列表后面方括号内的整数被称为“下 标”。列表下标的起始值是0。 如果使用的下标超出了列…...
2024/4/6 3:46:40 - 网络编程
IP地址IP地址：inet Address唯一定位一台网络上的计算机127.0.0.1：本机local hostipvIP地址的分类：ipv4：127.2.2.1,四个字节组成，0-255，大概有42亿；30亿在北美，亚洲4亿。IPv6: fe80::588c:5b23:d5c5:eed6%13，128位。公网（互联网）——私网（局域网）public class test…...
2024/4/28 6:04:50 - 简单的maven创建javaweb工程的相关配置
首先打开我们的idea选择MAVEN创建一个javaWeb工程在工程目录下的pom.xml文件中：修改properties与maven版本一致： <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> 在dependencies中添加依…...
2024/4/28 4:07:24 - （1）Android学习之Android 项目结构
Android项目结构manifest 文件 manifest 文件是Android应用程序的配置文件，每一个应用程序都有一个 AndroidManifest.xml 文件。AndroidManifest.xml 是整个Android应用的全局描述文件。 下面是某个AndroidManifest.xml 代码<?xml version="1.0" encoding="…...
2024/4/28 8:27:14 - Centos7无法访问配置好的nginx，防火墙原因
临时生效 # 重启虚拟机，将失效 iptables -I INPUT -p TCP --dport 80 -j ACCEPT永久有效 # 在防火墙中开放80端口 firewall-cmd --permanent --zone=public --add-port=80/tcp# 重新加载防火墙配置 firewall-cmd --reload# 检查80端口配置是否有效 firewall-cmd --zone=public…...
2024/4/28 4:27:42
最新文章
- C语言如何将指针数组作为函教的参教？
一、问题 如何将指针数组作为函数的参数呢？ 二、解答 使⽤字符指针作为函数的参数传递字符串，⼀般传递的只是⼀个字符串，如何传递多个字符串呢？有⼈会想到⼆维数组，但是⼆维数组存储多字符串太浪费存储空间࿰…...
2024/4/28 13:48:04 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言，在此感激不尽。 权重和梯度的更新公式如下： w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - Stable Diffusion 本地部署教程
Stable Diffusion 是一个开源的本地部署的软件，用于在本地网络中进行消息传递和同步。下面是 Stable Diffusion 的本地部署教程： 安装稳定扩散软件：首先，您需要从 Stable Diffusion 的官方网站或 GitHub 页面上下载并安装 Stable …...
2024/4/26 12:59:46 - Docker实战教程 第1章 Linux快速入门
2-1 Linux介绍 为什么要学Linux 三个不得不学习 课程需要：Docker开发最好在Linux环境下。 开发需要：作为一个后端程序员，是必须要掌握Linux的，这是找工作的基础门槛。 运维需要：在服务器端，主流的大型服…...
2024/4/25 0:18:38 - 416. 分割等和子集问题（动态规划）
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义：dp[i][j]表示当背包容量为j，用前i个物品是否正好可以将背包填满ÿ…...
2024/4/28 4:04:40 - 【Java】ExcelWriter自适应宽度工具类（支持中文）
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/4/28 12:01:04 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon，直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件，我们讨论Spring负载均衡以Spring Cloud2020之后版本为主，学习Spring Cloud LoadBalance，暂不讨论Ribbon…...
2024/4/27 12:24:35 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中，周界防范意义重大，对园区的安全起到重要的作用。常规的安防方式是采用人员巡查，人力投入成本大而且效率低。周界一旦被破坏或入侵，会影响园区人员和资产安全，…...
2024/4/27 12:24:46 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时，常要分析网页Html，例如网页在加载数据时，常会显示“系统处理中，请稍候..”，我们需要在数据加载完成后才能继续下一步操作，如何抓取这个信息的网页html元素变化&…...
2024/4/28 12:01:03 - 【Objective-C】Objective-C汇总
方法定义 参考：https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/4/28 12:01:03 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页：花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/4/28 12:01:03 - 【ES6.0】- 扩展运算符（...）
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/4/27 12:44:49 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常！——是模式创新还是饮鸩止渴？
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕，各大品牌纷纷晒出优异的成绩单，摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称，在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁，多个平台数据都表现出极度异常…...
2024/4/27 21:08:20 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令，这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/4/28 9:00:42 - 用欧拉路径判断图同构推出reverse合法性：1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b，我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边， b b b 同理，则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/4/27 18:40:35 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息，并安装一些有助于配置官方 NGINX 软件包仓库的软件包： apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/4/28 4:14:21 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限（ROW FORMAT）配置标准HQL为： ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/4/27 13:52:15 - 【论文阅读】MAG：一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中，传感器和控制器产生大量周…...
2024/4/27 13:38:13 - --max-old-space-size=8192报错
vue项目运行时，如果经常运行慢，崩溃停止服务，报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中，通过JavaScript使用内存时只能使用部分内存（64位系统&…...
2024/4/28 12:00:58 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞，例如可以被劫持的合法软件（例如浏览器或 Web 应用程序插件）中的错误。 恶意软件渗透可能会造成灾难性的后果，包括数据被盗、勒索或网…...
2024/4/28 12:00:58 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧！ 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象，所以我们也称为原型对象…...
2024/4/27 22:51:49 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错，但存在一个缺陷：无法禁止通过实例化多个对象来创建多名总统： President One, Two, Three; 由于复制构造函数是私有的，其中每个对象都是不可复制的，但您的目…...
2024/4/28 7:31:46 - python django 小程序图书借阅源码
开发工具： PyCharm，mysql5.7，微信开发者工具 技术说明： python django html 小程序 功能介绍： 用户端： 登录注册（含授权登录） 首页显示搜索图书，轮播图࿰…...
2024/4/28 8:32:05 - 电子学会C/C++编程等级考试2022年03月（一级）真题解析
C/C++等级考试（1~8级）全部真题・点这里 第1题：双精度浮点数的输入输出 输入一个双精度浮点数，保留8位小数，输出这个浮点数。 时间限制：1000 内存限制：65536输入 只有一行，一个双精度浮点数。输出 一行，保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/4/27 20:28:35 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下：1、长按电脑电源键直至关机，然后再按一次电源健重启电脑，按F8健进入安全模式2、安全模式下进入Windows系统桌面后，按住“winR”打开运行窗口，输入“services.msc”打开服务设置3、在服务界面，选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。
%读入6幅图像（每一幅图像的大小是564*564） f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面，在等待界面中我们需要等待操作结束才能关机，虽然这比较麻烦，但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows，请勿关闭计算机”的提示，要过很久才能进入系统，有的用户甚至几个小时也无法进入，下面就教大家这个问题的解决方法。第一种方法：我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题，电脑时发现开机屏幕显现“正在配置Windows Update，请勿关机”(如下图所示)，而且还需求等大约5分钟才干进入系统。这是怎样回事呢？一切都是正常操作的，为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示，没过几秒后电脑自动重启，每次开机都这样无法进入系统，此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一：开机按下F8，在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况，就是电脑提示正在准备windows请勿关闭计算机，碰到这样的问题该怎么解决呢，现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法：1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后，每次关机的时候桌面上都会显示一个“配置Windows Update的界面，提示请勿关闭计算机”，每次停留好几分钟才能正常关机，导致什么情况引起的呢？出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着，别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚，只能是考虑备份数据后重装系统了。解决来方案一：管理员运行cmd：net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？
原标题：电脑提示“配置Windows Update请勿关闭计算机”怎么办？win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢？一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19 浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了，具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面，长时间没反应，无法进入系统。这个问题原来帮其他同学也解决过，网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法，并在最后教给你1种保护系统安全的好方法，一起来看看！电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中，添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候，开启电脑发现电脑显示：配置windows更新失败，正在还原更改，请勿关闭计算机。。.这要怎么办呢？下面小编就带着大家一起看看吧！如果能够正常进入系统，建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题，就是我们的win7系统在关机的时候，总是喜欢显示“准备配置windows，请勿关机”这样的一个页面，没有什么大碍，但是如果一直等着的话就要两个小时甚至更久都关不了机，非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时，一般是您正对windows进行升级，但是这个要是长时间没有反应，我们不能再傻等下去了。可能是电脑出了别的问题了，来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况，当我们打开电脑之后，发现一直停留在一个界面：“配置Windows Update失败，还原更改请勿关闭计算机”，等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57