-
20000+源码输出纯净版 SSM 架构，收藏直接 CV 使用它不香吗？
之前的时候写过一篇文章，因为各种原因，需要搭建一套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"
version="4.0">
</web-app>
其中包括了编码过滤、监听器、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">
<!--开启springMVC注解模式-->
<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">
<list>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- 启动SpringMVC的注解功能，完成请求和注解POJO的映射 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<bean class="org.springframework.http.converter.ByteArrayHttpMessageConverter"/>
<ref bean="mappingJacksonHttpMessageConverter" /> <!-- JSON转换器 -->
</list>
</property>
</bean>
<!-- 对模型视图名称的解析,即在模型视图名称添加前后缀 -->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!-- 查找视图页面的前缀和后缀 -->
<property name="prefix" value="/" />
<property name="suffix" value=".html" />
</bean>
<!--<!–对上传文件的支持，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>-->
<!-- 总错误处理-->
<bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">
<!--<property name="defaultErrorView">
<value>/base/error</value>
</property>-->
<property name="defaultStatusCode">
<value>500</value>
</property>
<property name="warnLogCategory">
<value>org.springframework.web.servlet.handler.SimpleMappingExceptionResolver</value>
</property>
</bean>
<!--静态资源配置-->
<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" />
</beans>
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">
<!--mybatis配置-->
<import resource="classpath*:spring-mybatis.xml"/>
</beans>
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"
xsi:schemaLocation="
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">
<!-- 自动扫描，Bean注入 -->
<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" />
</bean>
<!-- 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"/>
</bean>
<!-- 加载 mapper.xml对应的接口 配置文件 -->
<bean id="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<!-- 给出需要扫描mapper接口包 -->
<property name="basePackage" value="com.biws.mapper"/>
<!-- 注入sqlSessionFactory -->
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" />
</bean>
<!-- (事务管理)transaction manager, use JtaTransactionManager for global tx -->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource" />
</bean>
<tx:annotation-driven transaction-manager="transactionManager"/>
</beans>
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?,
| plugins?,
| environments?, databaseIdProvider?, mappers?
|-->
<configuration>
<!--
| 全局配置设置
|
| 可配置选项 默认值, 描述
|
| 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, 设置一个时限，以决定让驱动器等待数据库回应的多长时间为超时
| -->
<settings>
<!-- 这个配置使全局的映射器启用或禁用缓存 -->
<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" />
</settings>
</configuration>
jdbc.properties
创建这个配置文件的时候一定要注意自己的数据库的ip链接，账号和密码，我这边使用的虚拟机的数据库，本地没有安装，所以这个地方我用的是我虚拟机的ip地址
#mysql
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://192.168.79.7:3306/test?useUnicode=true&characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456
jdbc.initialSize=3
jdbc.maxActive=1000
jdbc.minIdle=0
jdbc.maxWait=6000
jdbc.removeAbandoned=true
jdbc.removeAbandonedTimeout=1800
jdbc.timeBetweenEvictionRunsMillis=60000
jdbc.minEvictableIdleTimeMillis=25200000
jdbc.validationQuery=select getdate()
jdbc.testWhileIdle=false
jdbc.testOnBorrow=false
jdbc.testOnReturn=false
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"/>
</layout>
<filter class="org.apache.log4j.varia.LevelRangeFilter">
<!-- 设置日志输出的最小级别 -->
<param name="levelMin" value="DEBUG"/>
<!-- 设置日志输出的最大级别 -->
<param name="levelMax" value="FATAL"/>
<!-- 设置日志输出的xxx，默认是false -->
<param name="AcceptOnMatch" value="true"/>
</filter>
</appender>
<!--输出到日志文件-->
<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"/>
</layout>
</appender>
<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"/>
</layout>
</appender>
<!--开发测试使用debug级别-->
<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"/>
</layout>
</appender>
<!--总的日志级别-->
<root>
<level value="DEBUG"/>
<appender-ref ref="PROJECT"/>
<appender-ref ref="PROJECT-DEBUG"/>
<appender-ref ref="PROJECT-ERROR"/>
<appender-ref ref="STDOUT"/>
</root>
</log4j:configuration>
好了，经过以上一套噼里啪啦的操作，配置基本算是好了，接下来让我们写代码检验一下我们的配置到底对不对呢，激动人心的时刻就要来了
六、编写代码测试
\1. java文件夹下，新建package包com.biws，另外再新建包括controller、mapper、model、service的四个包
创建包，然后创建对应的类，这是我创建完成之后的一个目录结构，这个地方先创建包结构，然后再去创建了，按照我下面的步骤创建类，不然会报错
\2. 在每个包下分别新建代码文件：TestController.java、TpmTestLogService.java、TpmTestLogServiceImpl.java、TpmTestLogMapper.java、TpmTestLogMapper.xml、TpmTestLog
实体类：TpmTestLog.java
package com.biws.model;
import lombok.Data;
import java.io.Serializable;
/**
* @author ：biws
* @date ：Created in 2020/12/19 21:59
* @description：
*/
@Data
public class TpmTestLog implements Serializable{
/**
* @备注: 主键
* @字段:LOG_UUID bigint
*/
private Long logUuid;
/**
* @备注:
* @字段:TESTMAIN_UUID CHAR(32)
*/
private String testmainUuid;
/**
* @备注:
* @字段:OPERATION VARCHAR(20)
*/
private String operation;
/**
* @备注:
* @字段:SYSCREATEDATE VARCHAR(25)
*/
private String syscreatedate;
public Long getLogUuid() {
return logUuid;
}
public void setLogUuid(Long logUuid) {
this.logUuid = logUuid;
}
public String getTestmainUuid() {
return testmainUuid;
}
public void setTestmainUuid(String testmainUuid) {
this.testmainUuid = testmainUuid;
}
public String getOperation() {
return operation;
}
public void setOperation(String operation) {
this.operation = operation;
}
public String getSyscreatedate() {
return syscreatedate;
}
public void setSyscreatedate(String syscreatedate) {
this.syscreatedate = syscreatedate;
}
@Override
public String toString() {
return "TpmTestLog{" +
"logUuid=" + logUuid +
", testmainUuid='" + testmainUuid + '\'' +
", operation='" + operation + '\'' +
", syscreatedate='" + syscreatedate + '\'' +
'}';
}
}
数据库交互层dao接口：TpmTestLogMapper.java
package com.biws.mapper;
import com.biws.model.TpmTestLog;
/**
* @author ：biws
* @date ：Created in 2020/12/19 21:56
* @description：
*/
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">
</resultMap>
<sql id="mTpmTestLogSql">
LOG_UUID AS logUuid,
TESTMAIN_UUID AS testmainUuid,
OPERATION AS operation,
SYSCREATEDATE AS syscreatedate
</sql>
<insert id="insert" parameterType="TpmTestLog" useGeneratedKeys="true" keyProperty="logUuid">
INSERT INTO TPM_TEST_LOG (LOG_UUID,
TESTMAIN_UUID,
OPERATION,
SYSCREATEDATE)
VALUES (#{logUuid},
#{testmainUuid},
#{operation},
#{syscreatedate})
</insert>
</mapper>
业务层接口类sercice：TpmTestLogService.java
package com.biws.service;
import com.biws.model.TpmTestLog;
/**
* @author ：biws
* @date ：Created in 2020/12/19 21:55
* @description：
*/
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;
/**
* @author ：biws
* @date ：Created in 2020/12/19 21:59
* @description：
*/
@Service
@Transactional
public class TmpTestLogServiceImpl implements TpmTestLogService {
@Autowired
private TpmTestLogMapper tpmTestLogMapper;
@Override
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;
/**
* @author ：biws
* @date ：Created in 2020/12/19 21:55
* @description：
*/
@RestController
@RequestMapping("/api")
public class TestController {
@Autowired
private TpmTestLogService tpmTestLogService;
@GetMapping("/test")
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());
return jsonObject;
}
}
\3. 数据库交互，测试表以及数据库连接文件jdbc中的配置（文中5.3已有配置文件） Table：TPM_TEST_LOG
SET NAMES utf8mb4;
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,
PRIMARY KEY (`LOG_UUID`)
) ENGINE=InnoDB AUTO_INCREMENT=26 DEFAULT CHARSET=utf8 COLLATE=utf8_bin;
SET FOREIGN_KEY_CHECKS = 1;
\4. 测试接口 因为是写的测试是get请求，所以可以直接在浏览器中测试，地址栏输入接口地址（4.4中你配置的地址），回车访问，如下图
七、前端页面和接口交互测试
\1. 编写前端页面测试代码（不要说你是后台，不会写前端代码，不会也没关系，直接copy吧，有问题找google）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>执行到这里了</p>
<script>
window.onload = function () {
//步骤一:创建异步对象
var ajax = new XMLHttpRequest();
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
ajax.open('get', '/api/test');
//步骤三:发送请求
ajax.send();
//步骤四:注册事件 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;
}
}
}
</script>
</body>
</html>
\2. 接下来见证奇迹，打开页面地址：http://localhost:8085/index.html
后台经过与数据库交互后，把插入数据库后生成的主键4返回给前端，前端显示在页面中
到这里这个简单的ssm框架就算搭建完成了，看起来过程很长，但实际操作起来应该是很快的，有问题欢迎留言，大家可以一起探讨！
源码地址：https://gitee.com/biwangsheng/java.git有需要的朋友可以自行获取
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀（爬取学校通知公告）
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求：requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量？
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析：SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL，这些神奇的特性你知道吗？
openGauss内核分析：执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数
