SSM框架的搭建


如何搭建SSM(SpringMvc+mybatis+Spring)java web工程

No.1   首先將web工程結構建好

1.1.1 開發環境介紹

 在這里我是采用的是mysql數據庫 

  編譯器版本采用的是jdk使用的是1.8

 開發工具是使用的是eclipse Mars版本

  web容器采用的是tomcat 版本是7.0版本 

 

  在這里我將我自己寫好的Demo工程目錄結構截圖展示出來方便大家新建項目

這張圖圖片清晰地將我的工程清晰地展示出來,先簡單介紹下吧 ,項目主包是以com.cntv開始的 。在之下又分為好幾個子包,分別是mapper、controller、service、dao、mapper、logs、config、base、entity、test包,其中controller包是負責接收前台請求執行部分業務邏輯的action,熟悉struts框架的應該知道Action哈 在這里我就不詳細說了。mapper包主要是負責mybatis框架實體映射,config包是主要存儲項目配置文件。  其他的包就不一一介紹了,都是些常規的包。

 

NO.2  准備好相應的jar包

這里我是采用Spring是.2.0版本 mybatis是3.3.0版本的
 
圖中框選的jar包是一些依賴性jar包   不要以為這就是完整的jar包   還有呢....

 

到此為止 jar包已准備完畢  現在就來開始准備框架的相關的配置了  首先是Spring+mybatis關聯的配置

NO.3 配置框架相關功能的配置文件

在src目錄中config文件夾中新建spring-mybatis.xml文件 ,通過這個文件集成並關聯Spring+mybatis框架

 

[java]  view plain  copy
 
  1. <span style="font-size: 14px;"><</span><span style="font-size:18px;">?xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"  
  4.     xmlns:context="http://www.springframework.org/schema/context"  
  5.     xmlns:mvc="http://www.springframework.org/schema/mvc"  
  6.     xsi:schemaLocation="http://www.springframework.org/schema/beans    
  7.         http://www.springframework.org/schema/beans/spring-beans-3.1.xsd    
  8.         http://www.springframework.org/schema/context    
  9.         http://www.springframework.org/schema/context/spring-context-3.1.xsd    
  10.         http://www.springframework.org/schema/mvc    
  11.         http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">  
  12.     <span style="color:#ff0000;"><!-- 自動掃描 --></span>  
  13.     <context:component-scan base-package="com.cntv" />  
  14.     <span style="color:#ff0000;"><!-- 引入配置文件 --></span>  
  15.     <bean id="propertyConfigurer"  
  16.         class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">  
  17.         <property name="location" value="classpath:jdbc.properties" />  
  18.     </bean>  
  19.   
  20.     <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource"  
  21.         destroy-method="close">  
  22.         <property name="driverClassName" value="${driver}" />  
  23.         <property name="url" value="${url}" />  
  24.         <property name="username" value="${username}" />  
  25.         <property name="password" value="${password}" />  
  26.         <span style="color:#ff0000;"><!-- 初始化連接大小 --></span>  
  27.         <property name="initialSize" value="${initialSize}"></property>  
  28.         <span style="color:#ff0000;"><!-- 連接池最大數量 --></span>  
  29.         <property name="maxActive" value="${maxActive}"></property>  
  30.         <span style="color:#ff0000;"><!-- 連接池最大空閑 --></span>  
  31.         <property name="maxIdle" value="${maxIdle}"></property>  
  32.         <span style="color:#ff0000;"><!-- 連接池最小空閑 --></span>  
  33.         <property name="minIdle" value="${minIdle}"></property>  
  34.         <span style="color:#ff0000;"><!-- 獲取連接最大等待時間 --></span>  
  35.         <property name="maxWait" value="${maxWait}"></property>  
  36.     </bean>  
  37.   
  38.     <span style="color:#ff0000;"><!-- spring和MyBatis完美整合,不需要mybatis的配置映射文件 --></span>  
  39.     <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">  
  40.         <property name="dataSource" ref="dataSource" />  
  41.         <span style="color:#ff0000;"><!-- 自動掃描mapping.xml文件 --></span>  
  42.         <property name="mapperLocations" value="classpath:com/cntv/mapper/*.xml"></property>  
  43.     </bean>  
  44.   
  45.     <span style="color:#ff0000;"><!-- DAO接口所在包名,Spring會自動查找其下的類 --></span>  
  46.     <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">  
  47.         <property name="basePackage" value="com.cn.hnust.dao" />  
  48.         <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>  
  49.     </bean>  
  50.   
  51.     <span style="color:#ff0000;"><!-- (事務管理)transaction manager, use JtaTransactionManager for global tx --></span>  
  52.     <bean id="transactionManager"  
  53.         class="org.springframework.jdbc.datasource.DataSourceTransactionManager">  
  54.         <property name="dataSource" ref="dataSource" />  
  55.     </bean>  
  56.   
  57. </beans></span>  

 

 

 

