之前的时候写过一篇文章，因为各种原因，需要搭建一套 ssm 框架，上次的时候就是搭建了一套框架，但是其中相应的代码实现并没有添加进去，今天咱就完整起来，搭建一个测试代码，当然大家不需要非要用我的，再网上有很多相应的代码文章，只不过我的这个有点傻瓜式的，直接 cv 代码即可，不出问题是可以直接运行的
好了，话不多说，看正文吧，公众号：Java 架构师联盟，源码再最后有获取方式
配置 spring 容器等相关配置文件
\1. 在 pom.xml（位置：项目的根目录下）中引入必要的 pom 依赖（其中包括了 spring、springmvc、jdbc、mysql、druid 连接池、mybatis、lombok 插件、juni 他、其他工具包 ），相关的代码我在之前的文章中已经公布，大家可以自行下载
如果想要自己添加 jar 包，可以在 WEB-INF 中新建 lib 文件夹，然后放入你的 jar 包（poom 依赖下载的 jar 包编译过后其实也就是在编译包下的 lib 文件夹中）
每次更改 pom 依赖后，记得更新 jar 包，一般右下角都会弹出更新提示
\2. 配置 web.xml 文件（位置：webapp 下的 WEB-INF 中） tomcat 启动时，会加载此文件，从而扫描加载其他的配置文件
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
复制代码
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
复制代码
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
复制代码
其中包括了编码过滤、监听器、springmvc 配置、spring 容器中其他配置包括 mybatis 等、log4j 配置、项目访问默认欢迎页，如需添加自定义过滤器，也许在此配置
\3. 新建其他配置文件（位置：resoures 下） applicationContext.xml、springmvc.xml、mybatis.xml、jdbc.properties、日志配置（log4j.properties 和 log4j.xml 二选一，我用的 log4j.xml）
spring-mvc.xml
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<beans xmlns="http://www.springframework.org/schema/beans"
复制代码
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
复制代码
xmlns:context="http://www.springframework.org/schema/context"
复制代码
xmlns:mvc="http://www.springframework.org/schema/mvc"
复制代码
xmlns:aop="http://www.springframework.org/schema/aop"
复制代码
xmlns:task="http://www.springframework.org/schema/task"
复制代码
xsi:schemaLocation="http://www.springframework.org/schema/beans
复制代码
http://www.springframework.org/schema/beans/spring-beans.xsd
复制代码
http://www.springframework.org/schema/context
复制代码
http://www.springframework.org/schema/context/spring-context.xsd
复制代码
http://www.springframework.org/schema/mvc
复制代码
http://www.springframework.org/schema/mvc/spring-mvc.xsd
复制代码
http://www.springframework.org/schema/aop
复制代码
http://www.springframework.org/schema/aop/spring-aop.xsd
复制代码
http://www.springframework.org/schema/task
复制代码
http://www.springframework.org/schema/task/spring-task-3.0.xsd">
复制代码
<mvc:annotation-driven />
复制代码
<aop:aspectj-autoproxy proxy-target-class="true"/>
复制代码
<!-- 自动扫描，完成bean创建和自动依赖注入-->
复制代码
<context:component-scan base-package="com.biws" />
复制代码
<!--避免IE执行AJAX时，返回JSON出现下载文件 -->
复制代码
<bean id="mappingJacksonHttpMessageConverter"
复制代码
class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
复制代码
<property name="supportedMediaTypes">
复制代码
<value>text/html;charset=UTF-8</value>
复制代码
<!-- 启动SpringMVC的注解功能，完成请求和注解POJO的映射 -->
复制代码
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
复制代码
<property name="messageConverters">
复制代码
<bean class="org.springframework.http.converter.ByteArrayHttpMessageConverter"/>
复制代码
<ref bean="mappingJacksonHttpMessageConverter" /> <!-- JSON转换器 -->
复制代码
<!-- 对模型视图名称的解析,即在模型视图名称添加前后缀 -->
复制代码
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
复制代码
<property name="prefix" value="/" />
复制代码
<property name="suffix" value=".html" />
复制代码
<!--<!–对上传文件的支持，springMVC其实是用common-upload来实现 –>
复制代码
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
复制代码
<property name="maxUploadSize" value="102400000"></property> <!– 100M –>
复制代码
<property name="defaultEncoding" value="utf-8"></property>
复制代码
<bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">
复制代码
<!--<property name="defaultErrorView">
复制代码
<value>/base/error</value>
复制代码
<property name="defaultStatusCode">
复制代码
<property name="warnLogCategory">
复制代码
<value>org.springframework.web.servlet.handler.SimpleMappingExceptionResolver</value>
复制代码
<mvc:default-servlet-handler/>
复制代码
<task:executor id="executor" pool-size="5" />
复制代码
<task:scheduler id="scheduler" pool-size="10" />
复制代码
<task:annotation-driven executor="executor" scheduler="scheduler" />
复制代码
spring-applicationContext
后来的其他配置文件也可以在这个里边引入比如：shiro、redis 集群、cache-redis 缓存、自定义组件等等（优点：不用再去动 web.xml 的配置）
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<beans xmlns="http://www.springframework.org/schema/beans"
复制代码
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
复制代码
xsi:schemaLocation="http://www.springframework.org/schema/beans
复制代码
http://www.springframework.org/schema/beans/spring-beans-4.0.xsd">
复制代码
<import resource="classpath*:spring-mybatis.xml"/>
复制代码
spring-mybatis.xml
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
复制代码
xmlns:context="http://www.springframework.org/schema/context"
复制代码
xmlns:tx="http://www.springframework.org/schema/tx"
复制代码
xmlns:aop="http://www.springframework.org/schema/aop"
复制代码
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
复制代码
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd
复制代码
http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
复制代码
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd">
复制代码
<context:component-scan base-package="com.biws"/>
复制代码
<context:property-placeholder ignore-unresolvable="true" location="classpath:jdbc.properties"/>
复制代码
<bean name="dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close">
复制代码
<property name="driverClassName" value="${jdbc.driver}" />
复制代码
<property name="url" value="${jdbc.url}" />
复制代码
<property name="username" value="${jdbc.username}" />
复制代码
<property name="password" value="${jdbc.password}" />
复制代码
<property name="initialSize" value="${jdbc.initialSize}"/>
复制代码
<property name="maxActive" value="${jdbc.maxActive}"/>
复制代码
<property name="minIdle" value="${jdbc.minIdle}"/>
复制代码
<property name="maxWait" value="${jdbc.maxWait}" />
复制代码
<property name="removeAbandoned" value="${jdbc.removeAbandoned}" />
复制代码
<property name="removeAbandonedTimeout" value="${jdbc.removeAbandonedTimeout}" />
复制代码
<!-- 配置间隔多久才进行一次检测，检测需要关闭的空闲连接，单位是毫秒 -->
复制代码
<property name="timeBetweenEvictionRunsMillis" value="${jdbc.timeBetweenEvictionRunsMillis}" />
复制代码
<!-- 配置一个连接在池中最小生存的时间，单位是毫秒 -->
复制代码
<property name="minEvictableIdleTimeMillis" value="${jdbc.minEvictableIdleTimeMillis}" />
复制代码
<!-- 用来检测连接是否有效的sql，要求是一个查询语句-->
复制代码
<property name="validationQuery" value="${jdbc.validationQuery}" />
复制代码
<property name="testWhileIdle" value="${jdbc.testWhileIdle}" />
复制代码
<!-- 申请连接时执行validationQuery检测连接是否有效，配置为true会降低性能 -->
复制代码
<property name="testOnBorrow" value="${jdbc.testOnBorrow}" />
复制代码
<!-- 归还连接时执行validationQuery检测连接是否有效，配置为true会降低性能 -->
复制代码
<property name="testOnReturn" value="${jdbc.testOnReturn}" />
复制代码
<property name="logAbandoned" value="true" />
复制代码
<!-- 配置监控统计拦截的filters，wall用于防止sql注入，stat用于统计分析 -->
复制代码
<property name="filters" value="stat" />
复制代码
<!-- MyBatis SqlSessionFactoryBean 配置 -->
复制代码
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
复制代码
<property name="dataSource" ref="dataSource"/>
复制代码
<!-- 自动扫描Mapping.xml文件 -->
复制代码
<property name="mapperLocations" value="classpath:com/biws/mapper/xml/*.xml"/>
复制代码
<!-- 配置MyBaties全局配置文件:mybatis-config.xml -->
复制代码
<property name="configLocation" value="classpath:mybatis-config.xml"/>
复制代码
<!-- 扫描model包 xml中parameterType就可以使用类名，不用全路径 -->
复制代码
<property name="typeAliasesPackage" value="com.biws.model"/>
复制代码
<!-- 加载 mapper.xml对应的接口 配置文件 -->
复制代码
<bean id="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
复制代码
<property name="basePackage" value="com.biws.mapper"/>
复制代码
<!-- 注入sqlSessionFactory -->
复制代码
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" />
复制代码
<!-- (事务管理)transaction manager, use JtaTransactionManager for global tx -->
复制代码
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
复制代码
<property name="dataSource" ref="dataSource" />
复制代码
<tx:annotation-driven transaction-manager="transactionManager"/>
复制代码
mybatis-config.xml
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD SQL Map Config 3.0//EN"
复制代码
"http://mybatis.org/dtd/mybatis-3-config.dtd">
复制代码
| plugins在配置文件中的位置必须符合要求，否则会报错，顺序如下:
复制代码
| properties?, settings?,
复制代码
| typeAliases?, typeHandlers?,
复制代码
| objectFactory?,objectWrapperFactory?,
复制代码
| environments?, databaseIdProvider?, mappers?
复制代码
| aggressiveLazyLoading true, 当设置为‘true’的时候，懒加载的对象可能被任何懒属性全部加载。否则，每个属性都按需加载。
复制代码
| multipleResultSetsEnabled true, 允许和不允许单条语句返回多个数据集（取决于驱动需求）
复制代码
| useColumnLabel true, 使用列标签代替列名称。不同的驱动器有不同的作法。参考一下驱动器文档，或者用这两个不同的选项进行测试一下。
复制代码
| useGeneratedKeys false, 允许JDBC 生成主键。需要驱动器支持。如果设为了true，这个设置将强制使用被生成的主键，有一些驱动器不兼容不过仍然可以执行。
复制代码
| autoMappingBehavior PARTIAL, 指定MyBatis 是否并且如何来自动映射数据表字段与对象的属性。PARTIAL将只自动映射简单的，没有嵌套的结果。FULL 将自动映射所有复杂的结果。
复制代码
| defaultExecutorType SIMPLE, 配置和设定执行器，SIMPLE 执行器执行其它语句。REUSE 执行器可能重复使用prepared statements 语句，BATCH执行器可以重复执行语句和批量更新。
复制代码
| defaultStatementTimeout null, 设置一个时限，以决定让驱动器等待数据库回应的多长时间为超时
复制代码
<!-- 这个配置使全局的映射器启用或禁用缓存 -->
复制代码
<setting name="cacheEnabled" value="true"/>
复制代码
<!-- 全局启用或禁用延迟加载。当禁用时，所有关联对象都会即时加载 -->
复制代码
<setting name="lazyLoadingEnabled" value="true"/>
复制代码
<setting name="multipleResultSetsEnabled" value="true"/>
复制代码
<setting name="useColumnLabel" value="true"/>
复制代码
<setting name="defaultExecutorType" value="REUSE"/>
复制代码
<setting name="defaultStatementTimeout" value="25000"/>
复制代码
<!-- 让控制台打印sql语句，注释掉则没有 -->
复制代码
<setting name="logImpl" value="STDOUT_LOGGING" />
复制代码
<setting name="callSettersOnNulls" value="true" />
复制代码
jdbc.properties
创建这个配置文件的时候一定要注意自己的数据库的 ip 链接，账号和密码，我这边使用的虚拟机的数据库，本地没有安装，所以这个地方我用的是我虚拟机的 ip 地址
jdbc.driver=com.mysql.jdbc.Driver
复制代码
jdbc.url=jdbc:mysql://192.168.79.7:3306/test?useUnicode=true&characterEncoding=utf-8
复制代码
jdbc.removeAbandoned=true
复制代码
jdbc.removeAbandonedTimeout=1800
复制代码
jdbc.timeBetweenEvictionRunsMillis=60000
复制代码
jdbc.minEvictableIdleTimeMillis=25200000
复制代码
jdbc.validationQuery=select getdate()
复制代码
log4j.xml
<?xml version="1.0" encoding="utf-8"?>
复制代码
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
复制代码
<log4j:configuration xmlns:log4j='http://jakarta.apache.org/log4j/'>
复制代码
<!--ConsoleAppender：输出到控制台-->
复制代码
<appender name="STDOUT" class="org.apache.log4j.ConsoleAppender">
复制代码
<!--<param name="encoding" value="UTF-8"/>-->
复制代码
<layout class="org.apache.log4j.PatternLayout">
复制代码
<param name="ConversionPattern" value="%d [%t] %p - %m%n"/>
复制代码
<filter class="org.apache.log4j.varia.LevelRangeFilter">
复制代码
<param name="levelMin" value="DEBUG"/>
复制代码
<param name="levelMax" value="FATAL"/>
复制代码
<!-- 设置日志输出的xxx，默认是false -->
复制代码
<param name="AcceptOnMatch" value="true"/>
复制代码
<appender name="PROJECT" class="org.apache.log4j.DailyRollingFileAppender">
复制代码
<param name="file" value="${catalina.home}/logs/ceshi/info.log"/>
复制代码
<param name="encoding" value="UTF-8"/>
复制代码
<param name="threshold" value="info"/>
复制代码
<!-- 设置是否在重新启动服务时，在原有日志的基础添加新日志 -->
复制代码
<param name="Append" value="true"/>
复制代码
<param name="MaxBackupIndex" value="10"/>
复制代码
<!-- 设置当日志文件达到此阈值的时候自动回滚，单位可以是KB，MB，GB，默认单位是KB -->
复制代码
<param name="MaxFileSize" value="50MB"/>
复制代码
<layout class="org.apache.log4j.PatternLayout">
复制代码
<param name="ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>
复制代码
<appender name="PROJECT-ERROR" class="org.apache.log4j.DailyRollingFileAppender">
复制代码
<param name="file" value="${catalina.home}/logs/ceshi/error.log"/>
复制代码
<param name="append" value="true"/>
复制代码
<param name="encoding" value="UTF-8"/>
复制代码
<param name="threshold" value="error"/>
复制代码
<param name="MaxBackupIndex" value="10"/>
复制代码
<param name="MaxFileSize" value="50MB"/>
复制代码
<layout class="org.apache.log4j.PatternLayout">
复制代码
<param name="ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>
复制代码
<appender name="PROJECT-DEBUG" class="org.apache.log4j.DailyRollingFileAppender">
复制代码
<param name="file" value="${catalina.home}/logs/ceshi/debug.log"/>
复制代码
<param name="append" value="false"/>
复制代码
<param name="encoding" value="UTF-8"/>
复制代码
<param name="threshold" value="debug"/>
复制代码
<param name="MaxBackupIndex" value="10"/>
复制代码
<param name="MaxFileSize" value="50MB"/>
复制代码
<layout class="org.apache.log4j.PatternLayout">
复制代码
<param name="ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>
复制代码
<appender-ref ref="PROJECT"/>
复制代码
<appender-ref ref="PROJECT-DEBUG"/>
复制代码
<appender-ref ref="PROJECT-ERROR"/>
复制代码
<appender-ref ref="STDOUT"/>
复制代码
好了，经过以上一套噼里啪啦的操作，配置基本算是好了，接下来让我们写代码检验一下我们的配置到底对不对呢，激动人心的时刻就要来了
六、编写代码测试
\1. java 文件夹下，新建 package 包 com.biws，另外再新建包括 controller、mapper、model、service 的四个包
创建包，然后创建对应的类，这是我创建完成之后的一个目录结构，这个地方先创建包结构，然后再去创建了，按照我下面的步骤创建类，不然会报错
\2. 在每个包下分别新建代码文件：TestController.java、TpmTestLogService.java、TpmTestLogServiceImpl.java、TpmTestLogMapper.java、TpmTestLogMapper.xml、TpmTestLog
实体类：TpmTestLog.java
import java.io.Serializable;
复制代码
* @date ：Created in 2020/12/19 21:59
复制代码
public class TpmTestLog implements Serializable{
复制代码
* @字段:TESTMAIN_UUID CHAR(32)
复制代码
private String testmainUuid;
复制代码
* @字段:OPERATION VARCHAR(20)
复制代码
private String operation;
复制代码
* @字段:SYSCREATEDATE VARCHAR(25)
复制代码
private String syscreatedate;
复制代码
public Long getLogUuid() {
复制代码
public void setLogUuid(Long logUuid) {
复制代码
public String getTestmainUuid() {
复制代码
public void setTestmainUuid(String testmainUuid) {
复制代码
this.testmainUuid = testmainUuid;
复制代码
public String getOperation() {
复制代码
public void setOperation(String operation) {
复制代码
this.operation = operation;
复制代码
public String getSyscreatedate() {
复制代码
public void setSyscreatedate(String syscreatedate) {
复制代码
this.syscreatedate = syscreatedate;
复制代码
public String toString() {
复制代码
", testmainUuid='" + testmainUuid + '\'' +
复制代码
", operation='" + operation + '\'' +
复制代码
", syscreatedate='" + syscreatedate + '\'' +
复制代码
数据库交互层 dao 接口：TpmTestLogMapper.java
import com.biws.model.TpmTestLog;
复制代码
* @date ：Created in 2020/12/19 21:56
复制代码
public interface TpmTestLogMapper {
复制代码
Long insert(TpmTestLog tpmTestLog);
复制代码
对应的 xml：TpmTestLogMapper.xml
<?xml version="1.0" encoding="UTF-8"?>
复制代码
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
复制代码
<mapper namespace="com.test.mapper.TpmTestLogMapper">
复制代码
<resultMap type="com.test.model.TpmTestLog" id="mTpmTestLog" autoMapping="true">
复制代码
<sql id="mTpmTestLogSql">
复制代码
TESTMAIN_UUID AS testmainUuid,
复制代码
SYSCREATEDATE AS syscreatedate
复制代码
<insert id="insert" parameterType="TpmTestLog" useGeneratedKeys="true" keyProperty="logUuid">
复制代码
INSERT INTO TPM_TEST_LOG (LOG_UUID,
复制代码
业务层接口类 sercice：TpmTestLogService.java
package com.biws.service;
复制代码
import com.biws.model.TpmTestLog;
复制代码
* @date ：Created in 2020/12/19 21:55
复制代码
public interface TpmTestLogService {
复制代码
Long ceshi(TpmTestLog tpmTestLog);
复制代码
业务层的实现类 impl：TpmTestLogServiceImpl.java
package com.biws.service.impl;
复制代码
import com.biws.mapper.TpmTestLogMapper;
复制代码
import com.biws.model.TpmTestLog;
复制代码
import com.biws.service.TpmTestLogService;
复制代码
import org.springframework.beans.factory.annotation.Autowired;
复制代码
import org.springframework.stereotype.Service;
复制代码
import org.springframework.transaction.annotation.Transactional;
复制代码
* @date ：Created in 2020/12/19 21:59
复制代码
public class TmpTestLogServiceImpl implements TpmTestLogService {
复制代码
private TpmTestLogMapper tpmTestLogMapper;
复制代码
public Long ceshi(TpmTestLog tpmTestLog) {
复制代码
return tpmTestLogMapper.insert(tpmTestLog);
复制代码
接口逻辑层 controller：TestController.java
package com.biws.controller;
复制代码
import com.alibaba.fastjson.JSONObject;
复制代码
import com.biws.model.TpmTestLog;
复制代码
import com.biws.service.TpmTestLogService;
复制代码
import org.springframework.beans.factory.annotation.Autowired;
复制代码
import org.springframework.web.bind.annotation.GetMapping;
复制代码
import org.springframework.web.bind.annotation.RequestMapping;
复制代码
import org.springframework.web.bind.annotation.RestController;
复制代码
* @date ：Created in 2020/12/19 21:55
复制代码
public class TestController {
复制代码
private TpmTestLogService tpmTestLogService;
复制代码
public JSONObject test(){
复制代码
JSONObject jsonObject = new JSONObject();
复制代码
TpmTestLog tpmTestLog = new TpmTestLog();
复制代码
tpmTestLog.setSyscreatedate("asfasgags");
复制代码
tpmTestLog.setTestmainUuid("fdasgassfsarew");
复制代码
tpmTestLog.setOperation("新增");
复制代码
tpmTestLogService.ceshi(tpmTestLog);
复制代码
jsonObject.put("title", "测试成功" + tpmTestLog.getLogUuid());
复制代码
\3. 数据库交互，测试表以及数据库连接文件 jdbc 中的配置（文中 5.3 已有配置文件） Table：TPM_TEST_LOG
SET FOREIGN_KEY_CHECKS = 0;
复制代码
-- ----------------------------
复制代码
-- Table structure for `TPM_TEST_LOG`
复制代码
-- ----------------------------
复制代码
DROP TABLE IF EXISTS `TPM_TEST_LOG`;
复制代码
CREATE TABLE `TPM_TEST_LOG` (
复制代码
`LOG_UUID` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主键',
复制代码
`TESTMAIN_UUID` varchar(32) COLLATE utf8_bin DEFAULT NULL,
复制代码
`OPERATION` varchar(20) COLLATE utf8_bin DEFAULT NULL,
复制代码
`SYSCREATEDATE` varchar(25) COLLATE utf8_bin DEFAULT NULL,
复制代码
) ENGINE=InnoDB AUTO_INCREMENT=26 DEFAULT CHARSET=utf8 COLLATE=utf8_bin;
复制代码
SET FOREIGN_KEY_CHECKS = 1;
复制代码
\4. 测试接口 因为是写的测试是 get 请求，所以可以直接在浏览器中测试，地址栏输入接口地址（4.4 中你配置的地址），回车访问，如下图
七、前端页面和接口交互测试
\1. 编写前端页面测试代码（不要说你是后台，不会写前端代码，不会也没关系，直接 copy 吧，有问题找 google）
window.onload = function () {
复制代码
var ajax = new XMLHttpRequest();
复制代码
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
复制代码
ajax.open('get', '/api/test');
复制代码
//步骤四:注册事件 onreadystatechange 状态改变就会调用
复制代码
ajax.onreadystatechange = function () {
复制代码
if (ajax.readyState == 4 && ajax.status == 200) {
复制代码
//步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
复制代码
console.log(ajax.responseText);//输入相应的内容
复制代码
console.log(JSON.parse(ajax.responseText).title);
复制代码
console.log(document.getElementsByTagName("h2")[0])
复制代码
document.getElementsByTagName("h2")[0].innerText = JSON.parse(ajax.responseText).title;
复制代码
\2. 接下来见证奇迹，打开页面地址：http://localhost:8085/index.html
后台经过与数据库交互后，把插入数据库后生成的主键 4 返回给前端，前端显示在页面中
到这里这个简单的 ssm 框架就算搭建完成了，看起来过程很长，但实际操作起来应该是很快的，有问题欢迎留言，大家可以一起探讨！
源码地址：https://gitee.com/biwangsheng/java.git有需要的朋友可以自行获取
码字不易，且行且珍惜，如发现问题，欢迎指正，java 深似海，小白在路上！
评论