元盛居门店管理系统(门店管理板块)

元盛居门店管理系统

元盛居,长春炭火火锅的代表。也是朋友聚会的最佳晚餐选择,来长春不品尝会遗憾的美食。主要卖的羊肉是草原兴发的羔羊肉,肉贵一些,要十多块一盘,不过量还不错。而且锅子热得快,一大桌人的话火也跟得及。服务态度比较实在,特别礼貌周到什么的都没有。 过去去红旗街店的时候,总要排队,夏天可到后面去露天。绝对是正宗原味铜火锅长春的第一选择。店里卖的冰川啤酒也还不错,还有比较豪华的大烤串卖,也十分好吃。

导入sql脚本

在这里插入图片描述
sql脚本详情如下:

-- --------------------------------------------
-- 创建yuansjdb库、tb_door、tb_order表并插入记录
-- --------------------------------------------
-- set names utf8; ##设置编码
-- 删除yuansjdb库(如果存在)
-- drop database if exists yuansjdb;
-- 重新创建yonghedb库
create database if not exists yuansjdb charset utf8;
-- 选择yonghedb库
use yuansjdb;
-- 删除门店表(需要先删除订单表)
drop table if exists tb_order;
drop table if exists tb_door;
-- 创建门店表
create table tb_door(
	id int primary key auto_increment,	-- 门店id
	name varchar(100),					-- 门店名称
	tel varchar(100),					-- 联系电话
	addr varchar(255)					-- 门店地址
);
-- 往门店表中插入记录
insert into tb_door values ('1', '元盛居(新民大街店)', '0431-85619338', '长春市朝阳区新民大街13号(近新民广场)');
insert into tb_door values ('2', '元盛居(生态大街店)', '0431-85674218', ' 长春市南关区吉林省生态大街717');
insert into tb_door values ('3', '元盛居(亚太大街店)', '0431-85274999', '长春市南关区亚泰大街与东三马路交汇处西北角(万龙花园商铺)');
insert into tb_door values ('4', '元盛居(第三分店)', '13019134236', '长春市朝阳区育民东路与云顶街交叉路口往西约50米');

-- 删除订单表(如果存在)
drop table if exists tb_order;
-- 创建订单表
create table tb_order(
	id int(11) primary key AUTO_INCREMENT,		-- 订单id
	door_id int(11),							-- 门店id
	order_no varchar(50),						-- 订单编号
	order_type varchar(50),						-- 订单类型(堂食/打包/外卖..)
	pnum int,									-- 用餐人数
	cashier varchar(50),						-- 收银员
	order_time timestamp NOT NULL DEFAULT '0000-00-00 00:00:00', -- 下单时间
	pay_time timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',	 -- 支付时间
	pay_type varchar(50),						-- 支付类型(微信支付/支付宝支付)
	price double,								-- 支付金额
	foreign key(door_id) REFERENCES tb_door(id)	-- 关联外键
);
-- 往订单表中插入记录
INSERT INTO tb_order VALUES ('1', '1', 'P001', '堂食', '2', '王蒙蒙', '2020-04-26 14:49:07', '2018-04-26 14:50:38', '微信支付', '116.00');
INSERT INTO tb_order VALUES ('2', '1', 'P002', '外卖', '3', '王蒙蒙', '2020-04-27 13:34:07', '2018-04-27 13:34:38', '微信支付', '120.00');
INSERT INTO tb_order VALUES ('3', '1', 'P003', '打包', '2', '王蒙蒙', '2021-01-22 11:59:22', '2019-01-22 11:59:22', '微信支付', '128.00');
INSERT INTO tb_order VALUES ('4', '1', 'P004', '堂食', '4', '王鹏力', '2021-01-23 13:01:26', '2019-01-23 13:01:26', '支付宝', '249.00');

技术选型:SSM

这里利用之前学过的MySQL、JSP、JSTL、html、css等技术,以及目前市面上最流行的企业级Java开发框架SSM实现一个《元盛居门店系统》,其中包括门店管理模块和订单管理模块,两个模块中,实现了对门店和订单信息的增删改查功能。