緊接着在src下config包下新建jdbc.properties文化  把數據庫的配置放在這個配置文件里面

 

[html]  view plain  copy
 
  1. <span style="font-size:18px;">driver=com.mysql.jdbc.Driver  
  2. url=jdbc:mysql://125.221.225.113:3306/<span style="color:#ff0000;">db_zsl</span>  
  3. username=demao  
  4. password=demao  
  5. #定義初始連接數  
  6. initialSize=0  
  7. #定義最大連接數  
  8. maxActive=20  
  9. #定義最大空閑  
  10. maxIdle=20  
  11. #定義最小空閑  
  12. minIdle=1  
  13. #定義最長等待時間  
  14. maxWait=60000</span>  

 

說明:第一行是加載jdbc驅動地址 

第二行是連接數據庫 加紅色字體是數據庫名字  前面是Ip地址+mysql數據庫端口號

userName是數據庫連接用戶名

password是連接數據庫密碼

 

接下來配置SpringMvc相關的配置 

還是跟之前一樣,在src目錄下的config文件夾中新建spring-mvc.xml配置文件 

 這個文件主要是負責Mvc架構視圖,前后台數據交互等。

 

[html]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"  
  4.  xmlns:context="http://www.springframework.org/schema/context"  
  5.  xmlns:mvc="http://www.springframework.org/schema/mvc"  
  6.  xsi:schemaLocation="http://www.springframework.org/schema/beans    
  7.     http://www.springframework.org/schema/beans/spring-beans-3.1.xsd    
  8.     http://www.springframework.org/schema/context    
  9.     http://www.springframework.org/schema/context/spring-context-3.1.xsd    
  10.     http://www.springframework.org/schema/mvc    
  11.     http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">  
  12.     <span style="color:#ff0000;"><!-- 自動掃描該包,使SpringMVC認為包下用了@controller注解的類是控制器 --></span>  
  13.     <context:component-scan base-package="com.cntv.controller" />  
  14.     <span style="color:#ff0000;"><!--避免IE執行AJAX時,返回JSON出現下載文件 --></span>  
  15.     <bean id="mappingJacksonHttpMessageConverter"  
  16.       
  17.         class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">  
  18.         <property name="supportedMediaTypes">  
  19.             <list>  
  20.                 <value>text/html;charset=UTF-8</value>  
  21.             </list>  
  22.         </property>  
  23.     </bean>  
  24.     <span style="color:#ff0000;"><!-- 啟動SpringMVC的注解功能,完成請求和注解POJO的映射 --></span>  
  25.     <bean  
  26.         class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">  
  27.         <property name="messageConverters">  
  28.             <list>  
  29.                 <ref bean="mappingJacksonHttpMessageConverter" ></ref><span style="color:#ff0000;">   <!-- JSON轉換器 --></span>  
  30.             </list>  
  31.         </property>  
  32.     </bean>   
  33.     <span style="color:#ff0000;"><!-- 定義跳轉的文件的前后綴 ,視圖模式配置--></span>  
  34.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">  
  35.         <span style="color:#ff0000;"><!-- 這里的配置我的理解是自動給后面action的方法return的字符串加上前綴和后綴,變成一個 可用的url地址 --></span>  
  36.         <property name="prefix" value="/" />  
  37.         <property name="suffix" value=".jsp" />  
  38.     </bean>  
  39.     <span style="color:#ff0000;"><!-- 配置文件上傳,如果沒有使用文件上傳可以不用配置,當然如果不配,那么配置文件中也不必引入上傳組件包 --></span>  
  40.       <!--  <bean id="multipartResolver"    
  41.         class="org.springframework.web.multipart.commons.CommonsMultipartResolver">    
  42.         默認編碼  
  43.         <property name="defaultEncoding" value="utf-8" />    
  44.         文件大小最大值  
  45.         <property name="maxUploadSize" value="10485760000" />    
  46.         內存中的最大值  
  47.         <property name="maxInMemorySize" value="40960" />    
  48.     </bean> -->  
  49. </beans></span></span>  

 

