Spring：spring+springMVC+jQuery+Ajax+Mysql环境搭建实例

最新推荐文章于 2019-06-04 10:41:00 发布

Cavaing7

最新推荐文章于 2019-06-04 10:41:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java Spring Jquery SQL 文章标签： spring jquery ajax mysql tomcat

本文链接：https://blog.youkuaiyun.com/wangjinsu7/article/details/52893065

本文详述了如何在MyEclipse中利用Spring、SpringMVC、jQuery、Ajax和Mysql搭建一个Web应用。从数据库准备、工程创建、编写代码到配置文件设置，每个步骤都有详细说明，最终通过演示展示了Ajax请求的成功响应和数据的增删操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文记录如何使用MyEclipse搭建Spring+SpringMVC+jQuery+Ajax+Mysql，形成一个简易的Web应用框架。有图有代码，有运行结果。
本文使用到的jar包已经上传到csdn
下载地址为：spring+springMVC+mysql+JSON_jar包整合

本文的使用的到基础环境：

MyEclipse10
Mysql5.6.21
Tomcat8

1 数据库准备

1.1 建库

打开cmd控制台，在控制台登录进入mysql控制界面，查看当前已有的数据库。
这里写图片描述

输入建库命令：create database springtest;
这里写图片描述

输入命令show databases;查看当前所有数据库，发现数据库已经创建好了，接下来就可以建表了。
这里写图片描述

1.2 建表

输入命令use springtest;切换当前使用的数据库,再输入下列建表语句创建数据表spring_user

CREATE TABLE `spring_user` (
  `id` VARCHAR(40) NOT NULL,
  `name` VARCHAR(40) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=INNODB DEFAULT CHARSET=utf8;

这里写图片描述

输入命令show tables;可以看到spring_user表创建成功了。
这里写图片描述

接下来再往表spring_user中新增一条数据。
这里写图片描述

数据库准备做完之后，就可以开始在myeclipse中创建工程了。

2 创建工程

创建一个Web Project，名称为SpringTest,选择java版本1.6，runtime为Tomcat8，使用myeclipse自带的tomcat也可以。
这里写图片描述

点击next来到这个页面，在这个页面可以创建一些目录，也可以工程创建完后再创建，这里直接点击next跳过。
这里写图片描述

在这个页面勾选上自动生成web.xml的选项，然后点击finish完成工程创建。
这里写图片描述

创建好的工程结构如下
这里写图片描述

接下来需要下载spring相关的jar包，jar包链接已经写在文章开始处，下载完成后，将所有jar包复制到WEB-INF/lib目录中
这里写图片描述

由于本次实例还将用到jQuery所以需要在WebRoot目录下新建目录js,并且去jQuery的官网下载jQuery环境，本文使用的是jQuery-1.11.3，将下载好的jQuery包放入js目录下
这里写图片描述
引入jQuery后可能会像上图一样报错，解决方法–>右击报错的jQuery文件–>MyEclipse–>Exclude From Validation。

3 CODE

经过数据库准备和工程创建，我们现在已经有了本次项目的所有支撑了，接下来就可以开始写代码了。

首先，创建实体类User,代码：

package com.jswang.domain;  

public class User {  

    private String name;  

    private String id;  

    public String getName() {  
        return name;  
    }  
    public void setName(String name) {  
        this.name = name;  
    }  
    public String getId() {  
        return id;  
    }  
    public void setId(String id) {  
        this.id = id;  
    } 
}

创建Service接口UserService，代码：

package com.jswang.service;  

import java.util.List;
import java.util.Map;

import com.jswang.domain.User;

public interface UserService {
   
     
    int save(User person);    
    int del(User person);    
    int update(User person);     
    List<Map<String,Object>> queryAll(); 
}

创建Service实现类UserServiceImp，代码：

package com.jswang.service.imp;

import java.util.List;
import java.util.Map;

import org.springframework.jdbc.core.JdbcTemplate;

import com.jswang.domain.User;
import com.jswang.service.UserService;


public class UserServiceImp implements UserService{
   
   
    /**
     * spring的jdbc组件，需要搭配servlet-spring.xml中配置的datasourse数据源使用
     */
    private JdbcTemplate jdbcTemplate;    

    @Override
    public int save(User person) {
        /**
         * 新增user数据
         */
        return  jdbcTemplate.update("insert into spring_user values(?,?)",
                new Object[]{person.getId(),person.getName()});
    }

    @Override