项目搭建

基本创建及依赖

1.创建module命名为yuansj-ssm
在这里插入图片描述
2.创建包路径和文件路径
在这里插入图片描述
3.添加下列依赖倒pom.xml

<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.10</version>
    <scope>test</scope>
</dependency>
<!-- 整合log4j -->
<dependency>
    <groupId>org.slf4j</groupId>
    <artifactId>slf4j-log4j12</artifactId>
    <version>1.6.4</version>
</dependency>
<!-- Jackson Json处理工具包 -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.4.2</version>
</dependency>
<!-- Servlet/JSP/JSTL -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>2.5</version>
    <scope>provided</scope>
</dependency>
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.0</version>
    <scope>provided</scope>
</dependency>
<dependency>
    <groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
<!-- 整合spring框架(包含springmvc)
    这个jar文件包含springmvc开发时的核心类, 同时也会将依赖的相关jar文件引入进来(spring的核心jar文件也包含在内)
 -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>4.1.3.RELEASE</version>
</dependency>
<!--这个jar文件包含对Spring对JDBC数据访问进行封装的所有类 -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>4.1.3.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>4.1.3.RELEASE</version>
</dependency>

4.添加日志: 在resources目录下创建log4j.properties文件

#Global logging configuration
log4j.rootLogger=DEBUG, stdout
#Console output...
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%5p [%t] - %m%n

5.在resources/spring目录下,创建spring的核心配置文件: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:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/mvc
						http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
						http://www.springframework.org/schema/beans
						http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
						http://www.springframework.org/schema/context
          				http://www.springframework.org/schema/context/spring-context-4.0.xsd">
    
</beans>

6.整合springmvc框架,在resource/spring/springmvc-config.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:mvc="http://www.springframework.org/schema/mvc"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc
						http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
						http://www.springframework.org/schema/beans
						http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
						http://www.springframework.org/schema/context
          				http://www.springframework.org/schema/context/spring-context-4.0.xsd">
	
	<!-- 1.配置前端控制器放行静态资源(html/css/js等,否则静态资源将无法访问) -->
	<mvc:default-servlet-handler/>
	
	<!-- 2.配置注解驱动,用于识别注解(比如@Controller) -->
	<mvc:annotation-driven></mvc:annotation-driven>
	
	<!-- 3.配置需要扫描的包:spring自动去扫描 base-package 下的类,
		如果扫描到的类上有 @Controller、@Service、@Component等注解,
		将会自动将类注册为bean 
	 -->
	<context:component-scan base-package="cn.huac.controller">
	</context:component-scan>
	
	<!-- 4.配置内部资源视图解析器
		prefix:配置路径前缀
		suffix:配置文件后缀
	 -->
	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/WEB-INF/pages/"/>
		<property name="suffix" value=".jsp"/>
	</bean>
	
	
</beans>

7.在web.xml中配置springmvc

 <!-- 配置springmvc, 将所有请求交给springmvc来处理 -->
<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_3_1.xsd"
         version="3.1">
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--指定springmvc配置文件路径-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring/*.xml</param-value>
        </init-param>		
    </servlet>
    <!-- 其中的斜杠(/)表示拦截所有请求(除JSP以外), 所有请求都要经过springmvc前端控制器 -->
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

8.配置springmvc乱码处理过滤器(tomcat8+可以省略该步骤)

<!-- 乱码处理过滤器 -->
<filter>
	<filter-name>encodingFilter</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>
</filter>
<filter-mapping>
	<filter-name>encodingFilter</filter-name>
	<!-- 指定拦截方式为拦截所有请求 -->
	<url-pattern>/*</url-pattern>
</filter-mapping>
  1. 测试springmvc框架

在WEB-INF/pages/目录下,创建test.jsp页面。

<%@ page pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
</head>
<body>
	<h1>test yuansj 环境</h1>
</body>
</html>

创建测试Controller: TestController

/** 测试类:测试springmvc开发环境 */
@Controller
public class TestController {
	@RequestMapping("/hello")
	public String hello(){
		return "test";
	}
}