最后配置web.xml文件

項目總配置文件將spring-mybatis.xml和spring-mvc.xml集成到web.xml里面

[java]  view plain  copy
 
  1. <span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  3.     xmlns="http://java.sun.com/xml/ns/javaee"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"  
  5.     version="3.0">  
  6.     <display-name>Archetype Created Web Application</display-name>  
  7.     <span style="color:#ff0000;"><!-- Spring和mybatis的配置文件 --></span>  
  8.     <context-param>  
  9.         <param-name>contextConfigLocation</param-name>  
  10.         <param-value>classpath:spring-mybatis.xml</param-value>  
  11.     </context-param>  
  12.     <span style="color:#ff0000;"><!-- 編碼過濾器 --></span>  
  13.     <filter>  
  14.         <filter-name>encodingFilter</filter-name>  
  15.         <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>  
  16.         <async-supported>true</async-supported>  
  17.         <init-param>  
  18.             <param-name>encoding</param-name>  
  19.             <param-value>UTF-8</param-value>  
  20.         </init-param>  
  21.     </filter>  
  22.     <filter-mapping>  
  23.         <filter-name>encodingFilter</filter-name>  
  24.         <url-pattern>/</url-pattern>  
  25.     </filter-mapping>  
  26.     <span style="color:#ff0000;"><!-- Spring監聽器 --></span>  
  27.     <listener>  
  28.         <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>  
  29.     </listener>  
  30.     <span style="color:#ff0000;"><!-- 防止Spring內存溢出監聽器 --></span>  
  31.     <listener>  
  32.         <listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>  
  33.     </listener>  
  34.     <!-- Spring MVC servlet -->  
  35.     <servlet>  
  36.         <servlet-name>SpringMVC</servlet-name>  
  37.         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
  38.         <init-param>  
  39.             <param-name>contextConfigLocation</param-name>  
  40.             <param-value>classpath:spring-mvc.xml</param-value>  
  41.         </init-param>  
  42.         <load-on-startup>1</load-on-startup>  
  43.         <async-supported>true</async-supported>  
  44.     </servlet>  
  45.     <servlet-mapping>  
  46.         <servlet-name>SpringMVC</servlet-name>  
  47.         <span style="color:#ff0000;"><!-- 此處可以可以配置成*.do,對應struts的后綴習慣 --></span>  
  48.         <url-pattern>*.do</url-pattern>  
  49.     </servlet-mapping>  
  50.     <welcome-file-list>  
  51.         <welcome-file>/index.jsp</welcome-file>  
  52.     </welcome-file-list>  
  53.     <span style="color:#ff0000;"><!-- 配置SESSION超時,單位是分鍾 --></span>  
  54.     <session-config>  
  55.         <session-timeout>15</session-timeout>  
  56.     </session-config>  
  57.   
  58. </web-app></span>  


NO.4 收官完成 測試框架能否正常運行

直到這里我們已經把框架配置好了現在我們就要寫一些實在的東西了 把接口和service定一下

4.1.1  定義一個接口 

