idea 2020.2 如何设置classpath_IDEA 搭建简单 ssm 框架最详细最简单教程

点击上方 好好学java ,选择 星标 公众号

重磅资讯、干货,第一时间送达655632c71661ab5711ff711b0b0c77e8.png

今日推荐:什么是ZooKeeper?

个人原创博客:点击前往

原文:https://www.cnblogs.com/mufengforward/p/9198612.html

为开发一个测试程序,特搭建一个简单的ssm框架,因为网上看到很多都是比较老旧的教程,很多包都不能用了,eclipes搭建并且其中还附带了很多的其他东西,所以特此记录一下mac中idea搭建过程。

以下为一步步操作,详细可循,完全学习了白居易写诗的风格,堪称傻瓜教程。

一、搭建背景及准备条件

不是必须的,保证项目运行只要有这些东西就行,可以不一样

mac下idea,maven3.6.0,jdk1.8,tomcat8,mysql5.7

二、搭建开始——新建项目

  1. file -> new -> project

    958ab90861dd9e6383c1d1c44f9df2b1.png
  2. 新建maven项目,如图勾选 create from archetype,并选择 maven-archetype-webapp,next

    38966bbe4de1e0052dba9458a4601513.png
  3. 输入坐标及项目名,next

8d15df2fd249f0f15c1240f14c61b2d7.png
  1. 选择maven配置,选择你自己的maven,next

7c376ff69ccc2e7902c0ff55041dfdc1.png
  1. 确定项目名,finish

d92507fbdf488479ffe5328ef0eb96c0.png
  1. 成功后的项目结构

1547ed4af54723192bd973d395ebdd52.png

三、完善项目结构

  1. 新建java目录  src/main/java

15bf95009d79636bb2d5bcc3ce54b291.png
2919ab5476c52eda9fa54f4a748f1cb9.png
  1. 新建资源目录  resources

67fe143c71ec2aaae35f90b67557d559.png
  1. 新建webapp目录  webapp,同样的方法,不过idea会自动创建里边的WEB-INF等文件

ed486513b5b2f4fbe0ffc3c2244f7ea5.png
  1. 现在基本目录结构已建成,让我们对比一下看是不是一样的,见证奇迹

ff382c609879757648e4a07ad0e44b4f.png
  1. 将响应目录 右键 设置为对应属性  java标记为Soures Root  resources标记为Resources Root

b8f1fc2c8ddfc5b421f3461bc4227e38.png
  1. 设置为web项目,标记webapp为 web    file -> Project Structure -> Models

39b0f4c1546b1f49afd5db34bb929d7a.png
819eea977d5d8fb7fc69678f81be54f2.png
  1. 在上图标记的 1,2 处 编辑修改路径 为 自己webapp的路径

f74943bbe78791e90cad5ee07b203cc4.png
42af76c8994c29b06621cff73e390804.png
  1. 此时目录结构已经完善完成,移步下图

1a3a5787cb08a1f1e87d4d803e65daab.png

四、初步配置启动tomcat服务

  1. 导入项目包 test2:war exploded  file -> Project Structure -> Models

626fd01ab957d523b6488c4e66aa58bc.png

选择你的项目,点击右下角 open

f1c3cc6af1d1f336d486fac97216bb3c.png

选择maven,一路next下去,最后点击神圣的finish按钮,OK。(可能无此步骤,没有则忽略)

8ed4a2374b8006e355722303a7bd299e.png
  1. 还是刚才的界面,选择 Artifacts  此时第一次是会默认有两个包,如果没有则进行此步操作 file -> Project Structure -> Artifacts

874ad7b0993342bd4d84c2c52a16dca7.png

选择,点击右下 OK按钮

fea0e353e96b671a535c1769fa81a991.png

最终想要得到的结果如下图:

c6fb8b4041fa2470288fe2702e89efd5.png
  1. 进行了上述每一步操作后,很关键的要保存,点击apply 或者ok,apply按钮是不可点击状态才能关闭此面板哦,不然刚才所有操作都白费了

3401006ad418cfbedcc88daf138b1b15.png
  1. 添加tomcat,进行相关配置      点击面板右上角

7578f6a1d80c958a00199e2a27ef0936.png

添加配置tomcat

757a1f18c6de8190fcbe9847ecbd1641.png

添加刚才生成的包

7386bf4f5d37d6f718eb10ae9ede9502.png

最后点击,apply,ok,好了完事了,准备运行吧

5eeee7e2bebfc5784e88d041051d22ca.png
  1. 运行tomcat   右上角面板选择debug模式运行(也可以普通模式)

68fbe9de06c5c006fe0cfa4f4b2a1068.png

运行成功,页面显示默认生成的index.jsp的内容  

4a93423629b1788c894231c132eb5508.png

五、配置spring容器等相关配置文件

  1. 在poom.xml(位置:项目的根目录下)中引入必要的poom依赖(其中包括了spring、springmvc、jdbc、mysql、druid连接池、mybatis、lombok插件、juni他、其他工具包 )

