一个增删查改的SSM项目

实现对表进行增删查改分页
数据库:mysql
前端框架:bootstrap
jar包管理:mawen
分页:pagehelper
逆向工程:mybatis generator
一、搭建基础环境
1、创建一个mawen工程
setting里的mawen路径设置好
镜像工程
仓库
2、添加java包
3、resources文件包
二、引入项目jar包
spring
springMVC
mybatis
数据库连接处
驱动
打开porm.xml
打开mawen仓库网站
https://mvnrepository.com/
1、springwebMVC包

<!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.3.13</version>
</dependency>

2、spring jdbc 版本与springwebmvc对应

<!-- https://mvnrepository.com/artifact/org.springframework/spring-jdbc -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>5.3.13</version>
</dependency>

3、spring aspects 版本对应

<!-- https://mvnrepository.com/artifact/org.springframework/spring-aspects -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>5.3.13</version>
</dependency>

4、mybatis

<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.5.7</version>
</dependency>

5、mybatis-spring

<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>2.0.6</version>
</dependency>

6、数据库连接池、驱动

<!-- https://mvnrepository.com/artifact/c3p0/c3p0 -->
<dependency>
    <groupId>c3p0</groupId>
    <artifactId>c3p0</artifactId>
    <version>0.9.1.2</version>
</dependency>

<!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>8.0.26</version>
</dependency>

其他:jstl、servlet-api(服务器有)、Junit

<!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>

<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>4.0.1</version>
    <scope>provided</scope>
</dependency>

<!-- https://mvnrepository.com/artifact/junit/junit -->
<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.13.1</version>
    <scope>test</scope>
</dependency>

三、引入bootstrap
bootstrap中文网下载
在webapp下创建static包
在jsp页面头部中引入样式

  <link href="static/bootstrap-3.4.1-dist/css/bootstrap.min.css" rel="stylesheet">

在相邻位置引入js文件

  <script src="static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

在相邻位置引入jQuery

  <script type="text/javascript" src="static/jquery/jquery-3.6.0.min.js"></script>

四、编写SSM整合的关键文件
1、启动spring的容器
xml文件不同,头文件不同
在这里直接制造不同头文件的xml
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">

spring.xml头文件

<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:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       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/aop
        http://www.springframework.org/schema/aop/spring-aop.xsd
        http://www.springframework.org/schema/tx
        http://www.springframework.org/schema/tx/spring-tx.xsd">

File | Settings | Editor | File and Code Templates

<listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>

2、springmvc的前端控制器
在web.xml的同级目录下
dispatcherServlet-servlet.xml

<!--  前端控制器-->
  <servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

3、字符编码过滤器(放在所有过滤器之前)

  <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>

4、使用rest风格URL
将页面普通请求转为指定请求

<context:component-scan base-package="com.gfl" use-default-filters="false">

    <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>

5、配置视图解析器

<context:component-scan base-package="com.gfl" use-default-filters="false">

    <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>

6、两个标准配置

<!--    两个标准配置-->
<!--    不能处理的交给tomcat-->
    <mvc:default-servlet-handler/>
<!--    高级功能jsr303-->
    <mvc:annotation-driven/>

7、spring配置文件
propertis文件

jdbc.jdbcUrl=jdbc:mysql://127.0.0.1:3306/ssm_crud
jdbc.driverClass=com.mysql.jdbc.Driver
jdbc.user=root
jdbc.password=root

8、数据源

  <context:component-scan base-package="com.gfl">
       <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
   </context:component-scan>
    <context:property-placeholder location="classpath:dbconfig.properties"></context:property-placeholder>
    <bean id="pooledDataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="jdbcUrl" value="${jdbc.driverClass}"></property>
        <property name="driverClass"  value="${jdbc.driverClass}"></property>
        <property name="user"  value="${jdbc.user}"></property>
        <property name="password"  value="${jdbc.password}"></property>
    </bean>

9、和mybatis的整合

<!--    mybatis-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="configLocation" value="classpath:mybatis-config.xml"></property>
        <property name="dataSource" ref="pooledDataSource"></property>
    <property name="mapperLocations" value="classpath:mapper/*.xml"></property>
    </bean>
<!--    将mybatis结口加入到IOC-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="basePackage" value="com.gfl.dao"></property>
    </bean>

10、事务控制

 <!--        开启事务-->
    <aop:config>
        <aop:pointcut id="txPoint" expression="execution(* com.gfl.service..*(..))"/>
        <aop:advisor advice-ref="txAdvice" pointcut-ref="txPoint"></aop:advisor>
    </aop:config>
    <tx:advice id="txAdvice">
    <tx:attributes>
    <tx:method name="*"/>
    <tx:method name="get*" read-only="true"/>
    </tx:attributes>
    </tx:advice>