在dao包下新建IUserDao.java類
[java]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;">package com.cntv.dao;  
  2.   
  3. import org.springframework.stereotype.Repository;  
  4.   
  5. import com.cntv.entity.User;  
  6. @Repository  
  7. public interface IUserDao {  
  8.     int deleteByPrimaryKey(Integer id);  
  9.   
  10.     int insert(User record);  
  11.   
  12.     int insertSelective(User record);  
  13.   
  14.     User selectByPrimaryKey(Integer id);  
  15.   
  16.     int updateByPrimaryKeySelective(User record);  
  17.   
  18.     int updateByPrimaryKey(User record);  
  19. }</span></span>  

4.1.2 定義一個service接口

 同樣的在service包下新建IUserService.java類
[java]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;">package com.cntv.service;  
  2.   
  3. import com.cntv.entity.User;  
  4.   
  5. public interface IUserService {  
  6.     public User getUserById(int userId);  
  7. }</span><span style="font-size:14px;">  
  8. </span></span>  
 

4.1.3定義一個javaBean

 

[java]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;">package com.cntv.entity;  
  2. public class User {  
  3.     private Integer id;  
  4.   
  5.     private String userName;  
  6.   
  7.     private String password;  
  8.   
  9.     private Integer age;  
  10.   
  11.     public Integer getId() {  
  12.         return id;  
  13.     }  
  14.   
  15.     public void setId(Integer id) {  
  16.         this.id = id;  
  17.     }  
  18.   
  19.     public String getUserName() {  
  20.         return userName;  
  21.     }  
  22.   
  23.     public void setUserName(String userName) {  
  24.         this.userName = userName == null ? null : userName.trim();  
  25.     }  
  26.   
  27.     public String getPassword() {  
  28.         return password;  
  29.     }  
  30.   
  31.     public void setPassword(String password) {  
  32.         this.password = password == null ? null : password.trim();  
  33.     }  
  34.   
  35.     public Integer getAge() {  
  36.         return age;  
  37.     }  
  38.   
  39.     public void setAge(Integer age) {  
  40.         this.age = age;  
  41.     }  
  42.       
  43. }</span></span>  

 

4.1.4 定義一個mapper.xml實體映射 