将项目配置到tomcat,并定义应用名 yuansj

在这里插入图片描述
启动tomcat并访问
在这里插入图片描述

整合mybatis框架

1.在pom.xml文件中,引入mybatis及相关依赖包

<!-- 整合mybatis框架 -->
<dependency>
	<groupId>org.mybatis</groupId>
	<artifactId>mybatis</artifactId>
	<version>3.2.8</version>
</dependency>
<dependency>
	<groupId>org.mybatis</groupId>
	<artifactId>mybatis-spring</artifactId>
	<version>1.2.2</version>
</dependency>
<!-- mysql驱动 -->
<dependency>
	<groupId>mysql</groupId>
	<artifactId>mysql-connector-java</artifactId>
	<version>5.1.32</version>
</dependency>
<!-- druid连接池 -->
<dependency>
	<groupId>com.alibaba</groupId>
	<artifactId>druid</artifactId>
	<version>1.1.6</version>
</dependency>

2.在resources/mybatis目录下,创建mybatis的核心配置文件: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">
    
<!-- MyBatis的全局配置文件 -->
<configuration >
	<!-- 1.配置开发环境 -->
	<environments default="develop">
		<!-- 这里可以配置多个环境,比如develop,test等 -->
		<environment id="develop">
			<!-- 1.1.配置事务管理方式:JDBC:将事务交给JDBC管理(推荐) -->
			<transactionManager type="JDBC"></transactionManager>
			<!-- 1.2.配置数据源,即连接池方式:JNDI/POOLED/UNPOOLED -->
			<dataSource type="POOLED">
				<property name="driver" value="com.mysql.jdbc.Driver"/>
				<property name="url" value="jdbc:mysql://localhost:3306/yonghedb?characterEncoding=utf-8"/>
				<property name="username" value="root"/>
				<property name="password" value="root"/>
			</dataSource>
		</environment>
	</environments>
	
	<!-- 2.加载Mapper配置文件,路径以斜杠间隔: xx/xx/../xx.xml -->
	<mappers>
		<mapper resource="mybatis/mapper/DoorMapper.xml"/>
	</mappers>
</configuration>

3.创建实体类Door,用于封装所有的门店信息

package cn.huac.pojo;

/**
 * @author CCWangFei
 * @version 1.0 2021/3/1 0001
 */
public class Door {
    private Integer id;	    //门店编号
    private String name;	//门店名称
    private String tel;	    //门店电话
    private String addr;	//门店地址

    public Door() {
    }

    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 String getTel() {
        return tel;
    }

    public void setTel(String tel) {
        this.tel = tel;
    }

    public String getAddr() {
        return addr;
    }

    public void setAddr(String addr) {
        this.addr = addr;
    }

    @Override
    public String toString() {
        return "Door{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", tel='" + tel + '\'' +
                ", addr='" + addr + '\'' +
                '}';
    }
}

4.在src/main/resources/mybatis/mapper目录下,创建Door实体类的映射文件—DoorMapper.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">
<!-- 门店表的映射文件	namespace值为对应接口的全路径 -->
<mapper namespace="cn.huac.dao.DoorMapper">
    <!-- 1.查询所有门店信息,id值为对应接口中方法的名字
        resultType指定将查询的结果封装到哪个pojo对象中
     -->
    <select id="findAll" resultType="cn.huac.pojo.Door">
		select * from tb_door
	</select>
</mapper>

5.创建cn.huac.dao.DoorMapper接口,并根据EmpMapper.xml文件中的sql语句,提供findAll方法

import cn.huac.pojo.Door;

import java.util.List;

/**
 * DoorMapper接口 
 * 声明增删改查方法,对门店信息进行操作
 */
public interface DoorMapper {
    /**
     * 1.查询所有门店信息
     */
    public List<Door> findAll();

}

6.创建测试cn.huac.test.TestMybatis类,对mybatis开发环境进行测试

package cn.huac.test;

