h2coder
h2coder

SpringMVC入门使用

本篇记录SpringMVC的使用，初学Java后端，各种大佬轻拍。

配置工作

  • 导入依赖

使用Spring5.0.2的版本，主要依赖是spring-web，其他都是学习过程中需要jar包，单纯只要SpringMVC不需要导入。


    5.0.2.RELEASE



    
        org.springframework
        spring-context
        ${spring.version}
    

    
        org.springframework
        spring-web
        ${spring.version}
    

    
        org.springframework
        spring-webmvc
        ${spring.version}
    

    
        javax.servlet
        servlet-api
        2.5
        provided
    

    
        javax.servlet.jsp
        jsp-api
        2.0
        provided
    

    
    
        com.fasterxml.jackson.core
        jackson-databind
        2.9.0
    
    
        com.fasterxml.jackson.core
        jackson-core
        2.9.0
    
    
        com.fasterxml.jackson.core
        jackson-annotations
        2.9.0
    

    
    
        commons-fileupload
        commons-fileupload
        1.3.1
    
    
        commons-io
        commons-io
        2.4
    

    
    
        com.sun.jersey
        jersey-core
        1.18.1
    
    
        com.sun.jersey
        jersey-client
        1.18.1
  • 配置web.xml

不管SpringMVC还是其他MVC框架，都是封装servlet的API，而SpringMVC分发请求是通过一个DispatcherServlet，再转发请求到Controller，所以我们需要在web.xml中添加配置。

  1. 配置DispatcherServlet前端控制器，在初始化参数中，配置SpringMVC的配置文件为springmvc.xml。
  2. 配置解决中文乱码的过滤器，CharacterEncodingFilter，指定编码为utf-8。


    Archetype Created Web Application
    
    
        dispatcherServlet
        org.springframework.web.servlet.DispatcherServlet
        
            contextConfigLocation
            
            classpath:springmvc.xml
        
        
        1
    
    
        dispatcherServlet
        /
    

    
    
        characterEncodingFilter
        org.springframework.web.filter.CharacterEncodingFilter
        
        
            encoding
            UTF-8
        
    
    
        characterEncodingFilter
        /*
  • 配置SpringMVC配置文件

上面DispatcherServlet中，我们指定SpringMVC的配置文件为springmvc.xml，所以我们需要在resources目录下，添加springmvc.xml文件。

  1. 配置spring创建容器时要扫描的包
  2. 配置视图解析器，指定jsp存放的配置，后缀等，这里指定为webapp下的WEB-INF里面的pages
  3. 配置静态资源不拦截，如html、css、js等
  4. 配置spring开启注解mvc的支持，开启后，就可以使用SpringMVC的注解
  • 编写通用页面

一般项目都有通用的成功、失败页面。我们都放在webapp下的WEB-INF里面的pages下。我们就简单的写一些文字来代替。

  1. 通用错误页面
<%--
  Created by IntelliJ IDEA.
  User: wally
  Date: 2020/6/23
  Time: 2:51 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>


    错误页面



友好的错误页面

${ errorMsg }
  1. 通用成功页面
<%--
  Created by IntelliJ IDEA.
  User: wally
  Date: 2020/6/22
  Time: 3:22 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    成功页面



成功
  • 编写Controller，输出HelloWord
  1. 使用@Controller注解，标识当前是一个Controller类
  2. 使用@RequestMapping注解，指定当前控制器管理的一级路径，这里为/user
  3. 使用@RequestMapping注解，指定sayHello()接口方法的响应的请求路径为/hello，完整路径为：http://localhost:8081/springmvc_sample_war_exploded/user/hello
  4. sayHello()接口方法，返回通用成功页面，直接返回success字符串，视图解析器会去pages下查找教success.jsp的文件
@Controller
@RequestMapping("/user")
public class HelloController {
    /**
     * 测试请求映射
     */
    @RequestMapping(path = "/hello")
    public String sayHello() {
        System.out.println("Hello Spring MVC");
        return "success";
    }
}
  • index.html中，添加请求跳转

a标签，只能发起GET请求，href超链接中指定请求url，点击就会跳转到success.jsp。

<%--
  Created by IntelliJ IDEA.
  User: wally
  Date: 2020/6/22
  Time: 3:05 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    首页



入门案例

入门案例

表单数据绑定到JavaBean

一般前端页面会有表单提交，表单数据很多时，一般我们会封装到一个JavaBean，而SpringMVC可以将数据映射到JavaBean中，省去我们从Request对象中做很多次get操作来获取。

这里我们前端页面，请求保存账户信息以及它的用户信息

  • 用户实体
/**
 * 用户实体
 */
public class User {
    private String uname;
    private Integer age;

    //省略get、set
}
  • 账户实体

账户实体中，包含一个User实体