很簡單,在mapper文件夾下新建UserMapper.xml配置文件
[html]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >  
  3. <mapper namespace="com.cntv.dao.IUserDao" >  
  4.   <resultMap id="BaseResultMap" type="com.cntv.entity.User" >  
  5.     <id column="id" property="id" jdbcType="INTEGER" />  
  6.     <result column="user_name" property="userName" jdbcType="VARCHAR" />  
  7.     <result column="password" property="password" jdbcType="VARCHAR" />  
  8.     <result column="age" property="age" jdbcType="INTEGER" />  
  9.   </resultMap>  
  10.   <sql id="Base_Column_List" >  
  11.     id, user_name, password, age  
  12.   </sql>  
  13.   <select id="selectByPrimaryKey" resultMap="BaseResultMap" parameterType="java.lang.Integer" >  
  14.     select   
  15.     <include refid="Base_Column_List" />  
  16.     from user_t  
  17.     where id = #{id,jdbcType=INTEGER}  
  18.   </select>  
  19.   <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer" >  
  20.     delete from user_t  
  21.     where id = #{id,jdbcType=INTEGER}  
  22.   </delete>  
  23.   <insert id="insert" parameterType="com.cntv.entity.User" >  
  24.     insert into user_t (id, user_name, password,   
  25.       age)  
  26.     values (#{id,jdbcType=INTEGER}, #{userName,jdbcType=VARCHAR}, #{password,jdbcType=VARCHAR},   
  27.       #{age,jdbcType=INTEGER})  
  28.   </insert>  
  29.   <insert id="insertSelective" parameterType="com.cntv.entity.User" >  
  30.     insert into user_t  
  31.     <trim prefix="(" suffix=")" suffixOverrides="," >  
  32.       <if test="id != null" >  
  33.         id,  
  34.       </if>  
  35.       <if test="userName != null" >  
  36.         user_name,  
  37.       </if>  
  38.       <if test="password != null" >  
  39.         password,  
  40.       </if>  
  41.       <if test="age != null" >  
  42.         age,  
  43.       </if>  
  44.     </trim>  
  45.     <trim prefix="values (" suffix=")" suffixOverrides="," >  
  46.       <if test="id != null" >  
  47.         #{id,jdbcType=INTEGER},  
  48.       </if>  
  49.       <if test="userName != null" >  
  50.         #{userName,jdbcType=VARCHAR},  
  51.       </if>  
  52.       <if test="password != null" >  
  53.         #{password,jdbcType=VARCHAR},  
  54.       </if>  
  55.       <if test="age != null" >  
  56.         #{age,jdbcType=INTEGER},  
  57.       </if>  
  58.     </trim>  
  59.   </insert>  
  60.   <update id="updateByPrimaryKeySelective" parameterType="com.cntv.entity.User" >  
  61.     update user_t  
  62.     <set >  
  63.       <if test="userName != null" >  
  64.         user_name = #{userName,jdbcType=VARCHAR},  
  65.       </if>  
  66.       <if test="password != null" >  
  67.         password = #{password,jdbcType=VARCHAR},  
  68.       </if>  
  69.       <if test="age != null" >  
  70.         age = #{age,jdbcType=INTEGER},  
  71.       </if>  
  72.     </set>  
  73.     where id = #{id,jdbcType=INTEGER}  
  74.   </update>  
  75.   <update id="updateByPrimaryKey" parameterType="com.cntv.entity.User" >  
  76.     update user_t  
  77.     set user_name = #{userName,jdbcType=VARCHAR},  
  78.       password = #{password,jdbcType=VARCHAR},  
  79.       age = #{age,jdbcType=INTEGER}  
  80.     where id = #{id,jdbcType=INTEGER}  
  81.   </update>  
  82. </mapper></span></span>  
這個文件就包含CRUD操作 sql語句在標簽中都有定義 ,需要注意的是這里面sql語句用到的一些參數全部是從dao層獲取的
mapper文件是映射數據庫表對應的javaBean實體 mapper中可以寫sql語句 很方便。

4.1.5 定義一個service實現類

在service包下serviceImpl包下新建UserServiceImpl類
[java]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;">package com.cntv.service.serviceImpl;  
  2. import javax.annotation.Resource;  
  3. import javax.servlet.http.HttpServletResponse;  
  4.   
  5. import org.springframework.context.ApplicationContext;  
  6. import org.springframework.context.support.ClassPathXmlApplicationContext;  
  7. import org.springframework.stereotype.Service;  
  8. import com.cntv.dao.IUserDao;  
  9. import com.cntv.entity.User;  
  10. import com.cntv.service.IUserService;  
  11. import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;  
  12. @Service  
  13. public class UserServiceImpl implements IUserService {  
  14.     @Resource  
  15.     private IUserDao userDao;  
  16.     @Override  
  17.     public User getUserById(int userId) {  
  18.         // TODO Auto-generated method stub  
  19.         return this.userDao.selectByPrimaryKey(userId);  
  20.     }  
  21.    public static void main(String[] args) {  
  22.        ApplicationContext ca= new ClassPathXmlApplicationContext("spring-mybatis.xml");  
  23.        UserServiceImpl u=(UserServiceImpl) ca.getBean("userServiceImpl");  
  24.       User ue= u.getUserById(12);  
  25.        System.out.println("用戶名:"+ue.getUserName());  
  26. <span>    </span>   System.out.println("用戶密碼:"+ue.getPassword());  
  27. }  
  28. public IUserDao getUserDao() {  
  29.     return userDao;  
  30. }  
  31. public void setUserDao(IUserDao userDao) {  
  32.     this.userDao = userDao;  
  33. }  
  34.      
  35. }</span><span style="font-size:14px;">  
  36. </span></span>  
 

 

4.1.6 定義一個controller

在src目錄下的controller包下新建一個controller,在這里我新建的是UserController.java
[java]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;">package com.cntv.controller;  
  2.   
  3. import javax.annotation.Resource;  
  4. import javax.servlet.http.HttpServletRequest;  
  5. import javax.servlet.http.HttpServletResponse;  
  6.   
  7. import org.apache.coyote.Request;  
  8. import org.springframework.http.HttpRequest;  
  9. import org.springframework.stereotype.Controller;  
  10. import org.springframework.ui.Model;  
  11. import org.springframework.web.bind.annotation.RequestMapping;  
  12. import org.springframework.web.bind.annotation.ResponseBody;  
  13. import org.springframework.web.servlet.ModelAndView;  
  14.   
  15. import com.cntv.entity.User;  
  16. import com.cntv.service.serviceImpl.UserServiceImpl;  
  17.   
  18. @Controller  
  19. public class UserController {  
  20.     @Resource  
  21.     private UserServiceImpl userService;  
  22.     @RequestMapping("test.do")  
  23.     public ModelAndView  testCon(HttpServletRequest request,Model model){  
  24.         System.out.println("hello");  
  25.         System.out.println(request.getParameter("id"));  
  26.         User u=userService.getUserById(new Integer(request.getParameter("id")));  
  27.         System.out.println(u.getUserName());  
  28.         ModelAndView mod=new ModelAndView();  
  29.         mod.setViewName("success");  
  30.         return mod;  
  31.     }  
  32.     /** 
  33.      * @deprecated 
  34.      * 根據前台封裝的javaBean屬性進行封裝  這里是進行User對象的封裝 
  35.      * 測試后台是否能正常能拿到數據        
  36.      * @param user 獲取前台穿過來的對象 
  37.      * @param request 
  38.      * @return 
  39.      */  
  40.     @RequestMapping("submit.do")  
  41.     public String testBean(User user,HttpServletRequest request){  
  42.         System.out.println("========+"+user.getUserName()+"..."+user.getPassword());  
  43.         return "success";  
  44.           
  45.     }  
  46.     public UserServiceImpl getUserService() {  
  47.         return userService;  
  48.     }  
  49.     public void setUserService(UserServiceImpl userService) {  
  50.         this.userService = userService;  
  51.     }  
  52.       
  53. }</span><span style="font-size:14px;">  
  54. </span></span>  
 

 

 

Ok!!!現在就來測試下吧后台數據庫和service層到底能不能打通吧  

 

再來對照下數據庫中數據吧!!

 經過測試持久層和業務層是能互通的 測試通過!!!!

  

啦啦啦!  現在測試前后台數據能不能互通了  ....

 
前端新建一個jsp測試頁面  測試請求和數據能不能到達后台controller里面
在這里我新建的是eg.jsp
 
[html]  view plain  copy
 
  1. <span style="font-size:18px;"><span style="font-size:18px;"><%@ page language="java" contentType="text/html; charset=utf-8"  
  2.     pageEncoding="utf-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  7. <script type="text/javascript" src="js/jquery-1.7.js"></script>  
  8. <title>Insert title here</title>  
  9. </head>  
  10. <body>  
  11. <input id="inp" type="hidden" maxlength="20">  
  12. <h2>Test formMait</h2>  
  13. <form action="submit.do" method="post" >  
  14. 賬戶<input type="text" name="userName"><br>  
  15. 密碼<input type="text" name="password"><br>  
  16. <button>提交</button>  
  17.   
  18. </form>  
  19. <script type="text/javascript">  
  20.  $(function(){  
  21.     // alert("json hello");  
  22.        
  23.  })  
  24.  function clicBt(){  
  25.      console.log("hello friends!!!")  
  26.      $.ajax({  
  27.            type: "POST",  
  28.            url: "test.do?id="+$("#inp").val(),  
  29.            data: "name=John&location=Boston",  
  30.            success: function(msg){  
  31.              alert("china is hello  and you are okau!");  
  32.            }  
  33.         });  
  34.        
  35.        
  36.  }  
  37. </script>  
  38. </body>  
  39. </html></span></span>  

重點來了!!!測試前台數據和請求能不能到達后台
 
>>>>>>輸入http://127.0.0.1:8080/SpringMybat/eg.jsp 進入測試頁面 

到后台來看看控制台有什么反應木有??

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM