ssm框架整合

最新推荐文章于 2022-07-21 09:09:19 发布
最新推荐文章于 2022-07-21 09:09:19 发布
阅读量128 收藏 1
点赞数
分类专栏： ssm 文章标签： ssm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/damowangsx/article/details/118876497
版权

创建项目

第一步打开idea，点击Create New Project
在这里插入图片描述
第二步
1.点击maven
2.点击Create from archetype
3.点击maven-archetype-webapp
4.Next
在这里插入图片描述
第三步
1.填写Groupid（在maven仓库中的分组，建议先和我的命名一样）
2.填写Artifactid（项目名称，建议先和我的命名一样）
3.Version不用管
4.点击Next
在这里插入图片描述
第四步
1.选择你自己的maven仓库(图中是我的自己的我们maven仓库安装在了D盘)
2.点击Next
在这里插入图片描述
第五步
1.填写项目名称（建议先和我的命名一样）
2.填写项目的所在的路径
3.点击Finish
在这里插入图片描述
项目创建完 如图所示，可以看到项目中还缺少一些东西 下面的小方块我们可以选择Enable-Auto-Import(自动导入)
在这里插入图片描述
第六步
1.在main目录下创建以java命名的文件夹和以resources命名的文件夹
在这里插入图片描述

2.右键java文件夹–>Mark directory as–>Sources Root
在这里插入图片描述
3.右键resources文件夹–>Mark directory as–>Resources Root
在这里插入图片描述
经过上诉六步整个项目就创建完毕如图所示
在这里插入图片描述

修改pom.xml文件

1.将pom.xml文件中所有内容替换成下面这段代码

    <?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>com.songxiang</groupId>
  <artifactId>Oldsong-ssm</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>ssm Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2.1-b03</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>5.2.5.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>5.2.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.1</version>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.9</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.12</version>
    </dependency>
  </dependencies>

  <build>
    <resources>
      <resource>
        <directory>src/main/java</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
        </includes>
        <filtering>false</filtering>
      </resource>
    </resources>
    <plugins>
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.1</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

如图所示（部分截图）
在这里插入图片描述

修改web.xml文件

1.将web.xml文件中所有内容替换成下面这段代码

<?xml version="1.0" encoding="UTF-8"?>
<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_4_0.xsd"
         version="4.0">
  <!--中央调度器-->
  <servlet>
    <servlet-name>myweb</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:conf/dispatcherServlet.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>myweb</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>
  <!--注册spring的监听器-->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:conf/applicationContext.xml</param-value>
  </context-param>
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <!--注册字符集过滤器-->
  <filter>
    <filter-name>characterEncodingFilter</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>forceRequestEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>forceResponseEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>characterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
</web-app>

修改resources目录

1.在resources目录下创建子目录conf,并创建
1)applicationContext.xml（spring配置文件按）
2)dispatcherServlet.xml（springmvc配置文件）
3)jdbc.properties
4)mybatis-config.xml（mybatis配置文件）
四个文件，如图所示
在这里插入图片描述
四个文件的内容分别是
applicationContext.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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
    <!--spring配置文件 声明service dao 工具类等对象-->

    <context:property-placeholder location="classpath:conf/jdbc.properties"/>
    <!--声明数据源，连接数据库-->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource"
          init-method="init" destroy-method="close">
        <property name="url" value="${jdbc.url}"/>
        <property name="username" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>

    </bean>
    <!--SqlSessionFactoryBean创建SqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
        <property name="configLocation" value="classpath:conf/mybatis-config.xml"/>
    </bean>
    <!--声明mybatis的扫描器 创建dao对象-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <property name="basePackage" value="com.bjpowernode.dao"/>
    </bean>
    <!--声明service的注解@Service所在的包名位置-->
    <context:component-scan base-package="com.bjpowernode.service"/>
</beans>

dispatcherServlet.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 https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!--springmvc配置文件，声明controller和其他web相关的对象-->
    <context:component-scan base-package="com.bjpowernode.controller"/>
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <mvc:annotation-driven/>
    <!--
    1.响应ajax请求，返回json
    2.解决静态资源访问问题
    -->
</beans>

jdbc.properties
这里注意 我的数据库用户名和密码都是root 这里要换成你自己的用户名和密码

jdbc.url=jdbc:mysql://localhost:3306/springdb
jdbc.username=root
jdbc.password=root

mybatis-config.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
       <!--设置别名-->
       <typeAliases>
       <package name="com.bjpowernode.domain"/>
       </typeAliases> 
       <!--sql mapper(sql映射文件)的位置-->
       <mappers>
       <package name="com.bjpowernode.dao"/>
       </mappers>
</configuration>

修改java目录

1.修改目录结构 如图所示
在这里插入图片描述
2.各个文件的内容为
StudentController

package com.bjpowernode.controller;