import cn.huac.dao.DoorMapper;
import cn.huac.pojo.Door;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import java.io.InputStream;
import java.util.List;

/** 测试类:测试mybatis开发环境 */
public class TestMybatis {
    public static void main(String[] args) throws Exception {
        //1.读取mybatis-config.xml核心文件
        InputStream in = Resources.getResourceAsStream(
                "mybatis/mybatis-config.xml");
        //2.获取SqlSessionFactory工厂
        SqlSessionFactory factory =
                new SqlSessionFactoryBuilder()
                        .build(in);
        //3.获取SqlSession对象
        SqlSession session = factory.openSession();

        //4.获取DoorMapper接口的实例
        DoorMapper mapper = session.getMapper(DoorMapper.class);
        //5.调用findAll方法查询所有门店信息
        List<Door> list = mapper.findAll();
        //6.遍历所有门店信息
        for(Door door : list){
            System.out.println(door);
        }
    }

}

执行结果:

Door{id=1, name='元盛居(新民大街店)', tel='0431-85619338', addr='长春市朝阳区新民大街13号(近新民广场)'}
Door{id=2, name='元盛居(生态大街店)', tel='0431-85674218', addr=' 长春市南关区吉林省生态大街717'}
Door{id=3, name='元盛居(亚太大街店)', tel='0431-85274999', addr='长春市南关区亚泰大街与东三马路交汇处西北角(万龙花园商铺)'}
Door{id=4, name='元盛居(第三分店)', tel='13019134236', addr='长春市朝阳区育民东路与云顶街交叉路口往西约50米'}

整合spring和mybatis

1.修改mybatis-config.xml文件(可以直接删除或者全部注释掉),将连接池等配置移除,在spring中配置

<?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">
    
<!-- MyBatis的全局配置文件 -->
<configuration >
	<!-- 1.配置开发环境 -->
	<!-- 1.1.配置事务管理方式:JDBC:将事务交给JDBC管理(推荐) -->
	<!-- 1.2.配置数据源,即连接池方式:JNDI/POOLED/UNPOOLED -->
	<!-- 2.加载Mapper配置文件,路径以斜杠间隔: xx/xx/../xx.xml -->
</configuration>

2.在applicationContext.xml中配置druid连接池

<?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:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/mvc
						http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
						http://www.springframework.org/schema/beans
						http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
						http://www.springframework.org/schema/context
          				http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <!-- 1.加载jdbc.properties文件的位置 -->
    <context:property-placeholder location="classpath:jdbc.properties"/>

    <!-- 2.配置druid连接池 ,id是固定值,class是druid连接池类的全路径 -->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <!-- 配置连接数据库的基本信息 -->
        <property name="driverClassName" value="${db.driverClassName}"></property>
        <property name="url" value="${db.url}"></property>
        <property name="username" value="${db.username}"></property>
        <property name="password" value="${db.password}"></property>
    </bean>

    <!-- 3.整合spring和mybatis框架
        将SqlSession等对象的创建交给Spring容器
        id值(sqlSessionFactory)是固定值
     -->
    <bean id="sqlSessionFactory"
          class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 3.1.指定mybatis核心配置文件的位置 如果删除了mybatis-config.xml则注释掉下一行代码-->
<!--        <property name="configLocation" value="classpath:mybatis/mybatis-config.xml"></property>-->
        <!-- 3.2.配置连接池(数据源) ref指向连接池bean对象的id值 -->
        <property name="dataSource" ref="dataSource"></property>
        <!-- 3.3、扫描所有的 XxxMapper.xml映射文件,读取其中配置的SQL语句 -->
        <property name="mapperLocations" value="classpath:mybatis/mapper/*.xml"/>
    </bean>

    <!-- 4、定义mapper接口扫描器 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 扫描所有XxxMapper接口,将接口实例的创建交给spring容器 -->
        <property name="basePackage" value="cn.huac.dao"/>
    </bean>

    <!-- 5.配置需要扫描的包(service层):spring自动去扫描 base-package下的类,
        如果扫描到的类上有 @Controller、@Service、@Component等注解,
        将会自动将类注册为bean(即由spring创建实例)
     -->
    <context:component-scan base-package="cn.huac.service">
    </context:component-scan>

