为开发一个测试程序,特搭建一个简单的ssm框架,因为网上看到很多都是比较老旧的教程,很多包都不能用了,eclipes搭建并且其中还附带了很多的其他东西,所以特此记录一下mac中idea搭建过程。
另:平常开发的项目中其实用的不是mybatis,而是mybatisplus,一款为简化开发而生的基于mybatis的三方,只能说,用起来贼爽,省去了很多的sql语句。
以下为一步步操作,详细可循,完全学习了白居易写诗的风格,堪称傻瓜教程。
目录结构已建好的童鞋,可以直接跳过前几步去看相应配置文件,点击穿越
一、搭建背景及准备条件
不是必须的,保证项目运行只要有这些东西就行,可以不一样
mac下idea,maven3.6.0,jdk1.8,tomcat8,mysql5.7
二、搭建开始——新建项目
1. file -> new -> project
2. 新建maven项目,如图勾选 create from archetype,并选择 maven-archetype-webapp,next
3. 输入坐标及项目名,next
4. 选择maven配置,选择你自己的maven,next
5. 确定项目名,finish
6. 成功后的项目结构
三、完善项目结构
1. 新建java目录 src/main/java
2. 新建资源目录 resources
3. 新建webapp目录 webapp,同样的方法,不过idea会自动创建里边的WEB-INF等文件
4. 现在基本目录结构已建成,让我们对比一下看是不是一样的,见证奇迹
5. 将响应目录 右键 设置为对应属性 java标记为Soures Root resources标记为Resources Root
6. 设置为web项目,标记webapp为 web file -> Project Structure -> Models
7. 在上图标记的 1,2 处 编辑修改路径 为 自己webapp的路径
8. 此时目录结构已经完善完成,移步下图
四、初步配置启动tomcat服务
1. 导入项目包 test2:war exploded file -> Project Structure -> Models
选择你的项目,点击右下角 open
选择maven,一路next下去,最后点击神圣的finish按钮,OK。(可能无此步骤,没有则忽略)
2. 还是刚才的界面,选择 Artifacts 此时第一次是会默认有两个包,如果没有则进行此步操作 file -> Project Structure -> Artifacts
选择,点击右下 OK按钮
最终想要得到的结果如下图:
3. 进行了上述每一步操作后,很关键的要保存,点击apply 或者ok,apply按钮是不可点击状态才能关闭此面板哦,不然刚才所有操作都白费了
4. 添加tomcat,进行相关配置 点击面板右上角
添加配置tomcat
添加刚才生成的包
最后点击,apply,ok,好了完事了,准备运行吧
5. 运行tomcat 右上角面板选择debug模式运行(也可以普通模式)
运行成功,页面显示默认生成的index.jsp的内容 http://localhost:8085/
五、配置spring容器等相关配置文件
1. 在poom.xml(位置:项目的根目录下)中引入必要的poom依赖(其中包括了spring、springmvc、jdbc、mysql、druid连接池、mybatis、lombok插件、juni他、其他工具包 )
xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0modelVersion> <groupId>com.testgroupId> <artifactId>testartifactId> <version>1.0-SNAPSHOTversion> <packaging>warpackaging> <properties> <org.springframework.version>4.3.7.RELEASEorg.springframework.version> <mybatis.version>3.5.0mybatis.version> properties> <dependencies> <dependency> <groupId>org.springframeworkgroupId> <artifactId>spring-webmvcartifactId> <version>${org.springframework.version}version> dependency> <dependency> <groupId>org.springframeworkgroupId> <artifactId>spring-jdbcartifactId> <version>${org.springframework.version}version> dependency> <dependency> <groupId>org.aspectjgroupId> <artifactId>aspectjweaverartifactId> <version>1.7.4version> dependency> <dependency> <groupId>mysqlgroupId> <artifactId>mysql-connector-javaartifactId> <version>5.1.26version> dependency> <dependency> <groupId>com.alibabagroupId> <artifactId>druidartifactId> <version>1.0.11version> dependency> <dependency> <groupId>org.mybatisgroupId> <artifactId>mybatisartifactId> <version>3.4.2version> dependency> <dependency> <groupId>org.mybatisgroupId> <artifactId>mybatis-springartifactId> <version>1.3.1version> dependency> <dependency> <groupId>org.springframeworkgroupId> <artifactId>spring-txartifactId> <version>4.3.7.RELEASEversion> dependency> <dependency> <groupId>com.fasterxml.jackson.coregroupId> <artifactId>jackson-databindartifactId> <version>2.5.0version> dependency> <dependency> <groupId>org.projectlombokgroupId> <artifactId>lombokartifactId> <version>1.18.0version> dependency> <dependency> <groupId>com.alibabagroupId> <artifactId>fastjsonartifactId> <version>1.1.39version> dependency> <dependency> <groupId>junitgroupId> <artifactId>junitartifactId> <version>4.12version> dependency> <dependency> <groupId>log4jgroupId> <artifactId>log4jartifactId> <version>1.2.14version> dependency> <dependency> <groupId>commons-logginggroupId> <artifactId>commons-loggingartifactId> <version>1.2version> dependency> <dependency> <groupId>org.slf4jgroupId> <artifactId>slf4j-apiartifactId> <version>1.6.1version> dependency> <dependency> <groupId>org.slf4jgroupId> <artifactId>slf4j-log4j12artifactId> <version>1.6.1version> dependency> dependencies> <build> <resources> <resource> <directory>src/main/javadirectory> <excludes> <exclude>**/*.javaexclude> excludes> resource> <resource> <directory>src/main/resourcesdirectory> <filtering>truefiltering> resource> <resource> <directory>src/main/javadirectory> <includes> <include>**/*.xmlinclude> includes> resource> resources> <plugins> <plugin> <groupId>org.apache.maven.pluginsgroupId> <artifactId>maven-compiler-pluginartifactId> <configuration> <source>1.8source> <target>1.8target> <encoding>UTF-8encoding> <fork>falsefork> configuration> plugin> plugins> build> project>
如果想要自己添加jar包,可以在WEB-INF中新建lib文件夹,然后放入你的jar包(poom依赖下载的jar包编译过后其实也就是在编译包下的lib文件夹中)
每次更改poom依赖后,记得更新jar包,一般右下角都会弹出更新提示
2. 配置web.xml文件(位置:webapp下的WEB-INF中) tomcat启动时,会加载此文件,从而扫描加载其他的配置文件
xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0"> <filter> <filter-name>encodingFilterfilter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class> <async-supported>trueasync-supported> <init-param> <param-name>encodingparam-name> <param-value>UTF-8param-value> init-param> filter> <filter-mapping> <filter-name>encodingFilterfilter-name> <url-pattern>/*url-pattern> filter-mapping> <listener> <listener-class>org.springframework.web.context.ContextLoaderListenerlistener-class> listener> <listener> <listener-class>org.springframework.web.util.IntrospectorCleanupListenerlistener-class> listener> <context-param> <param-name>contextConfigLocationparam-name> <param-value> classpath*:spring-applicationContext.xml param-value> context-param> <context-param> <param-name>log4jConfigLocationparam-name> <param-value> classpath:log4j.xml param-value> context-param> <servlet> <servlet-name>springmvcservlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class> <init-param> <param-name>contextConfigLocationparam-name> <param-value>classpath*:spring-mvc.xmlparam-value> init-param> <load-on-startup>1load-on-startup> servlet> <servlet-mapping> <servlet-name>springmvcservlet-name> <url-pattern>/url-pattern> servlet-mapping> <welcome-file-list> <welcome-file>/index.jspwelcome-file> <welcome-file>/index.htmlwelcome-file> <welcome-file>/reg.htmlwelcome-file> welcome-file-list> 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"> <mvc:annotation-driven /> <aop:aspectj-autoproxy proxy-target-class="true"/> <context:component-scan base-package="com.test" /> <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8value> list> property> bean> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <bean class="org.springframework.http.converter.ByteArrayHttpMessageConverter"/> <ref bean="mappingJacksonHttpMessageConverter" /> list> property> bean> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/" /> <property name="suffix" value=".html" /> bean> <bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver"> <property name="defaultStatusCode"> <value>500value> property> <property name="warnLogCategory"> <value>org.springframework.web.servlet.handler.SimpleMappingExceptionResolvervalue> 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"> <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"> <context:component-scan base-package="com.test"/> <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}" /> <property name="validationQuery" value="${jdbc.validationQuery}" /> <property name="testWhileIdle" value="${jdbc.testWhileIdle}" /> <property name="testOnBorrow" value="${jdbc.testOnBorrow}" /> <property name="testOnReturn" value="${jdbc.testOnReturn}" /> <property name="logAbandoned" value="true" /> <property name="filters" value="stat" /> bean> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource"/> <property name="mapperLocations" value="classpath:com/test/mapper/xml/*.xml"/> <property name="configLocation" value="classpath:mybatis-config.xml"/> <property name="typeAliasesPackage" value="com.test.model"/> bean> <bean id="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.test.mapper"/> <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" /> bean> <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"> <configuration> <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"/> <setting name="logImpl" value="STDOUT_LOGGING" /> <setting name="callSettersOnNulls" value="true" /> settings> configuration>
jdbc.properties
#mysql jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://192.168.0.156:3306/test?useUnicode=true&characterEncoding=utf-8 jdbc.username=root jdbc.password=root 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/'> <appender name="STDOUT" class="org.apache.log4j.ConsoleAppender"> <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" /> <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" /> <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> <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.test,另外再新建包括controller、mapper、model、service的四个包
新建完结构如图所示
2. 在每个包下分别新建代码文件:TestController.java、TpmTestLogService.java、TpmTestLogServiceImpl.java、TpmTestLogMapper.java、TpmTestLogMapper.xml、TpmTestLog
实体类:TpmTestLog.java
package com.test.model; import lombok.Data; import java.io.Serializable; /** * @TpmTestLog * @(TPM_TEST_LOG) * @version : Ver 1.0 */ @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; }
数据库交互层dao接口:TpmTestLogMapper.java
package com.test.mapper; import com.test.model.TpmTestLog; /** * @TpmTestLogMapper * @Mapper * @version : Ver 1.0 */ public interface TpmTestLogMapper { Long insert(TpmTestLog tpmTestLog); }
对应的xml:TpmTestLogMapper.xml
LOG_UUID AS logUuid, TESTMAIN_UUID AS testmainUuid, OPERATION AS operation, SYSCREATEDATE AS syscreatedate INSERT INTO TPM_TEST_LOG (LOG_UUID, TESTMAIN_UUID, OPERATION, SYSCREATEDATE) VALUES (#{logUuid}, #{testmainUuid}, #{operation}, #{syscreatedate})
业务层接口类sercice:TpmTestLogService.java
package com.test.service; import com.test.model.TpmTestLog; /** * @TpmTestLogService * @Service * @version : Ver 1.0 */ public interface TpmTestLogService{ Long ceshi(TpmTestLog tpmTestLog); }
业务层的实现类impl:TpmTestLogServiceImpl.java
package com.test.service.impl; import com.test.mapper.TpmTestLogMapper; import com.test.model.TpmTestLog; import com.test.service.TpmTestLogService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; /** * @TpmTestLogServiceImpl * @ServiceImpl * @version : Ver 1.0 */ @Service @Transactional public class TpmTestLogServiceImpl implements TpmTestLogService { @Autowired private TpmTestLogMapper tpmTestLogMapper; @Override public Long ceshi(TpmTestLog tpmTestLog) { return tpmTestLogMapper.insert(tpmTestLog); } }
接口逻辑层controller:TestController.java
package com.test.controller; import com.alibaba.fastjson.JSONObject; import com.test.model.TpmTestLog; import com.test.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; @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)
前边生成的index.jsp我们稍加改动
Hello World!
由于页面中引用了万能的jquery语法,所以在webapp下新建js文件夹,并放入jquery文件,点击下载
不要问为什么要用jquery,怎么不用原生js,因为我愿意。
好吧,其实是为了代码的简洁高效,毕竟封装了很多方法,让我们可以更注重逻辑
当然原生的也不是不能写,下面是原生的js方法,只需将此方法放入index.jsp里边的script标签中即可,如果没有引入jquery,记得注释掉原来的方法
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; } } }
2. 接下来见证奇迹,打开页面地址:http://localhost:8085/index.jsp
后台经过与数据库交互后,把插入数据库后生成的主键4返回给前端,前端显示在页面中
到这里这个简单的ssm框架就算搭建完成了,看起来过程很长,但实际操作起来应该是很快的,有问题欢迎留言,大家可以一起探讨!
码字不易,且行且珍惜,如发现问题,欢迎指正,java深似海,小白在路上!
mapper注入失败问题可以参考:https://www.cnblogs.com/mufengforward/p/11127088.html