IDEA+Maven 整合SSM框架实现简单的增删改查

最新推荐文章于 2020-12-22 18:26:36 发布

weixin_43677806

最新推荐文章于 2020-12-22 18:26:36 发布

阅读量703

点赞数 1

本文链接：https://blog.csdn.net/weixin_43677806/article/details/93997751

版权

IDEA+Maven 整合SSM框架实现简单的增删改查

工具
IntelliJ IDEA Ultimate 2018.2.2
tomcat 7.0
JDK 1.8.0_121
MySQL 5.5
Maven 3.6+maven仓库

素材下载包
链接：https://pan.baidu.com/s/1nD1At3SakzgAIJg4N04_-w
提取码：obgr

1.工程的创建

（1）点击file,点击new,点击project.

在这里插入图片描述
(2)选择 Maven -> 勾选 Create from archetype -> 选择 maven-archetype-webapp

（3）在弹出的new project 选项卡中填写GroupId和Artifactid

（4）配置maven:选择你安装的maven
（可以将我的素材包里的setting.xml文件复制到C盘的.m2文件夹下）

在这里插入图片描述
（5）点击右下方弹出的窗口中的Enable Auto-import

在这里插入图片描述
（6）出现success,代表成功

**2.在新建的项目中添加所需要的文件/文件夹 **
创建成功后的项目如图所示：

（1）在src/main目录下新建Directory：“java”，并将其设置为“Source Root”（即：此项目默认的代码文件源目录）

(2)在刚才新建的java文件下新建“com”包，再在com包下新建四个包，分别命名为：bean,service,dao,controller。（如果出现下图中所示的包名重叠的情况，可以点击设置的图标，将“compact middle package取消掉”）
在这里插入图片描述

上面新建的四个包：bean,service,dao,controller，其所存放的分别是：
bean: 存放自定义的java类。如：paper类，user类，book类等，每个类的属性设为private，并提供public属性的getter/setter方法让外界访问
service：定义接口，包含系统所提供的功能。（之后还会在service包下再新建impl包）。
dao：定义接口，包含与数据库进行交互的功能。
controller：控制器，负责接收页面请求，转发和处理。

(3)在resource包下新建Directory：“mapper”（用于存放xxxMapper.xml文件）。

（4）把我的文件夹“素材”中的三个文件复制粘贴到resource包下。
在这里插入图片描述
复制粘贴以后如果出现报红，那是因为你的目录中对应的包和我的不一样，改为你自己目录的对应信息就可以了。

db.properties文件时数据库的信息，应该根据自身情况设置：
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/idea //数据库名称idea
jdbc.username=root //用户名
jdbc.password=123456 //密码

（5）把我的文件夹素材中的jsp文件夹下的三个文件复制粘贴到jsp文件下。
在这里插入图片描述
（user list可以不用）

以上就是项目骨架的搭建全过程

搭建完成以后的项目工程目录为：
在这里插入图片描述

2.配置文件

（1）打开pom.xml文件进行配置，在此文件中配置项目所需要的jar包。

打开素材文件夹中的pom.xml文件。将原来pom.xml中的这一段代码：

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

</ properties>

替换成我的文件中的相应此段代码。

将原来pom.xml文件中的这一段:

< dependencies>
< dependency>
< groupId>junit</ groupId>
< artifactId>junit</ artifactId>
< version>4.11</ version>
< scope>test</ scope>
</ dependency>
</ dependencies>
替换成相应的此段。

3.数据库建表

用MYSQL5.5建立一个zyt数据库，在zyt下建立userinfo表，如下:

在这里插入图片描述

4.写Java代码

（1）在bean包中新建UserInfo.class

package com.bean;

public class UserInfo {
    private int id;
    private String username;
    private String password;


