Java高级 SSM项目部署以及ajax的详细使用过程

• • • 前言
    • 1、开发环境
    • 2、数据库
    • 3、工程配置
    • • 3.1 项目结构
      • 3.2 配置工程支持WEB开发
      • 3.3 配置文件
      • • 3.3.1 spring-dao.xml配置文件
        • 3.3.2 spring-service.xml配置文件
        • 3.3.3 spring-trans.xml配置文件(事务相关配置，目前的这个demo用不上，大家可以先看看)
        • 3.3.4 spring-mvc.xml配置文件
        • 3.3.5 web.xml配置文件
        • 3.3.6 jdbc.properties配置文件(数据库连接配置)
        • 3.3.7 log4j.properties配置文件(日志文件配置)
        • 3.3.8 mapper配置文件(sql语句)
    • 4、创建类和jsp文件
    • • 4.1 创建实体类User
      • 4.2 数据访问层UserDao，对应UserMapper
      • 4.3 service层UserService
      • 4.4 UserService的实现类UserServiceImpl
      • 4.5 test，service层写好之后，可以写一个测试类测试数据是否能够访问到
      • 4.6 controller控制层
      • 4.7 jsp代码

​ 很多刚开始学习JavaEE的新手同学，都或多或少地觉得使用Ajax来实现http请求是一件棘手的事情。今天我通过写一个简单的案例来给大家一个清晰的流程和思路。案例比较简单，希望能帮上大家。下面附上我的代码分解：

jdk8 + tomcat8 + idea2019 + MySql8 + SQLyog

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for user
-- ----------------------------
DROp TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `username` VARCHAr(32) NOT NULL COMMENT '用户名称',
  `password` VARCHAr(255) DEFAULT NULL,
  `birthday` DATE DEFAULT NULL COMMENT '生日',
  `sex` CHAr(1) DEFAULT NULL COMMENT '性别',
  `address` VARCHAr(256) DEFAULT NULL COMMENT '地址',
  PRIMARY KEY (`id`)
) ENGINE=INNODB AUTO_INCREMENT=30 DEFAULT CHARSET=utf8;
 
-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES ('1', '张三', '123', '2014-07-10', '2', '成都市');
INSERT INTO `user` VALUES ('2', '李四', '123', '2014-07-10', '1', '成都市');
INSERT INTO `user` VALUES ('3', '王五', '123', '2014-07-10', '1', '重庆市');
INSERT INTO `user` VALUES ('4', '赵六', '123', '2014-07-10', '1', '重庆市');
INSERT INTO `user` VALUES ('5', '田七', '123', '2014-07-10', '1', '扬州市');
INSERT INTO `user` VALUES ('6', '迪迦', '222', '2014-07-10', '1', '扬州市');
INSERT INTO `user` VALUES ('7', '泰罗', '222', '2014-07-10', '2', '北京市');
INSERT INTO `user` VALUES ('8', '艾斯', '222', '2017-05-03', '1', '北京市');
INSERT INTO `user` VALUES ('9', '爱迪', '222', '2017-05-03', '2', '昆明市');

在idea中创建maven工程“ajaxDemo”，然后进行以下配置：

1. 在File选项卡中找到Project Structure选项进入

2. 在Project Settings里找到Modules，点击左上方"+"，找到WEB模块，点击确定加入WEB模块

3. 点击添加的WEB模块位置，将Deployment Descriptors里面的path修改成刚才我们建立的web.xml文件的位置

4. 在Web Resource Directories里面的路径修改成我们的web路径

5. 点击Artfacts选项，点击“+”，选择Web Application:Exploaded，选择from modules，找到我们刚才建立的web工程点击确定，这样才能让我们可以在WEBAPP目录下建立JSP文件，并且tomcat服务器找到该WEB项目进行部署和运行。

    
    

    
    
        
        
        
        
    

    
    
        
        
         map也是可以的,接收前台传过来的参数
        //返回用户信息，要使用@ResponseBody将返回值转换为JSON
        return userService.login(user);
    }
}

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>



    
    
    
    
    
    
    
    
    



    

        
用户登录
        

            

                

                    
用户名：
                    

                
                

                    
密  码：
                    

                
                

                    

                        注册
                        登录
                    

                
            
        
    

引入bootstrap和jquery：

最后配置tomcat运行。

结束！！！