/**
 * 账户实体
 */
public class Account implements Serializable {
    private String username;
    private String password;
    private Double money;
    /**
     * 嵌套自定义引用类型
     */
    private User user;

    //省略get、set
}
  • Controller

Controller类中添加一个saveAccount()方法，Account实体作为方法形参即可。

/**
 * 测试数据绑定到JavaBean
 */
@RequestMapping("/saveAccount")
public String saveAccount(Account account) {
    System.out.println("---- saveAccount() 调用成功 ----");
    System.out.println(account);
    return "success";
}
  • index.jsp

index.jsp添加一个表单，由于我们的User实体是嵌入到Account实体的，所以input标签的name属性，如user.name、user.age，级联写即可。



    用户名：

    密码：

    金额：

    用户姓名：

    用户年龄：

自定义类型转换器

SpringMVC内置了一些转换器，例如时间转换，前端表单传递时间，使用字符串，也可以自动映射为实体的Date字段。
但例如有一些自定义格式，超过内置转换器的转换范围时，就需要我们自己自定义转换器了。

需求：例如我们使用2020-12-28这种格式，SpringMVC是不能帮我们转换的，这就需要我们自己提供转换器了。

  • User实体增加date字段，表示出生日期
/**
 * 用户实体
 */
public class User {
    private String uname;
    private Integer age;
    private Date date;

    //省略get、set
}
  • 自定义转换器

自定义转换器，需要实现Converter接口，有2个泛型，第一个泛型为转换前类型，第二个泛型为转换后的类型，这里我们是从String转为Date类型。
复写convert()转换方法，处理年-月-日的日期格式，例如：2020-12-28

/**
 * 字符串转日期类型
 */
public class StringToDateConverter implements Converter {
    public Date convert(String source) {
        try {
            SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
            return format.parse(source);
        } catch (ParseException e) {
            e.printStackTrace();
            throw new IllegalArgumentException("数据类型转换异常");
        }
    }
}
  • 在SpringMVC配置文件中，配置转换器

所有自定义转换器，都要在ConversionServiceFactoryBean，这个转换服务下，通过set标签排列。并将服务命名为conversionService。
最后，将conversionService服务，交给mvc:annotation-driven标签的conversion-service属性。




    //...省略其他配置
  • Controller，添加接口
/**
 * 测试自定义类型转换器
 */
@RequestMapping("/saveUser")
public String saveUser(User user) {
    System.out.println("---- saveUser() 调用成功 ----");
    System.out.println(user);
    return "success";
}
  • 前端页面index.jsp

添加表单，在date的input中填入：2020-12-28，点击提交，在后台能收到转成成功的Date即可。

保存用户



    用户姓名：

    用户年龄：

    用户生日：

支持原生Servlet的API

虽然SpringMVC给我们提供了良好的封装，但如果我们需要用到原始的HttpServletRequest、HttpServletResponse对象时，要怎么做呢，同样很简单，只要在接口方法形参上写上即可。

  • Controller添加接口方法
/**
 * 测试获取Servlet原生API
 */
@RequestMapping("/testServlet")
public String testServlet(HttpServletRequest request, HttpServletResponse response) {
    System.out.println("---- testServlet() 调用成功 ----");
    System.out.println(request);
    HttpSession session = request.getSession();
    System.out.println(session);
    ServletContext servletContext = session.getServletContext();
    System.out.println(servletContext);
    System.out.println(response);
    return "success";
}
  • index.jsp添加调用
测试原生Servlet的API

@RequestParam注解

上面讲到，表单请求，我们可以封装到一个JavaBean中，一般适用于参数很多和复杂的情况，如果参数很少，封装成JavaBean意义不大。那么我们就可以使用@RequestParam注解。

使用@RequestParam注解，注解内有一个value属性，标识表单字段变量，如果表单字段名和变量名一致，可以不写。
defaultValue属性，指定默认值，不传递参数或传null时生效。

/**
 * 测试@RequestParam注解
 */
@RequestMapping("/testParam")
public String testParam(@RequestParam("name") String username,
                        @RequestParam(required = false, defaultValue = "18") Integer age) {
    System.out.println("---- testParam() 调用成功 ----");
    System.out.println("username：" + username);
    System.out.println("age：" + age);
    return "success";
}
  • index.jsp增加调用
测试RequestParam注解

@RequestBody注解

除了上面讲参数对应到形参，SpringMVC还提供了@RequestBody注解，可以将表单的参数按：参数名1=值1&参数名2=值2，这样的格式获取，类似GET请求时，带参数的方式。
除了格式以外，还可以作为json上传的方式封装参数到JavaBean。

  • 第一种：按格式获取，Controller添加方法
/**
 * 测试@RequestBody注解，会将所有的表单数据按如下格式返回：username=hezihao&password=123
 */
