springMVC——SSM整合(IDEA 搭建简单 ssm 框架最详细最简单教程)
為開發一個測試程序,特搭建一個簡單的ssm框架,因為網上看到很多都是比較老舊的教程,很多包都不能用了,eclipes搭建并且其中還附帶了很多的其他東西,所以特此記錄一下mac中idea搭建過程。
以下為一步步操作,詳細可循,完全學習了白居易寫詩的風格,堪稱傻瓜教程。
一、搭建背景及準備條件
不是必須的,保證項目運行只要有這些東西就行,可以不一樣
mac下idea,maven3.6.0,jdk1.8,tomcat8,mysql5.7
二、搭建開始——新建項目
file -> new -> project
新建maven項目,如圖勾選 create from archetype,并選擇 maven-archetype-webapp,next
輸入坐標及項目名,next
?
?
選擇maven配置,選擇你自己的maven,next
確定項目名,finish
成功后的項目結構
三、完善項目結構
新建java目錄 ?src/main/java
?
?
新建資源目錄 ?resources
新建webapp目錄 ?webapp,同樣的方法,不過idea會自動創建里邊的WEB-INF等文件
現在基本目錄結構已建成,讓我們對比一下看是不是一樣的,見證奇跡
將響應目錄 右鍵 設置為對應屬性 ?java標記為Soures Root resources標記為Resources Root
設置為web項目,標記webapp為 web file -> Project Structure -> Models
在上圖標記的 1,2 處 編輯修改路徑 為 自己webapp的路徑
此時目錄結構已經完善完成,移步下圖
四、初步配置啟動tomcat服務
導入項目包 test2:war exploded file -> Project Structure -> Models
選擇你的項目,點擊右下角 open
選擇maven,一路next下去,最后點擊神圣的finish按鈕,OK。(可能無此步驟,沒有則忽略)
還是剛才的界面,選擇 Artifacts ?此時第一次是會默認有兩個包,如果沒有則進行此步操作 file -> Project Structure -> Artifacts
選擇,點擊右下 OK按鈕
最終想要得到的結果如下圖:
進行了上述每一步操作后,很關鍵的要保存,點擊apply 或者ok,apply按鈕是不可點擊狀態才能關閉此面板哦,不然剛才所有操作都白費了
添加tomcat,進行相關配置 ? ? ?點擊面板右上角
添加配置tomcat
添加剛才生成的包
最后點擊,apply,ok,好了完事了,準備運行吧
運行tomcat ? 右上角面板選擇debug模式運行(也可以普通模式)
運行成功,頁面顯示默認生成的index.jsp的內容
五、配置spring容器等相關配置文件
在poom.xml(位置:項目的根目錄下)中引入必要的poom依賴(其中包括了spring、springmvc、jdbc、mysql、druid連接池、mybatis、lombok插件、juni他、其他工具包 )
如果想要自己添加jar包,可以在WEB-INF中新建lib文件夾,然后放入你的jar包(poom依賴下載的jar包編譯過后其實也就是在編譯包下的lib文件夾中)
每次更改poom依賴后,記得更新jar包,一般右下角都會彈出更新提示
配置web.xml文件(位置:webapp下的WEB-INF中) tomcat啟動時,會加載此文件,從而掃描加載其他的配置文件
其中包括了編碼過濾、監聽器、springmvc配置、spring容器中其他配置包括mybatis等、log4j配置、項目訪問默認歡迎頁,如需添加自定義過濾器,也許在此配置
新建其他配置文件(位置: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/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context.xsdhttp://www.springframework.org/schema/mvchttp://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/aophttp://www.springframework.org/schema/aop/spring-aop.xsdhttp://www.springframework.org/schema/taskhttp://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.test"?/><!--避免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/beanshttp://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.xsdhttp://www.springframework.org/schema/context?http://www.springframework.org/schema/context/spring-context-4.0.xsdhttp://www.springframework.org/schema/tx?http://www.springframework.org/schema/tx/spring-tx-4.0.xsdhttp://www.springframework.org/schema/aop?http://www.springframework.org/schema/aop/spring-aop-4.0.xsd"><!--?自動掃描,Bean注入?--><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}"?/><!--?用來檢測連接是否有效的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/test/mapper/xml/*.xml"/><!--?配置MyBaties全局配置文件:mybatis-config.xml?--><property?name="configLocation"?value="classpath:mybatis-config.xml"/><!--?掃描model包?xml中parameterType就可以使用類名,不用全路徑?--><property?name="typeAliasesPackage"?value="com.test.model"/></bean><!--?加載?mapper.xml對應的接口?配置文件?--><bean?id="mapperScannerConfigurer"?class="org.mybatis.spring.mapper.MapperScannerConfigurer"><!--?給出需要掃描mapper接口包?--><property?name="basePackage"?value="com.test.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
#mysql jdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://192.168.0.156:3306/test?useUnicode=true&characterEncoding=utf-8 jdbc.username=root jdbc.password=rootjdbc.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=falselog4j.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>好了,經過以上一套噼里啪啦的操作,配置基本算是好了,接下來讓我們寫代碼檢驗一下我們的配置到底對不對呢,激動人心的時刻就要來了
六、編寫代碼測試
java文件夾下,新建package包com.test,另外再新建包括controller、mapper、model、service的四個包
新建完結構如圖所示
在每個包下分別新建代碼文件: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
<?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.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?{@Autowiredprivate?TpmTestLogMapper?tpmTestLogMapper;@Overridepublic?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?{@Autowiredprivate?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;}}數據庫交互,測試表以及數據庫連接文件jdbc中的配置(文中5.3已有配置文件) ?Table:TPM_TEST_LOG
測試接口 ?因為是寫的測試是get請求,所以可以直接在瀏覽器中測試,地址欄輸入接口地址(4.4中你配置的地址),回車訪問,如下圖
七、前端頁面和接口交互測試
編寫前端頁面測試代碼(不要說你是后臺,不會寫前端代碼,不會也沒關系,直接copy吧,有問題找google)
前邊生成的index.jsp我們稍加改動
<html> <body> <h2>Hello?World!</h2><script?src="./js/jquery.min.js"></script> <script>$(function(){$(document).ready(function(){$.getJSON("/api/test",function(res){console.log(res)$("h2").text(res.title)});})}) </script> </body> </html>由于頁面中引用了萬能的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;}}}接下來見證奇跡,打開頁面地址:http://localhost:8085/index.jsp
后臺經過與數據庫交互后,把插入數據庫后生成的主鍵4返回給前端,前端顯示在頁面中
到這里這個簡單的ssm框架就算搭建完成了,看起來過程很長,但實際操作起來應該是很快的,有問題歡迎留言,大家可以一起探討!
?
總結
以上是生活随笔為你收集整理的springMVC——SSM整合(IDEA 搭建简单 ssm 框架最详细最简单教程)的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 无招胜有招之spring _高频面试题
- 下一篇: 爬虫 spider10——搭建elk平台