import com.bjpowernode.domain.Student;
import com.bjpowernode.service.StudentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.List;

@Controller
@RequestMapping("/student")
public class StudentController {

    @Autowired
    private StudentService service;
    
    @RequestMapping("/queryStudent.do")
    @ResponseBody
    public List<Student> queryStudent(){
        //参数查询，简单的数据处理
        List<Student> students=service.findStudents();
        return students;
    }
}

StudentDao

package com.bjpowernode.dao;

import com.bjpowernode.domain.Student;

import java.util.List;

public interface StudentDao {
    List<Student> selectStudents();
}

StudentDao.xml

<?xml version="1.0" encoding="UTF-8" ?>
        <!DOCTYPE mapper
                PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
                "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.bjpowernode.dao.StudentDao">

    <select id="selectStudents" resultType="Student">
          select id ,name ,age from student order by id DESC
    </select>

</mapper>

Student

package com.bjpowernode.domain;

public class Student {
    private Integer id;
    private String name;
    private Integer age;

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

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

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }
}

StudentServiceImpl

package com.bjpowernode.service.impl;

import com.bjpowernode.dao.StudentDao;
import com.bjpowernode.domain.Student;
import com.bjpowernode.service.StudentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class StudentServiceImpl implements StudentService {
    @Autowired
    private StudentDao studentDao;


    @Override
    public List<Student> findStudents() {

        return studentDao.selectStudents();
    }
}

StudentService

package com.bjpowernode.service;

import com.bjpowernode.domain.Student;

import java.util.List;

public interface StudentService {
    List<Student> findStudents();
}

修改webapp目录

1.在webapp下创建js目录导入 jquery-3.4.1.js文件 如图所示
在这里插入图片描述
2.修改index.jsp的内容如下

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/7/18
  Time: 9:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String basePath=request.getScheme()+"://"+
        request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
    <title>查询学生ajax</title>
    <base href="<%=basePath%>"/>
    <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        $(function(){
            //在当前页面dom对象加载后执行loadStudentData()
            loadStudentData();
            $("#btnLoader").click(function () {
                loadStudentData();
            })
        })
        function  loadStudentData() {
            $.ajax({
                url:"student/queryStudent.do",
                type:"get",
                dataType:"json",
                success:function (data) {
                    //清楚旧的数据
                    $("#info").html("");
                    //增加新的数据
                    $.each(data,function(i,n){
                        $("#info").append("<tr>")
                            .append("<td>"+n.id+"</td>")
                            .append("<td>"+n.name+"</td>")
                            .append("<td>"+n.age+"</td>")
                            .append("</tr>")
                    })
                }
            })
        }
    </script>
</head>
<body>
<div align="center">
    <table>
        <thead>
        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>年龄</td>
        </tr>
        </thead>
        <tbody id="info">

        </tbody>
    </table>
    <input type="button" id="btnLoader" value="查询数据">
</div>
</body>
</html>

最后目录结构就是这个样子 如图所示
在这里插入图片描述

创建数据库表

1.创建以springdb命名的数据库 和以student命名的表

CREATE TABLE student(
	id  INT(11)  AUTO_INCREMENT,
	NAME VARCHAR(40),
	age INT(11),
	PRIMARY KEY(id)
);
INSERT INTO student(NAME,age) VALUE("Oldsong",19);
INSERT INTO student(NAME,age) VALUE("张三",20);
INSERT INTO student(NAME,age) VALUE("李四",21);
INSERT INTO student(NAME,age) VALUE("王五",22);

在这里插入图片描述

配置Tomcat

1.点击Edit Config…
在这里插入图片描述
2. 点击+号–>Tomcat Server -->Local
在这里插入图片描述
3.点击Deployment -->Artifact…
在这里插入图片描述
4.选择 Oldsong-ssm:war–>ok–>ok
在这里插入图片描述
配置完tomcat如图所示点击 debug（小虫子图案） 运行项目
在这里插入图片描述

运行结果（成功）

在这里插入图片描述
有需要源码+群 ：903233760

Oldsongx
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ssm框架整合redis源码
05-15
该采用ssm框架，并整合了redis，实现session共享功能
如何使用jQuery进行Web开发正文
最新发布
KAIYUANHEMIAO的博客
11-01 64
在使用jQuery时，我们应该遵循一些最佳实践，以确保代码的可维护性和性能。例如，应该尽量使用链式调用来减少代码量，避免频繁的DOM操作，合理使用事件委托等。jQuery是一款强大而灵活的JavaScript库，可以极大地简化Web开发过程。通过学习和使用jQuery，我们可以更加高效地开发出交互性和动态性更强的Web应用程序。希望本文能够帮助你入门并掌握jQuery的使用，提升你的Web开发技能。
SSM之一步一坑：加载静态资源 js/css文件路径问题
concealed0的博客
05-23 5962
在做SSM项目时，加载静态文件一直没有成功，其实问题也不大 问题描述 如下图片中的加载静态文件问题 在这一步问题出现中，我的项目目录如下图 HTML中对静态文件的引用如下 解决方案一，使用绝对路径 在HTML页面中对静态文件采用绝对路径进行引用，前提是SSM项目已经可以加载简单页面，在项目的web.xml，spring-mvc.xml中不需要配置其他东西。 将HTML页面...
SSM项目整合【详细】
LYGCSDN_的博客
07-21 303
记录一下整合ssm框架的方案。从零开始，适合初学者。已开源到gitee: https://gitee.com/liu487408/integrate-the-ssm-framework.git
webpack的使用
weixin_43249993的博客
10-23 221
webpack是啥 webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。 webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性 webpack的基本使用 1.创建项目目录并初始化 创建项目，并打开项目所在目录的终端，输入命令： npm init -y 2.创建首页及js文件 在项目目录中创建index.htm...
基于SSM框架的Web网站项目
热门推荐
qwer0794的博客
08-17 1万+
将手把手教大家完成基于SSM框架的一个web项目，实现注册、登录功能 注意：该项目需要的基础知识为Java/H5/CSS3/JS/JSON/AJAX/Servlet/JSP/SSM 一、 搭建开发环境（准备阶段） 安装JDK（JDK安装过程自行百度），目前我用的JDK版本是1.8 安装Eclipse（用MyEclipse也是可以的，或者IDEA），只要能装Tomcat插件即可 安装Tom...
SSM框架整合
10-24
2、SSM整合 2.1、导入整合相关的jar包(Maven) pom.xml文件 <modelVersion>4.0.0 <groupId>com.woo0nise</groupId> <artifactId>woo0nise-parent <version>0.0.1-SNAPSHOT <groupId>SSM <artifactId>SSM ...
SSM框架整合IDEA版
10-07
使用IDEA进行了SSM整合，可以用作架子重复使用。
ssm框架整合jar包
02-27
javaee中ssm现在最流行的三大框架整合，希望各位在利用jar包好好学习，天天向上
SSM框架的maven pom文件
09-14
最全的SSM开发用到的pom文件，内含常用的包dependency配置，使用时只需复制到你的pom文件内，就可直接下载，最好是把maven的下载路径改为阿里云下载
SSM框架整合源码
01-15
分层明确，简单易懂，可运行，对应博客地址：http://blog.csdn.net/xiaoxiaoxiaohaozi/article/details/50449204
SSM框架整合jar包和maven pom.xml配置文件整合
07-01
SSM框架整合jar包和maven pom.xml配置文件整合
ssm整合的pom.xml
02-28
ssm整合的pom.xml文件，
SSM框架中引入css,js,图片文件的路径问题解决
知道自己不要什么，不管多么大的诱惑（欢迎关注:职谷智享）
08-04 9643
在web.xml文件中添加一下代码：     default   *.js       default   *.css       default   *.png   然后在jsp文件头部添加如下代码：  String path = request.getContextPath();  String basePath = request.getScheme()
ssm项目引用静态资源
qq_42331499的博客
08-30 391
解决SSM项目下静态资源(img、js、css)无法引用的问题 时间:2019-06-30 本文章向大家介绍解决SSM项目下静态资源(img、js、css)无法引用的问题，主要包括解决SSM项目下静态资源(img、js、css)无法引用的问题使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 建立一个与WEB-INF同级别的resources文件，里面存放css、js、img资源文件。 方法1、修改web.xml配置 在web.xml中找到以..
ssm 整合中js,css 文件无法引入
amd2015的博客
08-11 581
问题：ssm 整合中第三方 js,css 文件无法引入 检查：ssm 整合配置完好 无拦截器拦截 spring mvc 静态资源已配置 编译时可以直接跳转到js css 问题发现 js css 文件放在WEB-INF 下，导致无法引入 解决 js c...
用Maven构建ssm项目时，关于jsp中引入js、css文件路径问题
qq_39848608的博客
02-24 2720
之前一直用ssm框架搭的项目，做了一段时间之后发现了几个问题，导入的jar包有可能会出现冲突问题，不好解决，前台页面编写麻烦，然后就想着重构这个项目，用maven来管理jar包，前台用layui框架，然后就开始做了起来，下载好layui需要的文件后，导入项目中，在jsp中引用，然后访问，发现找不到静态资源，之后各种找原因，最后发现了是link标签，script标签导入“姿势”错了，。...
SSM框架整合springmvc
06-07
好的，我可以为你提供一些关于SSM框架整合SpringMVC的信息。 SSM框架指的是Spring + SpringMVC + MyBatis，是一种常用的Java Web开发框架。而SpringMVC是Spring框架的一个模块，用于实现MVC架构中的控制器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值