    public int getId() {
        return id;
    }

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

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }


    @Override
    public String toString() {
        return "UserInfo{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

其中getter/setter方法可以在定义完私有属性之后使用IDEA提供的快捷键：ALT+Insert 来实现快速添加 .

在这里插入图片描述

在这里插入图片描述
(2)在service包中新建接口IUserService

package com.service;

import com.bean.UserInfo;

import java.util.List;

public interface IUserService {

     public List<UserInfo> findAll();

     public void delete(int id);

     public void insertUser(UserInfo userInfo);

     public UserInfo findOne(int id);

     public void updateUser(UserInfo userInfo);


}

(3)在service包下新建 impl 包，并在此包中新建UserService.java,代码如下：

package com.service.impl;

import com.bean.UserInfo;
import com.dao.IUserDao;
import com.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;


@Service
public class UserService implements IUserService {
    @Autowired
    private IUserDao userDao;

    @Override
    public List<UserInfo> findAll(){
        return userDao.findAll();

    }

    @Override
    public void delete(int id) {
       userDao.delete(id);
    }

    @Override
    public void insertUser(UserInfo user){
        userDao.insertUser(user);
    }


    @Override
    public UserInfo findOne(int id) {
        return userDao.findOne(id);
    }


    @Override
    public void updateUser(UserInfo user) {
        userDao.updateUser(user);
    }


}

（4）在dao包中新建接口IserDao,代码如下：

package com.dao;

import com.bean.UserInfo;

import java.util.List;

public interface IUserDao {

    public List<UserInfo> findAll();
    public void delete(int id);
    public void insertUser(UserInfo userInfo);
    public UserInfo findOne(int id);
    public void updateUser(UserInfo user);


}

（5）在controller包中新建UserController.java

package com.controller;

import com.bean.UserInfo;
import com.service.IUserService;
import com.service.impl.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpRequest;
import org.springframework.stereotype.Controller;
import org.springframework.web.HttpRequestHandler;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import java.util.List;

@Controller
@RequestMapping("/user")
public class UserController {

    @Autowired
    private IUserService userService;

    @RequestMapping("/findAll.do")
    public ModelAndView findAll(){
        List<UserInfo> all =userService.findAll();
        ModelAndView mv =new ModelAndView();
        mv.addObject("userInfos",all);
        mv.setViewName("allUser");
        return mv;

    }

    @RequestMapping("/delete.do")
    public String delete(int id){
        userService.delete(id);
        return "redirect:findAll.do";

    }


    @RequestMapping("/toAddUser.do")
    public ModelAndView insertUser(){
        ModelAndView mv =new ModelAndView();
        mv.setViewName("addUser");
        return mv;
    }

    @RequestMapping("/save.do")
    public ModelAndView insertUserInfo(HttpServletRequest req)
    {
        UserInfo userInfo = new UserInfo();
        userInfo.setId(Integer.parseInt(req.getParameter("id")));
        userInfo.setUsername(req.getParameter("username"));
        userInfo.setPassword(req.getParameter("password"));

        userService.insertUser(userInfo);

        return findAll();
    }


    @RequestMapping("/findOne.do")
    public ModelAndView findOne(int id){
        UserInfo userInfo = userService.findOne(id);
        ModelAndView mv = new ModelAndView();
        mv.addObject("userInfo",userInfo);
        mv.setViewName("updateUser");
        return mv;
    }



    @RequestMapping("/update.do")
    public String updateUser(UserInfo userInfo){
        userService.updateUser(userInfo);
        return "redirect:findAll.do";
    }


    @RequestMapping("toUpdate.do")
    public ModelAndView toUpdateUser(UserInfo userInfo, int id) {
        userInfo = userService.findOne(id);
//        System.out.println(userInfo.toString());
       ModelAndView mv =new ModelAndView();
       mv.addObject("userinfo",userInfo);
       mv.setViewName("updateUser");
        return mv;
    }



}

(6)在resources/mapper包下新建UserMapper.xml文件

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

    <select id="findAll" resultType="com.bean.UserInfo">
    select * from userinfo

    </select>

<delete id="delete" parameterType="int">
    delete from userInfo where id=#{id}

</delete>


    <insert id="insertUser" parameterType="com.bean.UserInfo">
        INSERT INTO userinfo(id,username,password) VALUE (#{id},#{username},#{password})
    </insert>


    <select id="findOne" parameterType="int" resultType="com.bean.UserInfo">
        select * from userinfo where id = #{id}
    </select>


    <update id="updateUser" parameterType="com.bean.UserInfo">
        update userinfo set id=#{id},username = #{username},password = #{password}
        where id = #{id}
    </update>


</mapper>

（7）把素材文件夹里的spring-mvc复制粘贴到resources下

（8）修改index.jsp文件代码为：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<html>
<body>
<h2>Hello World!</h2>

<a href="${pageContext.request.contextPath}/user/findAll.do">查询所有</a>

</body>
</html>

（9）addUser.jsp代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <title>新增用户</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    基于SSM框架的管理系统：简单实现增、删、改、查。
                </h1>
            </div>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>新增用户</small>
                </h1>
            </div>
        </div>
    </div>
    <form action="${pageContext.request.contextPath}/user/save.do"
              method="post">
        用&nbsp;&nbsp;户&nbsp;&nbsp;id：<input type="text" name="id"><br><br><br>
        用户姓名：<input type="text" name="username"><br><br><br>
        用户密码：<input type="text" name="password"><br><br><br>
        <input type="submit" value="添加" >
    </form>

（10）updateUser.jsp文件代码为：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>修改论文</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    基于SSM框架的管理系统：简单实现增、删、改、查。
                </h1>
            </div>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>修改用户</small>
                </h1>
            </div>
        </div>
    </div>

    <form action="${pageContext.request.contextPath}/user/update.do"
          method="post">
        <input type="hidden" name="id" value="${userInfo.id}"/>
        用户姓名：<input type="text" name="username" value="${userInfo.username}"/>
        用户密码：<input type="text" name="password" value="${userInfo.password}"/>
        <input type="submit" value="提交" />
    </form>
</div>

(11)allUser.jsp代码为：

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <title>user列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    基于SSM框架的管理系统：简单实现增、删、改、查。
                </h1>
            </div>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>用户列表 —— 显示所有用户</small>
                </h1>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 column">
            <a class="btn btn-primary" href="${pageContext.request.contextPath}/user/toAddUser.do">新增</a>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                <tr>
                    <th>id</th>
                    <th>用户名</th>
                    <th>密码</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${userInfos}" var="userInfo">
                    <tr>
                        <td>${userInfo.id}</td>
                        <td>${userInfo.username}</td>
                        <td>${userInfo.password}</td>
                        <td>
                            <a href="${pageContext.request.contextPath}/user/toUpdate.do?id=${userInfo.id}">更改</a> |
                            <a href="${pageContext.request.contextPath}/user/delete.do?id=${userInfo.id}">删除</a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
</div>

5.tomcat的配置

点击上方的 Run 选项，选择Edit Configuration

选择default -> tomcat -> local 选择下载安装到本地的tomcat服务器的地址

切换到Deployment选项页点击 + 号选择 Arctifact

最后在Application context 中选择空白那一项，点击 Apply 应用。

6.项目的运行

在这里插入图片描述

以上就是全部内容

weixin_43677806

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
IDEA+Maven 整合SSM框架实现简单的增删改查

IDEA+Maven 整合SSM框架实现简单的增删改查工具IntelliJ IDEA Ultimate 2018.2.2tomcat 7.0JDK 1.8.0_121MySQL 5.5Maven 3.6+maven仓库素材下载包链接：https://pan.baidu.com/s/1nD1At3SakzgAIJg4N04_-w提取码：obgr1.工程的创建（1）点击file,...
复制链接

扫一扫