</beans>

3.在resources目录下创建jdbc.properties文件,将连接数据库的基本信息提取到文件中

db.driverClassName=com.mysql.jdbc.Driver
db.url=jdbc:mysql:///yuansjdb?characterEncoding=utf-8
db.username=root
db.password=root

4.在TestController中添加testSSM()方法,测试SSM环境

package cn.huac.controller;


import cn.huac.dao.DoorMapper;
import cn.huac.pojo.Door;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/** 测试类:测试springmvc开发环境 */
@Controller
public class TestController {
    @RequestMapping("/hello")
    public String hello(){
        return "test";
    }

    /** 自动装配:由spring自动为属性赋值(对象)  */
    @Autowired
    DoorMapper mapper;

    @RequestMapping("/testssm")
    public String testSSM(){
        //1.调用findAll方法查询所有门店信息
        List<Door> list = mapper.findAll();
        //2.遍历所有门店信息
        for(Door door : list){
            System.out.println(door);
        }
        return "test";
    }
}

项目实现

门店操作

查询所有门店

查询所有门店开发步骤:

1、点击【门店管理】,访问DoorController中的查询所有门店信息的方法【doorList】

2、在【doorList】方法中调用service层,service层再调用dao层查询所有门店信息,返回所有门店信息的List集合

3、在【doorList】方法中,将返回的所有门店信息集合(List)存入Model中,并转向door_list.jsp(即 return “door_list”),将所有门店信息带到jsp页面进行显示

备注:上面已经创建了Door实体类和DoorMapper接口,rousources/mybatis/mapper/DoorMapper.xml

service层代码实现

1.创建业务层接口,并添加查询所有门店信息的方法

package cn.huac.service;
import cn.huac.pojo.Door;
import java.util.List;
/**
 * 业务层接口
 */
public interface DoorService {
    /**
     * 1.查询所有门店信息
     * @return List<Door>
     */
    public List<Door> findAll();
}

2.创建DoorService接口的实现类—DoorServiceImpl,实现父接口中的findAll方法:调用dao层的findAll方法查询所有门店信息

package cn.huac.service;

import cn.huac.dao.DoorMapper;
import cn.huac.pojo.Door;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

/* @Service
 * 作用1: 将当前对象的创建交给spring管理
 * 作用2:作为业务层代码的标识
 */
@Service
public class DoorServiceImpl implements DoorService{
    @Autowired //自动注入(由spring创建mapper对象并为属性赋值)
    private DoorMapper doorMapper;

    @Override
    public List<Door> findAll() {
        //1.调用DoorMapper的findAll方法,查询所有门店信息
        List<Door> list = doorMapper.findAll();
        //2.将所有门店信息的List集合返回
        return list;
    }
}
controller层代码实现

创建DoorController类,提供doorList方法:调用service层的findAll方法,查询所有门店信息。

package cn.huac.controller;

import cn.huac.pojo.Door;
import cn.huac.service.DoorService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/* @Controller
 * 作用1: 将当前对象的创建交给spring管理
 * 作用2:作为控制层代码的标识
 */
@Controller
public class DoorController {
    @Autowired    //自动注入(由spring创建当前对象并为属性赋值)
    private DoorService doorService;

    @RequestMapping("/doorList")
    public String doorList(){
        //调用service层的findAll方法,查询所有的门店信息
        List<Door> list = doorService.findAll();
        for (Door d:list) {
            System.out.println(d);
        }
        return "door_list";
    }
}

在页面上显示所有门店列表
1、导入页面(JSP)
在这里插入图片描述
2、创建通用的页面跳转方法

@PathVariable 映射 URL 绑定的占位符URL 中的 {xxx} 占位符可以通过@PathVariable(“xxx“) 绑定到操作方法的形式参数前面。

