基于tomcat+springMVC搭建基本的前后台交互系统

一、摘要

  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. 静态界面展示:

时间: 2024-10-29 10:47:50

基于tomcat+springMVC搭建基本的前后台交互系统的相关文章

centos6下基于http2.2搭建论坛、博客系统及phpMyAdmin应用程序的实现

准备工作:关闭防火墙.selinux,保证连接不受影响 service iptables stop # chkconfig iptables off # iptables -F 1.首先准备搭建环境安装httpd.php.php-server.mysql-server. yum install httpd php php-server mysql-server 开启MySQL.httpd服务 # service mysqld start 对myuser用户进行授权 # mysql> grant

基于tomcat+spring+mysql搭建的个人博客

基于tomcat和spring开发的个人博客, 服务器是基于tomcat, 用了spring框架, web.xml的配置简单明了,我们只要配置MYSQL和用户过滤器等, 服务器的jsp就是负责VIEW, 用户通过ajax请求, 与服务器进行交互, 编辑器使用了百度的UEeditor::   数据表 数据库有四个表,一切基于数据进行展开, 用户表, 博客内容表, 博客评论表以及友情链接的表: //用户表: CREATE TABLE `user` ( `username` varchar(20) N

luffy-city 基础环境搭建(至轮播图前后台交互实现)-步骤目录

前后台基础环境搭建 以 luffy-city 的主页为例,打通了轮播图的前后台交互 前言:复习-luffy 项目技术点概括 pip 源配置 python 虚拟环境搭建 luffy 后台配置-项目创建-基本插件安装-目录重构-开发环境配置文件配置(dev.prod)-日志配置 luffy 后台配置-项目环境变量 配置-logger自定义封装与使用-异常模块封装-Response二次封装 创建数据库并分配用户权限 创建应用(app)与用户-配置 media 静态资源接口 vue 环境配置-项目创建-

tomcat环境搭建和管理及实现jsp通过tomcat连接mysql

升级JDK [[email protected]~]# rpm -ivh jdk-8u60-linux-x64.rpm [[email protected] ~]# java -version java version "1.8.0_60" Java(TM) SE Runtime Environment (build1.8.0_60-b27) Java HotSpot(TM) 64-Bit Server VM (build25.60-b23, mixed mode) [[email p

Tomcat如何与Servlet对象进行交互

Tomcat 是Web应用服务器,是一个Servlet/JSP容器. Tomcat 作为Servlet容器,负责处理客户请求,把请求传送给Servlet,并将Servlet的响应传送回给客户.而Servlet是一种运行在支持Java语言的服务器上的组件. Servlet最常见的用途是扩展Java Web服务器功能,提供非常安全的,可移植的,易于使用的CGI替代品.下面我们描述一下Tomcat与Servlet是如何工作的,首先看下面的时序图. 1.1.Web客户向Servlet容器(Tomcat)

Java +Tomcat + SpringMVC实现页面访问

2018-07-18 14:38:29window7下Java环境安装记录:一.安装Tomcat1.下载tomcat 7.0,解压,无需安装,放置到目录:D:\apache-tomcat-7.0.90.2.配置系统环境变量,CATALINA_BASE=D:\apache-tomcat-7.0.90,CATALINA_HOME=D:\apache-tomcat-7.0.90,在Path中新增"%CATALINA_HOME%\lib;%CATALINA_HOME%\bin"的环境变量.3.

基于 Jenkins 快速搭建持续集成环境

持续集成是一种软件开发实践,对于提高软件开发效率并保障软件开发质量提供了理论基础.Jenkins 是一个开源软件项目,旨在提供一个开放易用的软件平台,使持续集成变成可能.本文正是从持续集成的基本概念入手,通过具体实例,介绍了如何基于 Jenkins 快速搭建持续集成环境. 持续集成概述 什么是持续集成 随着软件开发复杂度的不断提高,团队开发成员间如何更好地协同工作以确保软件开发的质量已经慢慢成为开发过程中不可回避的问题.尤其是近些年来,敏捷(Agile) 在软件工程领域越来越红火,如何能再不断变

基于tomcat插件的maven多模块工程热部署

内容属原创,转载请注明出处 写在前面的话 最近一直比较纠结,归根结底在于工程的模块化拆分.以前也干过这事,但是一直对以前的结果不满意,这会重操旧业,希望搞出个自己满意的结果. 之前有什么不满意的呢? 1. 基于maven拆分模块后,热部署的效果不好,经常出故障. 2. 对于多个子web工程,不能做到任意一个web工程都可以放到tomcat里运行,要在外面搞个壳子组合多个工程. 于是,有了这纠结的一周,也有了此文. 本文关于什么 如标题所言,本文涉及到如下几个内容: 1. maven多模块工程 2

H3 BPM前后台交互方法介绍

在BPM项目中,前后台交互功能很常见,实现的方式也有很多种 这个TXT里面介绍的就是H3封装的Action的用法 //Loaded是H3封装的前台加载事件 $.MvcSheet.Loaded = function (sheetInfo) { //$.MvcSheetUI.GetElement("参数1").change(function (){});方法解析: //此方法是H3中封装的自定义的change方法,针对H3中的绝大多数控件 //参数1:改变后触发change方法的数据项的编