1. 程式人生 > >基於tomcat+springMVC搭建基本的前後臺交互系統

基於tomcat+springMVC搭建基本的前後臺交互系統

bin http -name nbsp idea url bean 拷貝 opts

一、摘要

  1、所需軟件列表:

    1) tomcat : apache-tomcat-7.0.54  服務端容器

    2) Intellij: Intellij IDEA 14.0.3 開發工具  

    3) Syslog: SQLyog Community   數據庫工具

  2. 步驟簡述:

   1) 新建一個 Java 項目,在項目下新建一個文件夾 test(置於tomcat webapps 文件夾目錄下) ,然後在該文件夾下新建一個 WEB-INF 文件夾;

   2) test文件夾下新建前臺頁面相關目錄(css/js/page/data等)   

   3) 在 WEB-INF文件夾下建立 web.xml 文件(可以從 tomcat 安裝路徑 /conf/web.xml 中拷貝基本的文檔結構,修改相應編碼為 utf-8);

   4) WEB-INF文件夾下新建classes文件夾,用於存放相關配置文件

   5) 在 WEB-INF 下建立 lib 文件夾,用來存放相關 jar 包;

   6) 在 WEB-INF 下建立 web.xml 文件。

  完成後的工程目錄如下:

  技術分享

二、Spring配置:

1、需要導入的包如下:

技術分享

2、 相關配置文件

1)web.xml配置

<?xml version="1.0" encoding="ISO-8859-1"?>
<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_3_1.xsd"
         version="3.1">

    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:spring-servlet.xml</param-value>
</context-param> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> <servlet> <servlet-name>spring</servlet-name> <servlet-class> org.springframework.web.servlet.DispatcherServlet </servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath*:spring-servlet.xml</param-value>
</init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>spring</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <listener> <listener-class>org.apache.logging.log4j.web.Log4jServletContextListener</listener-class> </listener> </web-app >

 2)spring-servlet.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"
       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  ">

    <context:component-scan base-package="com.test">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Service"/>
    </context:component-scan>

    <context:property-placeholder location="classpath:jdbc.properties"/>

    <mvc:annotation-driven></mvc:annotation-driven>
    <mvc:default-servlet-handler/>   註意這裏不配置時靜態頁面會無法訪問

    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/page" />
        <property name="suffix" value=".html" />
    </bean>

    <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
        <property name="driverClassName" value="${jdbc.driverClassName}"/>
        <property name="url" value="${jdbc.url}"/>
        <property name="username" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>
    </bean>
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>
    <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
        <property name="dataSource" ref="dataSource"></property>
    </bean>
</beans>

 3) 對應的數據庫配置文件 jdbc.properties 根據實際情況配置

jdbc.driverClassName= 數據庫驅動
jdbc.url= 數據庫連接url
jdbc.username= 用戶名
jdbc.password= 密碼

  

 三、 服務端代碼

User實體類:
public class UserEntity {
    private int id;
    private String name;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

數據庫交互相關:
public class UserDAO {
    private static final String querySql = "SELECT * FROM user;";
    private static UserDAO instance = new UserDAO();
    private UserDAO(){

    }

    public static UserDAO getInstance(){
        return instance;
    }

    public List<UserEntity> getUserInfo(){
        //啟動IoC容器
        ApplicationContext ctx = new ClassPathXmlApplicationContext("spring-servlet.xml");
        //獲取IoC容器中JdbcTemplate實例
        JdbcTemplate jdbcTemplate = (JdbcTemplate) ctx.getBean("jdbcTemplate");

        RowMapper<UserEntity> rowMapper = new BeanPropertyRowMapper<UserEntity>(UserEntity.class);
        return jdbcTemplate.query(querySql, rowMapper);
    }
}


Controller入口:
@Controller
public class UserQuery {
    @RequestMapping("/getUserInfo")
    @ResponseBody
    public String getUserInfo() {
        List<UserEntity> userList = UserDAO.getInstance().getUserInfo();
        return ParseUtil.parse(userList);
    }
}

  

 三、 Tomcat配置:

1)將整個test文件夾放入 tomcat 解壓包的 apache-tomcat-7.0.54\webapps\ 目錄下;

2) 將編譯後的jar包放入 WEB-INF 目錄下的lib文件夾下

ps: tomcat 的debug方法:

tomcat bin文件夾下修改 catalina.bat 文件,增加如下配置:

SET CATALINA_OPTS=-server -Xdebug -Xnoagent -Djava.compiler=NONE -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=8899

四、 效果展示:

1. 數據庫原有數據:

技術分享

2. 界面查詢:

技術分享

3. 靜態界面展示:

技術分享

基於tomcat+springMVC搭建基本的前後臺交互系統