举例:现在要访问 /WEB-INF/pages/index.jsp页面,按照之前的讲解,我们会在Controller中添加一个方法,例如:

@RequestMapping("/index")
public String xxx(){
	return "index";
}

如果有很多这样的jsp页面需要我们访问呢?每访问一个jsp都要在Controller中添加一个方法吗?毫无疑问,这样做太繁琐了。

通过上面的观察,我们可以发现,@RequestMapping("/index") 中的"/index" 和 return “index"中的"index” 名称是相同的,按照此规律,我们可以提供一个通用的页面跳转方法,访问路径中的名字是什么,就返回/WEB-INF/pages/下的什么JSP页面。

因此,创建PageController类,代码实现如下:

package cn.huac.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * REST风格访问服务器资源
 */
@Controller
public class PageController {
    /** 通用的页面跳转方法
     * 例如:访问路径为 "/index",则方法最后返回的值为:"index"
     * 即最终返回 /WEB-INF/pages/index.jsp
     */
    @RequestMapping("/{page}")
    public String page(@PathVariable String page){
        return page;
    }

}

3.更新DoorController代码,将门店list集合存入model带到JSP显示

package cn.huac.controller;

import cn.huac.pojo.Door;
import cn.huac.service.DoorService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/* @Controller
 * 作用1: 将当前对象的创建交给spring管理
 * 作用2:作为控制层代码的标识
 */
@Controller
public class DoorController {
    @Autowired    //自动注入(由spring创建当前对象并为属性赋值)
    private DoorService doorService;

    @RequestMapping("/doorList")
    public String doorList(Model model){
        //调用service层的findAll方法,查询所有的门店信息
        List<Door> list = doorService.findAll();
        //将所有门店信息的list集合存入model中,带到JSP显示
        model.addAttribute("list", list);
        return "door_list";
    }
}

4.实现door_list.jsp

<%@ page pageEncoding="utf-8"%>
<%-- 引入JSTL标签库 --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
...
<body>
	...
	...
	<!-- 模版数据 -->
	<c:forEach items="${ list }" var="door" varStatus="status">
		<tr>
			<td>${ status.count }</td>
			<td>${ door.name }</td>
			<td>${ door.tel }</td>
			<td>${ door.addr }</td>
			<td>
				<a href="doorDelete?id=${ door.id }">删除</a>
				&nbsp;|&nbsp;
				<a href="doorUpdate?id=${ door.id }">修改</a>
			</td>
		</tr>
	</c:forEach>
		
	</table>
</body>
新增门店信息

新增门店信息开发步骤:

1、在门店信息列表页面中,点击【新增门店】,跳转到门店新增页面【door_add.jsp】

2、用户在【door_add.jsp】中输入新增的门店信息,点击【提交】将门店信息提交给DoorController的【doorAdd】方法

3、在【doorAdd】方法中,通过参数接收浏览器提交过来的门店信息,调用service层,service层再调用dao层将门店信息保存到数据库中,

4、新增成功后,重定向到门店列表页面,显示所有门店(即重定向到DoorController的【doorList】方法,先查询所有门店,再将所有门店信息带到JSP显示)

dao层代码实现