<?xml  version="1.0" encoding="UTF-8"?>
"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">4.0.0com.testtest1.0-SNAPSHOTwar4.3.7.RELEASE3.5.0org.springframeworkspring-webmvc${org.springframework.version}org.springframeworkspring-jdbc${org.springframework.version}org.aspectjaspectjweaver1.7.4mysqlmysql-connector-java5.1.26com.alibabadruid1.0.11org.mybatismybatis3.4.2org.mybatismybatis-spring1.3.1org.springframeworkspring-tx4.3.7.RELEASEcom.fasterxml.jackson.corejackson-databind2.5.0org.projectlomboklombok1.18.0com.alibabafastjson1.1.39junitjunit4.12log4jlog4j1.2.14commons-loggingcommons-logging1.2org.slf4jslf4j-api1.6.1org.slf4jslf4j-log4j121.6.1src/main/java**/*.javasrc/main/resourcestruesrc/main/java**/*.xmlorg.apache.maven.pluginsmaven-compiler-plugin1.81.8UTF-8false

如果想要自己添加jar包,可以在WEB-INF中新建lib文件夹,然后放入你的jar包(poom依赖下载的jar包编译过后其实也就是在编译包下的lib文件夹中)

每次更改poom依赖后,记得更新jar包,一般右下角都会弹出更新提示

3d3e8c33ecca8475258d274519379b97.png
  1. 配置web.xml文件(位置:webapp下的WEB-INF中)  tomcat启动时,会加载此文件,从而扫描加载其他的配置文件

963baa3fc2e7a362e8f3584a62fe810c.png
<?xml  version="1.0" encoding="UTF-8"?>
"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">encodingFilterclass>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.xmlparam-value>context-param>
    <context-param>
        <param-name>log4jConfigLocationparam-name>
        <param-value>classpath:log4j.xmlparam-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配置、项目访问默认欢迎页,如需添加自定义过滤器,也许在此配置

  1. 新建其他配置文件(位置:resoures下) applicationContext.xml、springmvc.xml、mybatis.xml、jdbc.properties、日志配置(log4j.properties和log4j.xml二选一,我用的log4j.xml)

df7431d603ff271dad2455b2c44bab30.png

spring-mvc.xml

<?xml  version="1.0" encoding="UTF-8"?>
"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">class="true"/>package="com.test" />"mappingJacksonHttpMessageConverter"class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">"supportedMediaTypes">text/html;charset=UTF-8class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">"messageConverters">class="org.springframework.http.converter.ByteArrayHttpMessageConverter"/>"mappingJacksonHttpMessageConverter" />  "viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">"prefix" value="/" />"suffix" value=".html" />"exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">"defaultStatusCode">500"warnLogCategory">org.springframework.web.servlet.handler.SimpleMappingExceptionResolverdefault-servlet-handler/>"executor" pool-size="5" />"scheduler" pool-size="10" />"executor" scheduler="scheduler" />

spring-applicationContext      后来的其他配置文件也可以在这个里边引入比如:shiro、redis集群、cache-redis缓存、自定义组件等等(优点:不用再去动web.xml的配置)

<?xml  version="1.0" encoding="UTF-8"?>
"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"?>
"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">package="com.test"/>"true" location="classpath:jdbc.properties"/>"dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close">"driverClassName" value="${jdbc.driver}" />"url" value="${jdbc.url}" />"username" value="${jdbc.username}" />"password" value="${jdbc.password}" />"initialSize" value="${jdbc.initialSize}"/>"maxActive" value="${jdbc.maxActive}"/>"minIdle" value="${jdbc.minIdle}"/>"maxWait" value="${jdbc.maxWait}" />"removeAbandoned" value="${jdbc.removeAbandoned}" />"removeAbandonedTimeout" value="${jdbc.removeAbandonedTimeout}" />"timeBetweenEvictionRunsMillis" value="${jdbc.timeBetweenEvictionRunsMillis}" />"minEvictableIdleTimeMillis" value="${jdbc.minEvictableIdleTimeMillis}" />"validationQuery" value="${jdbc.validationQuery}" />"testWhileIdle" value="${jdbc.testWhileIdle}" />"testOnBorrow" value="${jdbc.testOnBorrow}" />"testOnReturn" value="${jdbc.testOnReturn}" />"logAbandoned" value="true" />"filters" value="stat" />"sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">"dataSource" ref="dataSource"/>"mapperLocations" value="classpath:com/test/mapper/xml/*.xml"/>"configLocation" value="classpath:mybatis-config.xml"/>"typeAliasesPackage" value="com.test.model"/>"mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">"basePackage" value="com.test.mapper"/>"sqlSessionFactoryBeanName" value="sqlSessionFactory" />"transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">"dataSource" ref="dataSource" />"transactionManager"/>

mybatis-config.xml

<?xml  version="1.0" encoding="UTF-8"?>
configuration PUBLIC "-//mybatis.org//DTD SQL Map Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">