@RequestMapping("/testRequestBody")
public String testRequestBody(@RequestBody String body) {
    System.out.println("---- testRequestBody() 调用成功 ----");
    System.out.println(body);
    return "success";
}
  • index.jsp增加调用
测试RequestBody注解



    用户名：

    密码：
  • 第二种：json上传方式，将参数封装到JavaBean
/**
 * 测试接收json数据请求
 */
@RequestMapping("/testAjax")
@ResponseBody
public User testAjax(@RequestBody User user) {
    System.out.println("---- testAjax() 调用成功 ----");
    System.out.println(user);
    //模拟结果
    user.setUname("haha");
    user.setAge(40);
    return user;
}
  • index.jsp增加调用，这里我引入了jQuery，将jq放在webapp目录下的js目录下即可。

点击按钮时，会发起ajax请求，后端程序接收到请求后，返回数据，前端页面alter弹出数据。


    首页

@PathVariable注解

GET请求除了表单提交外，还可以按Url的路径来请求，这时就需要用到@PathVariable注解。

  • Controller增加接口

Url为user/testPathVariable/xxx，在Url后拼上id。

/**
 * 测试@testPathVariable注解
 */
@RequestMapping("/testPathVariable/{sid}")
public String testPathVariable(@PathVariable(name = "sid") int id) {
    System.out.println("---- testPathVariable() 调用成功 ----");
    System.out.println("id：" + id);
    return "success";
}
  • index.jsp增加接口调用
测试PathVariable注解

@RequestHeader注解

当需要获取请求传递的Header请求头时，我们可以使用@RequestHeader注解来获取指定Key值的Header值。

  • Controller增加方法

例如获取默认浏览器都会带的Accept请求头。

@RequestMapping("/testRequestHeader")
public String testRequestHeader(@RequestHeader(value = "Accept") String header) {
    System.out.println("---- testRequestHeader() 调用成功 ----");
    System.out.println("header => Accept：" + header);
    return "success";
}
  • index.jsp增加接口调用
测试RequestHeader注解

@CookieValue

需要获取请求发过来的Cookie时，可以使用@CookieValue注解。

  • Controller添加方法

例如获取Session的ID，在前端浏览器上，这个id是保存在Cookie的，所以我们可以获取到。

@RequestMapping("/testCookieValue")
public String testCookieValue(@CookieValue(value = "JSESSIONID") String cookieValue) {
    System.out.println("---- testCookieValue() 调用成功 ----");
    System.out.println("JSESSIONID：" + cookieValue);
    return "success";
}
  • index.jsp增加调用
测试CookieValue注解

SpringMVC的异常处理器

当我们的接口发生异常时，默认会返回异常信息的页面，这样返回给用户可不好，一般会返回一个漂亮又友好的页面。
SpringMVC给我们提供了全局异常处理器，我们可以捕获特定的异常，统一返回友好的错误页面。

  • 自定义异常

SysException系统异常，附带的message为我们自己手动设置的，异常处理器可以拿到异常中的message，返回为用户。

/**
 * 系统异常
 */
public class SysException extends Exception {
    private String message;

    public SysException(String message) {
        this.message = message;
    }

    @Override
    public String getMessage() {
        return message;
    }

    public void setMessage(String message) {
        this.message = message;
    }
}
  • 定义异常处理器

异常处理器需要实现HandlerExceptionResolver接口，复写resolveException()方法。
在这个方法里，我们需要判断异常对象的种类，如果是系统异常，则获取异常中的message，传递到到error错误页面。
如果是其他异常，统一返回请联系系统管理员的消息。

/**
 * 异常处理器
 */
public class SysExceptionResolver implements HandlerExceptionResolver {
    public ModelAndView resolveException(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, Exception e) {
        SysException ex;
        if (e instanceof SysException) {
            ex = (SysException) e;
        } else {
            ex = new SysException("请联系系统管理员");
        }
        //跳转到友好的错误页面
        ModelAndView mv = new ModelAndView();
        mv.setViewName("error");
        mv.addObject("errorMsg", ex.getMessage());
        return mv;
    }
}
  • 配置异常处理器到springmvc.xml

有了异常处理器类还不够，Spring还不知道我们的配置，所以需要在SpringMVC的配置文件springmvc.xml中进行配置。




    //...省略其他配置
  • Controller添加接口方法

例如我们故意制造一个算数异常，try-catch后手动抛出。

/**
 * 测试异常处理器
 */
@RequestMapping("/testException")
public String testException() throws SysException {
    try {
        int result = 1 / 0;
    } catch (Exception e) {
        e.printStackTrace();
        throw new SysException(e.getMessage());
    }
    return "success";
}
  • index.jsp增加接口调用
测试异常处理器