更新resources/mybatis/mapper/DoorMapper.xml文件,添加“新增门店信息”SQL。

    <!-- 2.新增门店信息 -->
    <insert id="addDoor">
        insert into tb_door 
        values(#{id}, #{name}, #{tel}, #{addr})
    </insert>

更新cn.huac.dao.DoorMapper接口,添加 addDoor方法,新增门店信息。

    /**
     * 2.新增门店信息
     * @param door
     */
    public void addDoor(Door door);

service层代码实现

更新cn.huac.service.DoorService接口,添加 addDoor方法,新增门店信息

    /**
     * 2.新增门店信息
     * @param door
     */
    public void addDoor(Door door);

更新cn.huac.service.DoorServiceImpl类,实现父接口中的 addDoor方法:调用dao层的addDoor方法新增门店信息

	@Override
	public void addDoor(Door door) {
		//调用DoorMapper的addDoor方法,新增门店信息
		doorMapper.addDoor(door);
	}

Controller层代码实现

更新cn.huac.controller.DoorController类,添加并实现doorAdd方法:调用service层的addDoor方法新增门店信息

	/** 2.新增门店信息 */
	@RequestMapping("/doorAdd")
	public String doorAdd(Door door){
		//1.调用service层的addDoor方法,新增门店信息
		doorService.addDoor(door);
		//2.重定向到门店列表页面, 显示所有门店信息
		return "redirect:/doorList";
	}

删除门店信息

删除门店信息开发步骤:

1、在门店信息列表页面中,点击门店信息后的【删除】按钮,访问DoorController中的【doorDelete】方法,访问的同时将所要删除的门店id一同提交给服务器。

2、在【doorDelete】方法中,通过参数接收门店id,调用service层,service层再调用dao层通过id删除指定的门店信息。

3、删除成功后,重定向到门店列表页面,显示所有门店(即重定向到DoorController的【doorList】方法,先查询所有门店,再将所有门店信息带到JSP显示)。

dao层代码实现

更新resources/mybatis/mapper/DoorMapper.xml文件,添加“删除门店信息”SQL。

	<!-- 3.根据id删除指定门店信息 -->
	<delete id="deleteById">
		delete from tb_door where id=#{id}
	</delete>

更新cn.huac.dao.DoorMapper接口,添加 deleteById方法,根据id删除门店信息。

	/**
     * 3.根据门店id删除门店信息
     */
    public void deleteById(Integer id);
service层代码实现

更新cn.huac.service.DoorService接口,添加 deleteById方法,根据id删除门店信息

	/**
	 * 3.根据id删除指定的门店信息
	 * @param id
	 */
	public void deleteById(Integer id);

更新cn.huac.service.DoorServiceImpl类,实现父接口中的 deleteById方法:调用dao层的deleteById方法,根据id删除门店信息

	@Override
	public void deleteById(Integer id) {
		//调用DoorMapper的deleteById方法,根据id删除指定的门店信息
		doorMapper.deleteById(id);
	}

Controller层代码实现

更新cn.huac.controller.DoorController类,添加并实现doorDelete方法:调用service层的deleteById方法删除门店信息

	/** 3.删除门店信息 */
	@RequestMapping("/doorDelete")
	public String doorDelete(Integer id){
		//1.调用service层的deleteById方法,删除指定id的门店信息
		doorService.deleteById(id);
		//2.重定向到门店列表页面, 显示所有门店信息
		return "redirect:/doorList";
	}

修改门店信息

修改门店信息开发步骤:

1、在门店信息列表页面中,点击门店信息后的【修改】按钮,访问DoorController中的【doorInfo】方法,访问的同时将所要查询的门店id一同提交给服务器。

2、在【doorInfo】方法中,通过参数接收门店id,调用service层,service层再调用dao层通过id查询指定的门店信息(Door)并返回

3、在【doorInfo】方法中,将返回的门店信息(Door)存入Model中,并转向door_update.jsp(即 return “door_update”),将门店信息带到jsp页面进行回显

4、在原有门店信息的基础上,对门店信息进行修改,点击【提交】将修改后的门店信息提交给DoorController的【doorUpdate】方法

5、在【doorUpdate】方法中,通过参数接收浏览器提交过来的门店信息,调用service层,service层再调用dao层根据id修改门店信息。

6、修改成功后,重定向到门店列表页面,显示所有门店(即重定向到DoorController的【doorList】方法,先查询所有门店,再将所有门店信息带到JSP显示)

dao层代码实现(查询门店)

修改门店信息需要在原有门店信息的基础上进行修改,因此在修改之前,需要先查询出原有门店信息,在原有门店信息的基础上修改后,再将修改后的门店信息提交给服务器端,服务器端将修改后的门店信息更新到数据库中

更新resources/mybatis/mapper/DoorMapper.xml文件,添加“根据id查询门店信息”SQL。

	<!-- 4.根据id查询指定门店信息 -->
	<select id="findById" resultType="cn.huac.pojo.Door">
		select * from tb_door where id=#{id}
	</select>

更新cn.huac.dao.DoorMapper接口,添加 findById方法,根据id查询门店信息。

	/**
	 * 4.根据id查询门店信息
	 * @param id
	 */
	public Door findById(Integer id);

service层代码实现(查询门店)

更新cn.huac.service.DoorService接口,添加 findById方法,根据id查询门店信息

	/**
	 * 4.根据id查询指定的门店信息
	 * @param id
	 * @return
	 */
	public Door findById(Integer id);

更新cn.huac.service.DoorServiceImpl类,实现父接口中的 findById方法:调用dao层的findById方法,根据id查询门店信息

	@Override
	public Door findById(Integer id) {
		//调用DoorMapper的findById方法,根据id查询门店信息
		Door door = doorMapper.findById(id);
		return door;
	}

Controller层代码实现(查询门店)

更新cn.huac.controller.DoorController类,添加并实现doorInfo方法:调用service层的findById方法根据id查询门店信息

	/** 4.根据id查询门店信息 */
	@RequestMapping("/doorInfo")
	public String doorInfo(Integer id, Model model){
		//1.调用service层的findById方法,根据id查询门店信息
		Door door = doorService.findById(id);
		//2.将门店信息保存到Model中
		model.addAttribute("door", door);
		//3.将门店信息带到door_update.jsp进行回显
		return "door_update";
	}

数据回显

在door_update.jsp中显示将要修改的门店信息

<h2>修改门店</h2>
<hr/>
<form action="doorUpdate" method="POST">
	<!-- hidden隐藏域,在提交表单时连door.id一起提交 -->
	<input type="hidden" name="id" value="${door.id}"/>
	<table border="1">
		<tr>
			<td width="30%">门店名称</td>
			<td>
				<input type="text" name="name" value="${door.name}"/>
			</td>
		</tr>
		<tr>
			<td>联系电话</td>
			<td>
				<input type="text" name="tel" value="${door.tel}"/>
			</td>
		</tr>
		<tr>
			<td>门店地址</td>
			<td>
				<input type="text" name="addr" value="${door.addr}"/>
			</td>
		</tr>
		
		<tr>
			<td colspan="2">
				<input type="submit" value="提	交" />
			</td>
		</tr>
	</table>
</form>

将要修改的门店信息回显至修改页面后,下面实现修改门店信息

dao层代码实现(更新门店)

更新resources/mybatis/mapper/DoorMapper.xml文件,添加“根据id更新门店信息”SQL:

	<!-- 5.根据id更新指定门店信息 -->
	<update id="updateById">
		update tb_door set name=#{name},tel=#{tel},addr=#{addr}
		where id=#{id}
	</update>

更新cn.huac.dao.DoorMapper接口,添加 updateById方法,根据id更新门店信息

	/**
	 * 5.根据id更新门店信息
	 * @param door
	 */
	public void updateById(Door door);

service层代码实现(更新门店)

更新cn.huac.service.DoorService接口,添加 updateById方法,根据id更新门店信息

	/**
	 * 5.根据id更新指定门店信息
	 * @param door
	 */
	public void updateById(Door door);

​ 更新cn.huac.service.DoorServiceImpl类,实现父接口中的 updateById方法:调用dao层的updateById方法,根据id更新门店信息

	@Override
	public void updateById(Door door) {
		//调用DoorMapper的updateById方法,根据id更新门店信息
		doorMapper.updateById(door);
	}

Controller层代码实现(更新门店)

更新cn.huac.controller.DoorController类,添加并实现doorUpdate方法:调用service层的updaeById方法删除门店信息

/** 5.根据id更新门店信息 */
	@RequestMapping("/doorUpdate")
	public String doorUpdate(Door door){
		//1.调用service层的updateById方法,根据id跟新门店信息
		doorService.updateById(door);
		//2.重定向到门店列表页面, 显示所有门店信息
		return "redirect:/doorList";
	}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值