"cacheEnabled" value="true"/>"lazyLoadingEnabled" value="true"/>"multipleResultSetsEnabled" value="true"/>"useColumnLabel" value="true"/>"defaultExecutorType" value="REUSE"/>"defaultStatementTimeout" value="25000"/>"logImpl" value="STDOUT_LOGGING" />"callSettersOnNulls" value="true" />

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"?>
log4j:configuration SYSTEM "log4j.dtd">
'http://jakarta.apache.org/log4j/'>"STDOUT" class="org.apache.log4j.ConsoleAppender">class="org.apache.log4j.PatternLayout">"ConversionPattern" value="%d [%t] %p - %m%n"/>class="org.apache.log4j.varia.LevelRangeFilter">"levelMin" value="DEBUG" />"levelMax" value="FATAL" />"AcceptOnMatch" value="true" />"PROJECT" class="org.apache.log4j.DailyRollingFileAppender">"file" value="${catalina.home}/logs/ceshi/info.log"/>"encoding" value="UTF-8"/>"threshold" value="info"/>"Append" value="true" />"MaxBackupIndex" value="10" />"MaxFileSize" value="50MB" />class="org.apache.log4j.PatternLayout">"ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>"PROJECT-ERROR" class="org.apache.log4j.DailyRollingFileAppender">"file" value="${catalina.home}/logs/ceshi/error.log"/>"append" value="true"/>"encoding" value="UTF-8"/>"threshold" value="error"/>"MaxBackupIndex" value="10" />"MaxFileSize" value="50MB" />class="org.apache.log4j.PatternLayout">"ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>"PROJECT-DEBUG" class="org.apache.log4j.DailyRollingFileAppender">"file" value="${catalina.home}/logs/ceshi/debug.log"/>"append" value="false"/>"encoding" value="UTF-8"/>"threshold" value="debug"/>"MaxBackupIndex" value="10" />"MaxFileSize" value="50MB" />class="org.apache.log4j.PatternLayout">"ConversionPattern" value="%d [%X{requestURIWithQueryString}] %-5p %c{2} - %m%n"/>"DEBUG"/>"PROJECT"/>"PROJECT-DEBUG"/>"PROJECT-ERROR"/>"STDOUT"/>

好了,经过以上一套噼里啪啦的操作,配置基本算是好了,接下来让我们写代码检验一下我们的配置到底对不对呢,激动人心的时刻就要来了

六、编写代码测试

  1. java文件夹下,新建package包com.test,另外再新建包括controller、mapper、model、service的四个包

abbd74c1bd4610451bacf0395ebaeb99.png

新建完结构如图所示

0c0136ebd5594ada0f2bc6c026944f78.png
  1. 在每个包下分别新建代码文件:TestController.java、TpmTestLogService.java、TpmTestLogServiceImpl.java、TpmTestLogMapper.java、TpmTestLogMapper.xml、TpmTestLog

d3ee877af0817307ca04760d5482ccee.png

实体类: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

<?xml  version="1.0" encoding="UTF-8"?>
mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
"com.test.mapper.TpmTestLogMapper">"com.test.model.TpmTestLog" id="mTpmTestLog" autoMapping="true">"mTpmTestLogSql">
        LOG_UUID AS logUuid,
        TESTMAIN_UUID AS testmainUuid,
        OPERATION AS operation,
        SYSCREATEDATE AS syscreatedate"insert" parameterType="TpmTestLog" useGeneratedKeys="true" keyProperty="logUuid">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;
    }

}
  1. 数据库交互,测试表以及数据库连接文件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;
  1. 测试接口  因为是写的测试是get请求,所以可以直接在浏览器中测试,地址栏输入接口地址(4.4中你配置的地址),回车访问,如下图

080df4d01725d90ca47d4b44075a7461.png

七、前端页面和接口交互测试

  1. 编写前端页面测试代码(不要说你是后台,不会写前端代码,不会也没关系,直接copy吧,有问题找google)

03d2619ecb2e1b465b4fbd9c9887fe52.png

前边生成的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;
            }
        }
    }
  1. 接下来见证奇迹,打开页面地址:http://localhost:8085/index.jsp

635345192fd9ae25d2adc0a051df9843.png

后台经过与数据库交互后,把插入数据库后生成的主键4返回给前端,前端显示在页面中

到这里这个简单的ssm框架就算搭建完成了,看起来过程很长,但实际操作起来应该是很快的,有问题欢迎留言,大家可以一起探讨!

码字不易,且行且珍惜,如发现问题,欢迎指正,java深似海,小白在路上!

idea搭建简单ssm框架的最详细教程,idea搭建简单ssm框架的最详细教程,idea搭建简单ssm框架的最详细教程

推荐阅读:

这样配置:让你的 IDEA 好用到飞起来

告诉你一种精简、优化代码的方式

分布式事务不理解?一次给你讲清楚!

7441b03388212c085522073a5b599cb2.png

推荐➷➷➷

关注查看:福利,获取福利资源

b687965b53d61fb9103eac1b0c7d2750.png

Coding这件小事

点个“在看”再走吧,谢谢?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值