SpringMVC拦截器

SpringMVC还提供了拦截器，给我们在请求前和请求后（响应前）做一些处理。

  • 自定义拦截器

拦截器需要实现HandlerInterceptor接口，提供以下方法进行复写。

  1. preHandle()，预处理，控制器方法执行前回调。如果返回true，则放行，执行下一个拦截器，如果没有下一个拦截器，则执行控制器中的方法。
  2. postHandle()，后处理方法，控制器方法执行后回调，jsp加载之前。
  3. afterCompletion()，jsp页面加载之后回调。

执行顺序：preHandle() => postHandle() => afterCompletion()。

我们定义了2个拦截器，当触发回调方法时，返回true，会执行下一个拦截器，返回false则相当于拦截了，后面的拦截器则不回调。

/**
 * 自定义拦截器
 */
public class MyInterceptor1 implements HandlerInterceptor {
    /**
     * 预处理，控制器方法执行前回调
     * @return 返回true，则放行，执行下一个拦截器，如果没有下一个拦截器，则执行控制器中的方法
     */
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("MyInterceptor1 => preHandle()执行了");
        return true;
    }

    /**
     * 后处理方法，控制器方法执行后回调，jsp加载之前
     */
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("MyInterceptor1 => postHandle()执行了");
    }

    /**
     * jsp页面加载之后回调
     */
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("MyInterceptor1 => afterCompletion()执行了");
    }
}

public class MyInterceptor2 implements HandlerInterceptor {
    /**
     * 预处理，控制器方法执行前回调
     * @return 返回true，则放行，执行下一个拦截器，如果没有下一个拦截器，则执行控制器中的方法
     */
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("MyInterceptor2 => preHandle()执行了");
        return true;
    }

    /**
     * 后处理方法，控制器方法执行后回调，jsp加载之前
     */
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("MyInterceptor2 => postHandle()执行了");
    }

    /**
     * jsp页面加载之后回调
     */
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("MyInterceptor2 => afterCompletion()执行了");
    }
}
  • springmvc.xml中配置拦截器

和异常处理器异常，我们还需要告知Spring我们的拦截器配置。

  1. mvc:interceptor标签，定义拦截器。
  2. mvc:mapping标签，配置拦截的具体方法，可用*作为通配符。
  3. mvc:exclude-mapping标签，表示不拦截某个方法，一般我们用上面的mapping标签比较多。
  4. bean标签，class属性指定拦截器的类名。



    //...省略其他配置

SpringMVC文件上传

  • 增加依赖

SpringMVC的文件上传依赖commons-fileupload，commons-fileupload又依赖了commons-io。io包可以不指定，Maven会帮我们依赖传递的导入。



    commons-fileupload
    commons-fileupload
    1.3.1


    commons-io
    commons-io
    2.4

先来复习一下，传统方式，使用HttpServletRequest文件上传

  • index.jsp增加文件上传

1.form表单请求，请求方式必须为POST

  1. enctype，必须为multipart/form-data
  2. input标签为file类型
传统方式文件



    选择文件：

    


s
  • 新建UploadController控制器
  1. 先用HttpServletRequest对象，获取路径，我们将文件放到项目部署的根目录下的uploads文件夹内
  2. 创建FileItemFactory文件工厂，解析文件项
  3. 遍历文件项，判断到是文件项时，再通过io流写文件
@Controller
@RequestMapping("/upload")
public class UploadController {
    /**
     * 传统方式-文件上传
     */
    @RequestMapping(value = "/testUpload1", method = RequestMethod.POST)
    public String testUpload1(HttpServletRequest request) throws Exception {
        //获取文件上传根目录
        String path = request.getSession().getServletContext().getRealPath("/uploads/");
        //创建文件夹
        File pathDir = new File(path);
        if (!pathDir.exists()) {
            pathDir.mkdirs();
        }
        //创建文件工厂
        FileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        //解析请求中的文件项
        List items = upload.parseRequest(request);
        for (FileItem item : items) {
            if (item.isFormField()) {
                //只是普通表单项，不是文件，忽略
            } else {
                //是文件，写文件
                String fileName = item.getName();
                //生成唯一id
                String uuid = UUID.randomUUID().toString().replace("-", "");
                fileName = fileName + "_" + uuid;
                item.write(new File(pathDir, fileName));
                //删除临时文件
                item.delete();
            }
        }
        return "success";
    }
}
  • SpringMVC方式

表单拷贝一份，请求testUpload2

SpringMVC方式文件



    选择文件：
  • Controller新增testUpload2方法

SpringMVC的方式相比传统方式就简单很多，SpringMVC给我们提供了MultipartFile对象，使用这个对象的transferTo即可实现文件复制。

/**
 * SpringMVC方式-文件上传
 *
 * @param upload 多文件，变量名要和前端文件上传表单元素的name属性一致才行
 */
@RequestMapping(value = "/testUpload2", method = RequestMethod.POST)
public String testUpload2(HttpServletRequest request, @RequestParam("upload") MultipartFile upload) throws Exception {
    System.out.println("SpringMVC方式文件上传...");
    //获取文件上传路径，并创建目录
    String path = request.getSession().getServletContext().getRealPath("/uploads/");
    File pathDir = new File(path);
    if (!pathDir.exists()) {
        pathDir.mkdirs();
    }
    //重命名文件名
    String originalFilename = upload.getOriginalFilename();
    //生成唯一id
    String uuid = UUID.randomUUID().toString().replace("-", "");
    String fileName = originalFilename + "_" + uuid;
    //上传文件
    upload.transferTo(new File(pathDir, fileName));
    return "success";
}
  • 跨服务器上传

一般真实开发中，文件服务器是单独的一台服务器，不和业务服务器一起。我们可以使用jersey，来实现跨服务器上传。

  • 同样，先拷贝一份表单，请求testUpload3
跨服务器上传文件



    选择文件：
  • Controller添加testUpload3方法
  1. 创建Client对象，调用resource方法，指定上传路径，一般是文件服务器的接口地址，返回WebResource对象。
  2. 使用WebResource对象的put()方法，获取MultipartFile对象的getBytes()获取Byte数据，再丢进去即可。
/**
 * 跨服务器方式-文件上传
 *
 * @param upload 多文件，变量名要和前端文件上传表单元素的name属性一致才行
 */
@RequestMapping(value = "/testUpload3", method = RequestMethod.POST)
public String testUpload3(@RequestParam("upload") MultipartFile upload) throws Exception {
    System.out.println("跨服务器方式文件上传...");
    //文件服务器上传文件请求路径
    String uploadPath = "http://localhost:9090/file_upload/uploads/";
    //重命名文件名
    String originalFilename = upload.getOriginalFilename();
    //生成唯一id
    String uuid = UUID.randomUUID().toString().replace("-", "");
    String fileName = originalFilename + "_" + uuid;
    //创建客户端对象
    Client client = Client.create();
    WebResource webResource = client.resource(uploadPath + fileName);
    //上传文件
    webResource.put(upload.getBytes());
    return "success";
}

出现的问题总结

表单请求等一路顺利，但到了文件上传，启动一直报java.lang.NoClassDefFoundError: org/apache/commons/fileupload/FileItemFactory的错。

首先想到的是我们缺少jar包，就是上面的commons-fileupload包，但是我们Maven的pom文件已经添加了，而且这个类也是可以跳转过去的。
搜索资料了很久，最后发现是Tomcat部署的lib目录，WEB-INF/lib，没有添加上这2个jar包，添加上，再启动即可。

有同学可能不知道在哪里加，打开Project Structure，选择导出的war包，点开WEB-INF/lib，再点击上面的+号，选择fileupload和commons-io，确定就可以了。

添加lib

项目地址

如果上面的描述不够清楚，我将代码都上传到了Github，有兴趣的同学可以clone。

你可能感兴趣的:(SpringMVC入门使用)

  • 物理运动模拟基础 lang_dye 物理物理物理模拟
    牛顿定律第一定律：若物体所受外力为0，则物体保持静止或匀速直线运动第二定律：物体的动量随时间的变化率与受力成正比。F=dpdt=mdvdt=maF=\frac{dp}{dt}=\frac{mdv}{dt}=maF=dtdp=dtmdv=ma，一般物理模拟使用这个公式第三定律：相互作用的两个物体之间的作用力和反作用力大小想等，方向相反，作用在同一直线上。匀加速运动设物体的质量为m，初始速度为v0，当
  • MixRec: Heterogeneous Graph Collaborative Filtering UnknownBody Recommendation人工智能
    本文是深度学习相关文章，针对《MixRec:HeterogeneousGraphCollaborativeFiltering》的翻译。MixRec：异构图协同过滤摘要1引言2前言3方法4评估5相关工作6结论摘要对于现代推荐系统来说，使用低维潜在表示来嵌入用户和基于他们观察到的交互的项目已经变得司空见惯。然而，许多现有的推荐模型主要是为粗粒度和同质交互而设计的，这限制了它们在两个关键维度上的有效性。
  • C++：【练习题】类的继承与多态性 小何在线 C++与QTlinuxc++c语言
    练习1：请编写程序完成如下设计学生类，数据成员包括学号（公有）、姓名（保护）、年龄（私有）、学生数（静态）。学生数用来统计构造出来的学生对象数量课代表类，继承自学生类，数据包括负责课程编号（公有）、课程评分（公有）要求使用构造初始化符表“：”的形式进行构造，每个类又相关数据的输出显示函数在主函数中构造对象并输出显示相关数据解题思路：构建学生类，创建各类数据成员创建课代表类继承学生类初始化静态成员变
  • C++：爬楼梯问题，设有阶台阶需要攀登，每次只能上1阶或2阶，问共有多少种上台阶方案。程序输入为台阶数，输出为上台阶方案总数。 程序员东min c++java算法
    代码如下：#includeusingnamespacestd;intlou(intx){if(x==1||x==2)returnx;elsereturnlou(x-1)+lou(x-2);}intmain(){intn;cout>n;cout<<"上台阶方案总数为"<
  • Vue全流程--Vue2插槽 不清参 vue.jsjavascript前端
    作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类默认插槽、具名插槽、作用域插槽使用方式1.默认插槽：让子组件以不同的内容形式或者格式展现出来父组件{{g}}importCategoryfrom'./components/Category'exportdefault{name:'App',components:{Category},data
  • 【python】利用 GridSearchCV 和 SVM 进行学生成绩预测 码银 支持向量机机器学习人工智能
    在机器学习领域，寻找最优模型参数是一个重要的步骤，它直接影响模型的泛化能力和预测准确性。本文将通过一个具体案例介绍如何使用支持向量机（SVM）和网格搜索（GridSearchCV）来预测学生的成绩，并通过调整参数来优化模型性能。数据集：公众号“码银学编程”后台回复：学生成绩-SVM前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家：前言–人工智能教程引言学生的成绩预测
  • python web开发（完） HIST-柒月初柒 python前端开发语言
    本篇就把代码都放出来上面就是文件夹格式app.py#pipinstallFlaskimportatexitimportjsonfromflaskimportFlask,render_template,request,redirect,url_forapp=Flask(__name__)ls=[]#使用列表模拟数据库，所有学生信息存储在ls里面#假设的用户信息定义了一个字典users，包含了一些假设
  • 5 长度和距离计算模块（length.rs） Source.Liu euclid库rusteuclid
    这段代码定义了一个泛型结构体Length，用于表示一维长度，其中T表示长度的数值类型，而Unit是一个编译时检查单位一致性的占位符类型，不会用于运行时表示长度的值。这个设计允许开发者在编译阶段确保不同单位之间的长度值在使用前进行了显式的单位转换。一、length.rs文件源码//!用计量单位标记的一维长度。usecrate::approxeq::ApproxEq;usecrate::approxo
  • python追加写入excel-Python读写/追加excel文件Demo分享 weixin_39571404
    三个工具包python操作excel的三个工具包如下，注意，只能操作.xls，不能操作.xlsx。•xlrd:对excel进行读相关操作•xlwt:对excel进行写相关操作•xlutils:对excel读写操作的整合这三个工具包都可以直接使用pip进行下载：sudopipinstallxlrdsudopipinstallxlwtsudopipinstallxlutils1xlwt的缺陷xlwt只
  • mysql和Nosql到底有什么区别，分别应用与什么场景？ ALGORITHM LOL mysqlnosql数据库
    MySQL和NoSQL是两种不同类型的数据库技术，它们各有其特点和适用场景。了解它们之间的区别和应用场景可以帮助选择合适的技术来支持特定的应用需求。MySQLMySQL是一种关系数据库管理系统（RDBMS），它使用结构化查询语言（SQL）来访问数据库。MySQL是基于表的系统，数据存储在行和列中，每个表有固定的模式，定义了数据在表中如何存储，包括数据类型和是否允许为空等。特点:结构化和严格的模式：
  • Nosql和Mysql的详细介绍 IT【大博】 mysqlnosql数据库
    一：nosql与mysql的区别是：1、MySQL是一个基于表格设计的关系数据库，而NoSQL本质上是非关系型的基于文档的设计；2、MySQL的严格模式限制并不容易扩展，而NoSQL可以通过动态模式特性轻松扩展等等。3、MySQL中使用的标准语言是SQL；而NoSQL中缺乏标准的查询语言。二：nosql与mysql的CRUD语句：1.nosql查询:db.表名.find({})mysql查询：se
  • 【刷题总结】哈希系列问题 松鼠大哥 刷题总结LeetCode
    文章目录一、算法解析二、解题模板1、C++内相关API2、使用哈希集合查重三、哈希系列问题1、哈希表设计2、去重\判重问题(哈希集合)（1）重复元素查找（2）几数之和（3）求交集（4）是否循环问题（5）判断是否存在3、构造哈希表（1）键---下标（2）键---统计个数（3）字母---单词（字典映射）（5）其他4、滑动窗口类问题(哈希映射)5、哈希设计键（1）排序后字符串/数组为key（2）指针/节
  • Node.js 的底层原理 阿芯爱编程 面试js技巧网络前端javascript
    Node.js的底层原理1.事件驱动和非阻塞I/ONode.js基于ChromeV8引擎，使用JavaScript作为开发语言。它采用事件驱动和非阻塞I/O模型，使其轻量且高效。通过libuv库实现跨平台的异步I/O，包括文件操作、网络请求等。2.单线程事件循环Node.js使用单个线程来处理所有请求，通过事件循环机制来管理并发。事件循环不断检查是否有待处理的事件或回调函数，并依次执行它们。这种模
  • NOSQL和MySQL的区别 小小懒懒 nosqlmysql数据库
    NoSQL和MySQL是两种不同类型的数据库，它们在数据模型、架构、查询语言和使用场景等方面存在一些区别。数据模型：MySQL是一种关系型数据库，使用表格和结构化的数据模型，数据存储在行和列中，需要定义表的结构和关系。NoSQL数据库采用非关系型数据模型，不要求严格的表结构和预定义的模式，可以存储各种形式的非结构化数据，如文档、键值对、列族、图形等。架构：MySQL通常采用集中式的架构，数据存储在
  • Leetcode 349. 两个数组的交集 人不学习就是一坨屎 代码随想录leetcode算法
    题源:349.两个数组的交集方法：使用哈希集合为了快速查找两个数组的交集元素，我们可以利用哈希集合的特性，即快速插入和查找操作。解题步骤初始化哈希集合：使用nums1数组的元素初始化一个名为num_set的unordered_set。这个集合用来存储nums1的元素，同时自动去除任何重复的元素。查找交集：遍历nums2数组中的每个元素。使用find方法检查当前元素是否存在于num_set中。如果存
  • 【python】追加写入excel，合并工作簿 qq_50653422 excelpython
    目录一：删除写入代码（删除所有旧表）二：追加写入代码（保留所有旧表）三、结果展示一：删除写入代码（删除所有旧表）importpandasaspddf1=pd.DataFrame({'A':[1,1,1],'B':[1,1,1]})df2=pd.DataFrame({'C':[0,0,0],'D':[0,0,0]})#使用ExcelWriter写入不同的sheetwithpd.ExcelWriter
  • Java中的getInterfaces()方法：使用与原理详解 AllenBright #Java基础java开发语言
    在Java中，反射（Reflection）是一个强大的工具，它允许程序在运行时动态地获取类的信息并操作类的属性和方法。getInterfaces()方法是Java反射API中的一个重要方法，用于获取类或接口直接实现的接口。本文将深入探讨getInterfaces()方法的使用场景、工作原理以及实际应用。1.getInterfaces()方法简介getInterfaces()是java.lang.C
  • openeuler 22.03 lts sp4 使用 kubeadm 部署 k8s-v1.28.2 高可用集群 月巴左耳东 openeulerKuberneteskubernetes
    文章目录@[toc]废话篇这篇文章什么时候写的为什么是openeuler为什么是22.03ltssp4高可用架构题外话干活篇环境介绍系统初始化相关关闭防火墙关闭selinux关闭swap开启内核模块开启模块自动加载服务sysctl内核参数调整清空iptables规则安装各种依赖和工具修改.bashrc文件安装kubeadm和kubelet简化kubectl命令启动kubelet安装containe
  • 使用 fdisk 对分区进行扩容 月巴左耳东 Linuxlinux运维服务器
    原先磁盘做了分区，并且不是以LVM的方式做的磁盘管理，现在打算将剩下的空余容量全部分配给/data目录sdb8:16020G0disk└─sdb18:17010G0part/data查看原有的数据（这是我提前创建的数据）创建命令：foriin$(seq110);domkdir/data/test_$i;echo"thisisno.$i">/data/test_$i/test.log;donefor
  • windows 使用自带的cmd终端进行文件MD5校验 月巴左耳东 随笔windowscmdMD5
    1.使用快捷键win+r，调用运行界面，输入cmd后回车2.输入certutil-hashfileMD5，回车后，即可校验文件的MD5了（注意写绝对路径）
  • 自定义数据集 使用pytorch框架实现逻辑回归并保存模型，然后保存模型后再加载模型进行预测，对预测结果计算精确度和召回率及F1分数 〖是♂我〗 python
    代码：importtorchimportnumpyasnpimporttorch.nnasnnfromsklearn.metricsimportaccuracy_score,precision_score,recall_score,f1_score#定义数据：x_data是特征，y_data是标签（目标值）data=[[-0.5,7.7],[1.8,98.5],[0.9,57.8],[0.4,39
  • 解决 SSH 自动掉线问题：客户端与服务器端配置优化指南 运维开发王义杰 linux系统运维ssh服务器运维
    在使用SSH登录Linux云主机时，若遇到连接空闲一段时间后自动掉线的情况，通常是因为SSH客户端和服务器端的配置导致的超时机制。为了避免这种掉线现象，我们可以从客户端和服务器端两个方面进行调整。本文将详细讲解如何配置以保持SSH会话的持续连接，确保运维系统的连续性。一、客户端配置在SSH客户端端，常见的超时问题是由于客户端在空闲一段时间后没有活动，导致服务器主动关闭连接。为了解决这一问题，可以在
  • maven 忽略单元测试 tomorrow.hello Mavenmaven单元测试java
    1.maven-surefire-plugin配置直接使用maven-surefire-plugin插件，并且配置忽略测试org.apache.maven.pluginsmaven-surefire-plugintrue2.properties配置属性在pom.xml文件中设置忽略属性88truetrue-->3.使用命令行参数mvncleanpackage-Dmaven.test.skip=tr
  • maven 单元测试并行_并行运行单元测试 dnc8371 单元测试javajunit深度学习人工智能
    maven单元测试并行大约是时候单元测试的开发人员能够使用批注在Parallel中运行测试。在今天的博客文章中，我们将介绍如何使用Easytest提供的注释使传统的Junit测试并行运行。易测是在JUnit之上构建的测试框架，可让您轻松编写和维护测试。它专注于为您的应用程序编写数据驱动测试。让我们首先假设一个类ItemService具有方法2的方法：带有2个参数DoubleitemId和Strin
  • 自定义数据集 使用tensorflow框架实现逻辑回归并保存模型，然后保存模型后再加载模型进行预测 知识鱼丸 machinelearning人工智能
    在TensorFlow中实现逻辑回归、保存模型并加载模型进行预测的过程可以分为以下几个步骤：准备数据：创建或加载你的自定义数据集。构建逻辑回归模型。训练模型。保存模型。加载模型。使用加载的模型进行预测。importtensorflowastfimportnumpyasnp#1.准备数据#示例：生成一些随机数据np.random.seed(0)X_train=np.random.rand(100,3
  • Java入门 数组 别妨碍我写Bug javaeclipse编程语言
    一、数组的概述1、什么是数组？数组（Array），是多个相同类型数据按一定顺序排列的集合，并使用一个名字命名，并通过编号的方式对这些数据进行同意管理。2、数组的概念数组名下标（索引）元素数组的长度：元素的个数3.数组的特点①数组是有序排列的。②数组属于引用数据类型的变量，数组的元素既可以是基本数据类型，也可以是引用数据类型。③创建数组对象会在内存中开辟一整块连续的空间。④数组的长度一旦确定，就不能
  • unity. Capsule Collider（胶囊碰撞体） 无敌最俊朗@ UnityPreject3unity游戏引擎
    1.EditCollider（编辑碰撞体）作用：允许你在场景视图中手动调整碰撞体的大小和位置。通俗解释：你可以用鼠标拖动碰撞体的边界，调整它的形状和位置。2.IsTrigger（是否触发器）作用：决定碰撞体是否作为触发器使用。通俗解释：如果勾选IsTrigger，碰撞体不会阻挡其他物体，而是会触发事件（比如进入或离开某个区域）。如果不勾选，碰撞体会阻挡其他物体，产生物理碰撞效果。例子：勾选IsTr
  • 使用PaddlePaddle实现逻辑回归：从训练到模型保存与加载 Luzem0319 paddlepaddle逻辑回归人工智能
    1.引入必要的库首先，需要引入必要的库。PaddlePaddle用于构建和训练模型，pandas和numpy用于数据处理，matplotlib用于结果的可视化。importpaddleimportpandasaspdimportnumpyasnpimportmatplotlib.pyplotasplt2.加载自定义数据集假设有一个CSV文件custom_dataset.csv，其中包含特征（自变量
  • Maven的单元测试 倾城璧 maven单元测试java
    1.单元测试的基本概念单元测试（UnitTesting）是一种软件测试方法，专注于测试程序中的最小可测试单元——通常是单个类或方法。通过单元测试，可以确保每个模块按预期工作，从而提高代码的质量和可靠性。2.安装和配置JUnit5使用Maven配置JUnit5首先，在项目的pom.xml文件中添加JUnit5的依赖项。4.0.0com.example.myprojectmy-application1
  • Google Chrome-便携增强版[解压即用] 私人珍藏库 chrome前端
    GoogleChrome-便携增强版链接：https://pan.xunlei.com/s/VOI0OyrhUx3biEbFgJyLl-Z8A1?pwd=f5qa#a特点描述√无升级、便携式、绿色免安装，即可以覆盖更新又能解压使用！√此增强版，支持右键解压使用√加入Chrome增强软件补丁Chrome++1.8.9(version.dll)﹂Chrome++特点(原始作者@shuax，新作者@Bu
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他