五、mybatis配置文件
去mybatis官方网站拿到mybatis.xml头文件
编写<configuration></configuration>
mybatis逆向工程
登录mybatis generator
获取xml文件
有两个地方容易出错
一个是路径
不知道怎么谢就写绝对路径
另一个是driver

driverClass="com.mysql.cj.jdbc.Driver"

把xml
dao
pojo都配置了
如果要重新生成,必须把所有的重新删除!
生成的SQL语句里没有连表查询
联表查询是写业务逻辑的基础
自己增加联表查询

六、单元测试
Junit
导jar包一定要版本一致
与spring版本相同的要和spring一致
与mybatis版本相同的要和mybatis一致

注意Junit别导错了!!!
好吧,运行报错
我把applicationContext.xml里的

<!-- <property name="mapperLocations" value="classpath:mapper/*.xml"></property>-->

删除了
单元测试不生效,去掉scope
选择方法注意里面的参数
配置批量的sqlsession

<!-- https://mvnrepository.com/artifact/com.github.pagehelper/pagehelper -->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>5.2.0</version>
</dependency>

SQL语句结构一定要注意!!!
c3p0连接池

<!-- https://mvnrepository.com/artifact/com.mchange/c3p0 -->
<dependency>
    <groupId>com.mchange</groupId>
    <artifactId>c3p0</artifactId>
    <version>0.9.5.5</version>
</dependency>

在这里插入图片描述
在这里插入图片描述
要使jsp生效
在jsp前加

<%@page isELIgnored="false"%>

引入taglibs标签
bootstraps

<!-- https://mvnrepository.com/artifact/taglibs/standard -->
<dependency>
    <groupId>taglibs</groupId>
    <artifactId>standard</artifactId>
    <version>1.1.2</version>
</dependency>

查询用AJAX
.append()
appendTo("#emps_table");
id选择器加#号
tr和td要分清
$().empty()清空
分页插件配参数限制超范围
如果是首页前进或尾页后退则不允许发送请求
新增功能:
F12调试网页
console.log()
控制台
truncate table 删除表中的所有行,但表结构及其列、约束、索引等保持不变。新行标识所用的计数值重置为该列的种子。如果想保留标识计数值,请改用delete
jquery在bootstrap前引入
table标签
pageInfo是pagehelper里的类
不带/的相对路径,以当前资源为基准,容易出问题
你好,一个小节,看清楚再动手

<c:foreach>遍历
取值结合pojo的实体类名

http://localhost:8080/Third_Rewrite_war_exploded/emps?pn=5#
实体类的类名和前端的表单表格一定要对应
GET:查询;
POST:新增;
PUT:修改;
DELETE:删除
清空以前的部门信息
$("#empAddModal select").empty();
主外键绑定有可能对表单排序有影响
的确是这样,如果SQL语句不重新排序
它会直接按照主键排
所以要在mapper.xml中更改SQL语句

  FROM employee e
  LEFT JOIN department d ON e.d_id=d.dept_id
  ORDER BY e.emp_id

jQuery前端校验
正则表达式
写前端细节,标签别写错了
表单重置清除遗留内容
后端校验jsr303导包
jar包有些版本不适用,不是最新的最好

<!--      &lt;!&ndash; https://mvnrepository.com/artifact/org.hibernate.validator/hibernate-validator &ndash;&gt;-->
<!--      <dependency>-->
<!--          <groupId>org.hibernate.validator</groupId>-->
<!--          <artifactId>hibernate-validator</artifactId>-->
<!--          <version>7.0.1.Final</version>-->
<!--      </dependency>-->

6.16就可以

   <!-- https://mvnrepository.com/artifact/org.hibernate.validator/hibernate-validator -->
      <dependency>
          <groupId>org.hibernate.validator</groupId>
          <artifactId>hibernate-validator</artifactId>
          <version>6.1.6.Final</version>
      </dependency>

前端与bean包一定要保持书写正确
修改信息
方法不能用,看看方法的位置,如果被元素抱起来,只能在元素内部使用
做前端特别注意字母打错没
发送PUT请求
弹窗隐藏失效
$("#").modal.(“hide”)写错了,写成了
$("#").modal.hide()
删除
单个删除
批量删除
andEmpNameIn
andEmpIdIn
方法名不一样参数不一样

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值