“烤鱼铺子”门店管理系统开发笔记

it2023-10-24  77

“烤鱼铺子”门店管理系统开发笔记

 

1.项目开发说明

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

 

2.数据库及表设计

门店表结构:

订单表结构:

执行SQL语句,创建库和所需表:

create database if not exists kaoyudoor charset utf8; use kaoyudoor; drop table if exists tb_order; drop table if exists tb_door; -- 创建门店表 create table tb_door( id int PRIMARY KEY auto_increment, name VARCHAR(100), tel VARCHAR(100), addr VARCHAR(255) ); -- 在门店表中插入记录 INSERT INTO tb_door VALUES('1','烤鱼铺子(康庄店)','023-86818282','重庆市渝北区康庄'); INSERT INTO tb_door VALUES('2','烤鱼铺子(大竹林店)','023-76642334','重庆市渝北区大竹林'); INSERT INTO tb_door VALUES('3','烤鱼铺子(冉家坝店)','023-32233234','重庆市渝北区冉家坝'); INSERT INTO tb_door VALUES('4','烤鱼铺子(光电园店)','023-86818282','重庆市渝北区光电园'); INSERT INTO tb_door VALUES('5','烤鱼铺子(江与城店)','023-86818282','重庆市渝北区江与城'); -- 删除订单表(如果存在) DROP TABLE IF EXISTS tb_order; -- 创建订单表 CREATE TABLE tb_order( id int(11) PRIMARY KEY auto_increment, door_id int(11), 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) -- tb_door表中的id是这个表的外键 ); -- 往订单表中插入记录 INSERT INTO tb_order VALUES('1','1','P001','堂食','2','张仅','2020-05-22 13:35:07','2020-05-22 13:36:21','支付宝支付','78.88'); INSERT INTO tb_order VALUES('2','1','P005','打包','4','张仅','2020-05-22 14:01:02','2020-05-22 14:01:34','微信支付','108.08'); INSERT INTO tb_order VALUES('3','1','P006','外卖','1','张仅','2020-05-22 14:11:23','2020-05-22 14:12:51','微信支付','98.03'); INSERT INTO tb_order VALUES('4','1','P009','堂食','5','刘念','2020-05-22 14:11:57','2020-05-22 14:47:16','支付宝支付','205.88'); INSERT INTO tb_order VALUES('5','1','P012','堂食','3','刘念','2020-05-22 14:15:43','2020-05-22 14:16:41','微信支付','98.37');

 

3.项目环境搭建(SSM整合)

3.1 项目环境搭建

1.IDEA创建Maven的简单web工程 ​​​​

2.在src/main下新建java文件夹标记为源码文件夹,新建resources文件夹标记为资源文件夹,新建test/java文件夹标记为测试源码文件夹,新建test/resources文件夹为测试资源文件夹

3.创建包和目录

4.在pom.xml文件中,引入junit、log4j、servlet等依赖包

<!--引入项目依赖的jar包 --> <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> <scope>test</scope> </dependency> <!-- 整合log4j --> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>1.6.4</version> </dependency> <!-- SpringMVC、Spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.2.4.RELEASE</version> </dependency> <!-- spring-jdbc --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>4.3.8.RELEASE</version> </dependency> <!-- Spring面向切面编程 --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> <version>5.2.9.RELEASE</version> </dependency> <!--MyBatis --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.3</version> </dependency> <!-- MyBatis整合Spring的适配包 --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.3</version> </dependency> <!-- 数据库连接池、驱动 --> <dependency> <groupId>c3p0</groupId> <artifactId>c3p0</artifactId> <version>0.9.1.2</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.32</version> </dependency> <!-- (jstl,servlet-api,junit) --> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <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> </dependency> <!-- 返回json字符串的支持 --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.9.9.3</version> </dependency> <!-- druid连接池 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>1.2.1</version> </dependency> </dependencies>

5.在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

6.在resources目录下创建jdbc.properties文件,配置内容如下:

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

3.2 整合spring框架

1.在pom.xml文件中,引入spring的依赖包

2.在src/main/resources/spring目录下,创建spring的核心配置文件:applicationContext.xml

配置内容如下:

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="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 http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd"> </beans>

3.3 整合springmvc框架

前面在添加spring的jar包同时,将springmvc的jar包也引入了,因此这里不再引入springmvc的jar包

1.在resources/spring目录下,创建springmvc的核心配置文件: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="com.zhang.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>

2.在web.xml中配置springmvc

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5"> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> <!-- 配置springmvc, 将所有请求交给springmvc来处理 --> <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- 配置springmvc核心配置文件的位置,默认Springmvc的配置文件是在WEB-INF目录下,默认的名字为springmvc-servlet.xml,如果要放在其他目录,则需要指定如下配置: --> <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> <!-- 乱码处理过滤器 --> <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> </web-app>

3.测试springmvc框架:

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>TEST</title> </head> <body> <h1>TEST</h1> </body> </html>

(2)创建测试Controller: DoorController

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

(2)测试访问

 

3.4 整合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/kaoyudoor"/> <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.在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="com.zhang.dao.DoorDao"> <!-- 1.查询所有门店信息,id值为对应接口中方法的名字 resultType指定将查询的结果封装到哪个pojo对象中 --> <select id="findAll" resultType="com.zhang.pojo.Door"> select * from tb_door </select> </mapper>

4.在mybatis的全局配置文件中引入DoorMapper.xml映射文件

<!-- 2.加载Mapper配置文件,路径以斜杠间隔: xx/xx/../xx.xml --> <mappers> <mapper resource="mybatis/mapper/DoorMapper.xml"/> </mappers>

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

package com.zhang.pojo; public class Door { private int id; //门店号 private String name; //门店名称 private String tel; //门店电话 private String addr; //门店地址 //getter和setter方法 public int getId() { return id; } public void setId(int 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; } //重写toString方法 @Override public String toString() { return "Door{" + "id=" + id + ", name='" + name + '\'' + ", tel='" + tel + '\'' + ", addr='" + addr + '\'' + '}'; } }

6.创建com.zhang.dao.DoorDao接口,并根据DoorMapper.xml文件中的sql语句,提供findAll方法

package com.zhang.dao; import com.zhang.pojo.Door; import java.util.List; /* * DoorDao接口 * 声明增删改查方法,对门店信息进行操作 * */ public interface DoorDao { /* * 1.查询所有门店信息 * */ public List<Door> findAll(); }

7.创建测试com.zhang.controller.TestMybatis类,对mybatis开发环境进行测试

package com.test; import com.zhang.dao.DoorDao; import com.zhang.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 org.junit.Test; import javax.annotation.Resource; import java.io.IOException; import java.io.InputStream; import java.util.List; /* 测试类 */ public class Tests { //测试mybatis开发环境 @Test public void testMybatis() 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.获取DoorDao接口的实例 DoorDao mapper = session.getMapper(DoorDao.class); //5.调用findAll方法查找所有门店信息 List<Door> list = mapper.findAll(); //6.遍历所有门店信息 for (Door door : list){ System.out.println(door); } } }

执行结果:

3.5 整合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.配置开发环境 --> <!--<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/kaoyudoor"/> <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>

2.在applicationContext.xml中配置 druid连接池、SqlSession工厂等

由spring负责创建mybatis在运行过程中,所需要的一些对象。比如: SqlSession对象、SqlSession工程对象、连接池对象、Mapper接口的子类实例等都会交给spring容器创建

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="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 http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd"> <!--开启组件扫描--> <context:component-scan base-package="com.zhang"></context:component-scan> <!-- 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核心配置文件的位置 --> <property name="configLocation" value="classpath:mybatis/mybatis-config.xml"></property> <!-- 3.2.配置连接池(数据源) ref指向druid连接池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"> <!-- 扫描所有XxxDao接口,将接口实例的创建交给spring容器 --> <property name="basePackage" value="com.zhang.dao"/> </bean> </beans>

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

db.driverClassName=com.mysql.jdbc.Driver db.url=jdbc:mysql://localhost:3306/kaoyudoor db.username=root db.password=root

4.新建TestSSM测试类

package com.test.controller; import com.zhang.dao.DoorDao; import com.zhang.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; /* * 测试类,测试SSM开发环境 * */ @Controller public class TestSSM { /* * 自动装配,由spring自动为属性赋值(对象) * */ @Autowired DoorDao doorDao; @RequestMapping("/testssm") public String testSSM(){ //1.调用findAll方法查询所有门店信息 List<Door> doors = doorDao.findAll(); //2.遍历查询出的所有门店信息 for (Door door : doors){ System.out.println(door); } return "test"; } }

 

4.查询所有门店

查询所有门店开发步骤:

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

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

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

4.1 准备工作(若上面已创建,直接跳过即可!)

1、创建Door实体类,用于封装所有的门店信息(若上面已创建,直接跳过即可!)

package com.zhang.pojo; public class Door { private int id; //门店号 private String name; //门店名称 private String tel; //门店电话 private String addr; //门店地址 //getter和setter方法 public int getId() { return id; } public void setId(int 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; } //重写toString方法 @Override public String toString() { return "Door{" + "id=" + id + ", name='" + name + '\'' + ", tel='" + tel + '\'' + ", addr='" + addr + '\'' + '}'; } }

2.创建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="com.zhang.dao.DoorDao"> </mapper>

4.2 dao层代码实现(若上面已创建,直接跳过即可!)

1.更新resources/mybatis/mapper/DoorMapper.xml文件,添加“查询所有门店信息”SQL(若上面已创建,直接跳过即可!)

<!-- 1.查询所有门店信息,id值为对应接口中方法的名字 resultType指定将查询的结果封装到哪个pojo对象中--> <select id="findAll" resultType="com.zhang.pojo.Door"> SELECT * FROM tb_door </select>

2.创建DoorDao接口, 添加查询所有门店方法(若上面已创建,直接跳过即可!)

代码实现如下:

package com.zhang.dao; import com.zhang.pojo.Door; import java.util.List; /* * DoorDao接口 * 声明增删改查方法,对门店信息进行操作 * */ public interface DoorDao { /* * 1.查询所有门店信息 * */ public List<Door> findAll(); }

4.4 service层代码实现

1.创建DoorService类,提供getAll方法,调用dao层的findAll方法,查询所有门店信息,返回list集合

package com.zhang.service; import com.zhang.dao.DoorDao; import com.zhang.pojo.Door; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import java.util.List; @Service public class DoorService { @Autowired DoorDao doorDao; //查询所有门店 public List<Door> getAll(){ return doorDao.findAll(); } }

4.3 controller层代码实现

1、创建DoorController类,提供doorList方法,处理"/doors"请求,跳转到door_list页面,调用service层的getAll方法,查询所有门店信息

package com.zhang.controller; import com.zhang.pojo.Door; import com.zhang.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 { /* 在spring的配置文件中配置过dao包扫描, 在程序执行时, 框架底层 * 会扫描dao包下的所有mapper接口, 为接口提供子类, 并根据子类 * 创建实例——即接口的子类实例, @Autowired可以根据接口的类型 * 到spring容器中获取接口的子类实例, 并赋值给dao! */ @Autowired DoorService doorService; //1.查询所有的门店信息 @RequestMapping("/doors") public String doorList(Model model){ //调用service层的getAll方法,查询所有的门店信息 List<Door> list = doorService.getAll(); // for(Door d : list){ // System.out.println(d); // } //将门店集合存入到Model中 model.addAttribute("doors", list); //跳转到门店列表(door_list.jsp)页面(在该页面中展示所有门店信息) return "door_list"; } }

4.4 在页面上显示所有门店列表

1.导入页面JSP

2、创建通用的页面跳转方法

@PathVariable 映射 URL 绑定的占位符

URL 中的 {xxx} 占位符可以通过@PathVariable(“xxx“) 绑定到操作方法的入参中

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

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

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

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

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

package com.zhang.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class PageController { /* 声明一个通用的页面跳转方法: 通过访问jsp的名字 * 可以跳转到/WEB-INF/pages/下面指定名字的jsp页面 * 其中{}中的 jspName 用于接收访问的路径名, 例如: * 访问地址为: localhost/项目名称/index * 此时, jspName的值就是 index * 再将{}中jspName的值传递给方法上的形参jspName,值也为index * 最后再将jspName作为返回值返回, 也就是跳转到指定名称的jsp */ @RequestMapping("/{jspName}") public String toJsp(@PathVariable("jspName") String jspName) { return jspName; //可以跳转到任何的jsp } }

3.更新DoorController代码,将门店list集合存入model带到JSP显示(4.3.1已实现)

//1.查询所有的门店信息 @RequestMapping("/doors") public String doorList(Model model){ //调用service层的getAll方法,查询所有的门店信息 List<Door> list = doorService.getAll(); // for(Door d : list){ // System.out.println(d); // } //将门店集合存入到Model中 model.addAttribute("doors", list); //跳转到门店列表(door_list.jsp)页面(在该页面中展示所有门店信息) return "door_list"; }

4、完成door_list.jsp,实现门店展示 

<%@ page pageEncoding="utf-8"%> <%-- 引入JSTL标签库 --%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE HTML> <html> <head> <title>门店管理</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body{ font-family: "微软雅黑"; background-color: #EDEDED; } h2{ text-align: center;} table{ width:96%; margin: 0 auto; text-align: center; border-collapse:collapse; font-size:16px;} td, th{ padding: 5px;} th{ background-color: #DCDCDC; width:120px; } th.width-40{ width: 40px; } th.width-70{ width: 70px; } th.width-80{ width: 80px; } hr{ margin-bottom:20px; border:1px solid #aaa; } #add-door{text-align:center;font-size:20px;} </style> </head> <body><!-- body-start --> <h2>门店管理</h2> <div id="add-door"> <a href="door_add" target="rightFrame">新增门店</a> </div> <hr/> <table border="1"> <tr> <th class="width-40">序号</th> <th>门店名称</th> <th class="width-80">联系电话</th> <th>门店地址</th> <th class="width-80">操 作</th> </tr> <!-- 模版数据 --> <c:forEach items="${ doors }" var="door" varStatus="sta"> <tr> <td>${ sta.count }</td><!-- 是序号, 不是门店id --> <td>${ door.name }</td> <td>${ door.tel }</td> <td>${ door.addr }</td> <td> <a href="doorDelete?id=${ door.id }">删除</a> &nbsp;|&nbsp; <a href="doorInfo?id=${ door.id }">修改</a> </td> </tr> </c:forEach> </table> </body><!-- body-end --> </html>

 

5.删除门店信息

删除门店信息开发步骤:

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

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

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

4、需要注意的是:因为门店表和订单表存在关联关系,并且在订单表中添加了外键,因此如果该门店下有订单,门店不能删除(可以设置级联删除,在删除门店的同时,将订单表中的对应订单也删除,详细参考mysql课程讲义中的扩展内容)

5.1 Dao层代码实现

1.更新com.zhang.dao.DoorDao接口,添加 deleteById方法,根据id删除门店信息

package com.zhang.dao; import com.zhang.pojo.Door; import java.util.List; /* * DoorDao接口 * 声明增删改查方法,对门店信息进行操作 * */ public interface DoorDao { //1.查询所有门店信息 public List<Door> findAll(); //2.根据id删除门店信息 public void deleteById(Integer id); }

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

<!-- 2.根据id删除门店信息,id值为对应接口中方法的名字 --> <delete id="deleteById"> DELETE FROM tb_door WHERE id=#{id} </delete>

5.2 Service层实现,Service层调用Dao层deleteById方法

//根据id删除指定门店 public void deleteById(Integer id){ doorDao.deleteById(id); }

5.3 Controller层代码实现

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

//2.根据id删除指定门店 @RequestMapping("/deldoor") public String delDoor(Integer id){ //调用DoorService的deleteById方法, 根据id删除门店信息 doorService.deleteById(id); //删除成功后,转发到查询门店的方法, 显示最新门店信息 return "forward:/doors"; }

 

6.新增门店信息

新增门店信息开发步骤:

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

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

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

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

6.1 dao层代码实现

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

<!-- 3.新增门店信息 --> <insert id="addDoor"> INSERT INTO tb_door VALUE(null,#{name},#{tel},#{addr}) </insert>

2.更新com.zhang.dao.DoorDao接口,添加 addDoor方法,新增门店信息

public interface DoorDao { /** 1、查询所有的门店信息 */ public List<Door> findAll(); /** 2、根据id删除门店信息 */ public void deleteById(Integer id); /** 3、新增门店信息 */ public void addDoor(Door door); }

6.2 Service层代码实现

//新增门店信息 public void addDoor(Door door){ doorDao.addDoor(door); }

6.3 Controller层代码实现

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

/** 3、新增门店信息 * 接收客户端提交过来的门店信息(name,tel,addr) */ @RequestMapping("/doorAdd") public String doorAdd(Door door){ //调用DoorService的addDoor方法,新增门店信息 doorService.addDoor(door); //跳转到查询所有门店的方法,显示最新门店信息 return "forward:/doors"; }

 

7.更新门店信息

更新门店信息开发步骤:

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显示)

7.1 dao层代码实现(查询并回显门店)

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

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

<!-- 4.根据id查询门店信息 --> <select id="findById" resultType="com.zhang.pojo.Door"> SELECT * FROM tb_door WHERE id=#{id} </select>

2.更新com.zhang.dao.DoorDao接口,添加 findById方法,根据id查询门店信息

package com.zhang.dao; import com.zhang.pojo.Door; import java.util.List; /* * DoorDao接口 * 声明增删改查方法,对门店信息进行操作 * */ public interface DoorDao { //1.查询所有门店信息 public List<Door> findAll(); //2.根据id删除门店信息 public void deleteById(Integer id); //3.新增门店信息 public void addDoor(Door door); //4.根据id查找门店信息 public Door findById(Integer id); }

7.2 Service层代码(查询并回显门店)

//根据id查询指定门店 public Door findById(Integer id){ return doorDao.findById(id); }

7.3 Controller层代码实现(查询并回显门店)

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

/* * 4.根据id查寻指定门店信息 * 将查询到的门店信息带到门店修改页面, 进行数据的回显 * */ @RequestMapping("/doorInfo") public String findById(Model model, Integer id){ //调用DoorService的findById方法,根据id查询门店信息 Door door = doorService.findById(id); //将门店信息带回门店修改页面,进行回显 model.addAttribute("door", door); //转发到门店修改页面,在门店修改页面取出door回显数据 return "door_update"; }

7.4 修改页面门店回显

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

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

7.5 dao层代码实现(更新并回显门店)

1.更新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>

2.更新com.zhang.dao.DoorDao接口,添加 updateById方法,根据id更新门店信息

package com.zhang.dao; import com.zhang.pojo.Door; import java.util.List; /* * DoorDao接口 * 声明增删改查方法,对门店信息进行操作 * */ public interface DoorDao { //1.查询所有门店信息 public List<Door> findAll(); //2.根据id删除门店信息 public void deleteById(Integer id); //3.新增门店信息 public void addDoor(Door door); //4.根据id查找门店信息 public Door findById(Integer id); //5.根据id修改门店信息 public void updateById(Door door); }

7.6 Service层代码实现

//根据id修改门店信息 public void updateDoor(Door door){ doorDao.updateDoor(door); }

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

更新com.zhang.controller.DoorController类,添加并实现doorUpdate方法:调用service层的updaeDoor方法更新门店信息

/* * 5.根据id修改门店信息 * */ @RequestMapping("/doorUpdate") public String doorUpdate(Door door){ //调用DoorService的updateDoor方法,修改门店信息 doorService.updateDoor(door); //跳转到查询所有门店的方法, 显示最新门店信息 return "forward:/doors"; }

 

8.查询所有订单

查询所有订单开发步骤:

1、点击【订单管理】,访问OrderController中的查询所有订单信息的方法【doorList】

2、在【orderList】方法中调用service层,service层再调用dao层查询所有订单信息,返回所有订单信息的List<Order>集合

3、在【orderList】方法中,将返回的所有订单信息集合(List<Order>)存入Model中,并转向order_list.jsp(即 return "order_list"),将所有订单信息带到jsp页面进行显示

 

8.1 准备工作

1.创建com.zhang.pojo.Order实体类,用于封装所有的订单信息

package com.zhang.pojo; import java.util.Date; /* * 订单实体类 * */ public class Order { private Integer id; //订单id private Integer doorId; //门店编号 private String orderNo; //订单编号 private String orderType; //订单类型 private Integer pnum; //用餐人数 private String cashier; //收银员 private Date orderTime; //下单时间 private Date payTime; //结账时间 private String payType; //支付方式 private double price; //支付金额 //getter和setter方法 public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } public Integer getDoorId() { return doorId; } public void setDoorId(Integer doorId) { this.doorId = doorId; } public String getOrderNo() { return orderNo; } public void setOrderNo(String orderNo) { this.orderNo = orderNo; } public String getOrderType() { return orderType; } public void setOrderType(String orderType) { this.orderType = orderType; } public Integer getPnum() { return pnum; } public void setPnum(Integer pnum) { this.pnum = pnum; } public String getCashier() { return cashier; } public void setCashier(String cashier) { this.cashier = cashier; } public Date getOrderTime() { return orderTime; } public void setOrderTime(Date orderTime) { this.orderTime = orderTime; } public Date getPayTime() { return payTime; } public void setPayTime(Date payTime) { this.payTime = payTime; } public String getPayType() { return payType; } public void setPayType(String payType) { this.payType = payType; } public double getPrice() { return price; } public void setPrice(double price) { this.price = price; } 重写toString方法 @Override public String toString() { return "Order{" + "id=" + id + ", doorId=" + doorId + ", orderNo='" + orderNo + '\'' + ", orderType='" + orderType + '\'' + ", pnum=" + pnum + ", cashier='" + cashier + '\'' + ", orderTime=" + orderTime + ", payTime=" + payTime + ", payType='" + payType + '\'' + ", price=" + price + '}'; } }

2.在resources/mybatis/mapper目录下创建Order实体类的映射文件—OrderMapper.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="com.zhang.dao.OrderDao"> </mapper>

8.2 dao层代码实现

1.更新resources/mybatis/mapper/OrderMapper.xml文件,添加“查询所有订单信息”SQL

<?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="com.zhang.dao.OrderDao"> <!-- 数据表列字段与pojo类属性映射关系,type:指定将查询的结果封装到哪个类pojo对象中,id:指定一个唯一表示resultMap的值 --> <resultMap type="com.zhang.pojo.Order" id="orderRM"> <id column="id" property="id"/> <result column="door_id" property="doorId"/> <result column="order_no" property="orderNo"/> <result column="order_type" property="orderType"/> <result column="pnum" property="pnum"/> <result column="cashier" property="cashier"/> <result column="order_time" property="orderTime"/> <result column="pay_time" property="payTime"/> <result column="pay_type" property="payType"/> <result column="price" property="price"/> </resultMap> <!-- 1.查询所有订单信息,id值为对应接口中方法的名字,resultMap:指定为resultMap标签的id值 --> <select id="findAll" resultMap="orderRM"> SELECT * FROM tb_order </select> </mapper>

2.创建com.zhang.dao.OrderDao接口, 添加查询所有订单方法,代码实现如下:

package com.zhang.dao; import com.zhang.pojo.Order; import java.util.List; /* * 订单模块的Dao接口 */ public interface OrderDao { //1、查询所有的订单信息 public List<Order> findAll(); }

8.3 Service层代码实现

package com.zhang.service; import com.zhang.dao.OrderDao; import com.zhang.pojo.Order; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import java.util.List; @Service public class OrderService { @Autowired OrderDao orderDao; //1.查询所有订单信息 public List<Order> findAll(){ return orderDao.findAll(); } }

8.4 controller层代码实现

1.创建OrderController类,提供orderList方法:调用service层的findAll方法,查询所有订单信息

package com.zhang.controller; import com.zhang.pojo.Door; import com.zhang.pojo.Order; import com.zhang.service.DoorService; import com.zhang.service.OrderService; 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 public class OrderController { @Autowired DoorService doorService; @Autowired OrderService orderService; //1.查询所有订单 @RequestMapping("/orders") public String orderList(Model model){ //查询所有订单信息, 将查询到的订单集合存入Model中 List<Order> oList = orderService.findAll(); model.addAttribute( "oList", oList ); //查询所有门店信息, 将所有门店信息集合存入Model List<Door> dList = doorService.getAll(); model.addAttribute( "dList", dList ); //跳转到订单列表页面,显示所有订单信息 return "order_list"; } }

8.5 在页面上显示所有订单列表

实现order_list.jsp

<%@ page pageEncoding="utf-8"%> <%-- 引入JSTL标签库 --%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <!DOCTYPE HTML> <html> <head> <title>"烤鱼铺子"-订单列表</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body{ font-family: "微软雅黑"; background-color: #EDEDED; } h2{ text-align: center;} table{ width:96%; margin: 0 auto; text-align: center; border-collapse:collapse; font-size:16px;} td, th{ padding: 5px;} th{ background-color: #DCDCDC; width:120px; } th.width-40{ width: 40px; } th.width-50{ width: 50px; } th.width-64{ width: 64px; } th.width-80{ width: 80px; } th.width-120{ width: 100px; } hr{ margin-bottom:20px; border:1px solid #aaa; } #add-order{text-align:center;font-size:20px;} </style> <script type="text/javascript"> </script> </head> <body> <h2>订单管理</h2> <div id="add-order"> <!-- 点击后查询所有门店信息后再跳转到订单新增页面 --> <a href="toOrderAdd" target="rightFrame">新增订单</a> </div> <hr/> <table border="1"> <tr> <th class="width-40">序号</th> <th class="width-120">所属门店</th> <th class="width-50">订单号</th> <th class="width-40">类型</th> <th class="width-40">人数</th> <th class="width-50">收银员</th> <th class="width-120">下单时间</th> <th class="width-120">结账时间</th> <th class="width-50">支付方式</th> <th class="width-50">金额</th> <th class="width-80">操 作</th> </tr> <!-- 模版数据 --> <c:forEach items="${oList}" var="order" varStatus="sta"> <tr> <td>${sta.count}</td> <!-- 遍历门店集合(List<Door>),拿着订单中记录的门店编号(order.doorId) 和 每一个门店的编号(door.id)进行比较, 如果相等, 就将这个门店的名称显示在td中 --> <td> <c:forEach items="${dList}" var="door"> ${ order.doorId == door.id ? door.name : "" } </c:forEach> </td> <td>${order.orderNo}</td> <td>${order.orderType}</td> <td>${order.pnum}</td> <td>${order.cashier}</td> <td> <fmt:formatDate value="${order.orderTime}" pattern="yyyy/MM/dd HH:mm:ss"/> </td> <td> <fmt:formatDate value="${order.payTime}" pattern="yyyy/MM/dd HH:mm:ss"/> </td> <td>${order.payType}</td> <td>${order.price}</td> <td> <a href="orderDelete?id=${order.id}">删除</a> &nbsp;|&nbsp; <a href="orderInfo?id=${order.id}">修改</a> </td> </tr> </c:forEach> </table> </body><!-- body-end --> </html>

 

9.删除订单信息

删除订单信息开发步骤:

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

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

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

9.1 dao层代码实现

1.更新resources/mybatis/mapper/OrderMapper.xml文件,添加“删除订单信息”SQL

<!-- 2、根据id删除订单信息 --> <delete id="deleteById"> DELETE FROM tb_order WHERE id=#{id} </delete>

2、更新com.zhang.dao.OrderDao接口,添加 deleteById方法,根据id删除订单信息

//2.根据id删除指定订单信息 public void deleteById(Integer id);

9.2 Service层代码实现

//2.根据id删除指定订单信息 public void deleteById(Integer id){ orderDao.deleteById(id); }

9.3 Controller层代码实现

更新com.zhang.controller.OrderController类,添加并实现orderDelete方法:调用service层的deleteById方法删除订单信息

//2.根据id删除指定订单信息 @RequestMapping("/orderDelete") public String orderDelete(Integer id){ orderService.deleteById(id); //删除完后跳转到查询所有订单的方法, 显示最新的订单信息 return "forward:/orders"; }

 

10.新增订单信息

新增订单信息开发步骤:

1、在订单信息列表页面中,点击【新增订单】,查询所有门店,将所有门店信息带到订单新增页面【order_add.jsp】

2、在【order_add.jsp】中输入新增的订单信息,点击【提交】将订单信息提交给OrderController的【orderAdd】方法

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

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

10.1 dao层代码实现

1.更新resources/mybatis/mapper/OrderrMapper.xml文件,添加“新增订单信息”SQL

<!-- 3.新增订单信息 --> <insert id="addOrder"> INSERT INTO tb_order VALUE(null,#{doorId},#{orderNo},#{orderType},#{pnum},#{cashier},#{orderTime},#{payTime},#{payType},#{price}) </insert>

2.更新com.zhang.dao.OrderDao接口,添加 addOrder方法,新增订单信息

//3.新增订单信息 public void addOrder(Order order);

10.2 Service层代码实现

//3.新增订单信息 public void addOrder(Order order){ orderDao.addOrder(order); }

10.2 Controller层代码实现

1.修改"新增订单"链接地址,点击链接访问 /toOrderAdd地址,查询所有门店信息存入model,将所有门店信息转发带到order_add.jsp页面中,并在下拉框中进行回显

2.1更新com.zhang.controller.OrderController类,添加并实现toDoorAdd方法来到添加页面:调用DoorService层的findAll方法查询所有门店信息回显在新增页面

3.更新com.zhang.controller.OrderController类,添加并实现orderAdd方法:调用service层的add方法新增订单信息

//3.1 负责查询所有门店信息,并带到新增订单页面 @RequestMapping("/toOrderAdd") public String toOrderAdd(Model model){ //查询所有门店信息,将所有门店信息集合存入model List<Door> dList = doorService.getAll(); model.addAttribute("dList", dList); //跳转到订单新增页面(order_add.jsp) return "order_add"; } //3.2 新增订单信息提交 @RequestMapping("/orderAdd") public String orderAdd(Order order){ //调用orderService的add方法,新增订单信息 orderService.addOrder(order); //添加完成后跳转到查询所有订单的方法,更新所有订单 return "forward:/orders"; }

4.编写对应的order_add.jsp页面

<%@ page pageEncoding="utf-8"%> <!-- 引入JSTL标签库 --> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE HTML> <html> <head> <title>新增订单</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body{ font-family: "微软雅黑"; background-color: #EDEDED; } h2{ text-align: center;font-size:26px; } table{ margin: 30px auto; text-align: center; border-collapse:collapse; width:50%; } td, th{ padding: 5px;font-size:18px;} hr{ margin-bottom:20px; border:1px solid #aaa; } input,select,textarea{ width:284px; height:30px; background:#EDEDED; border:1px solid #999; text-indent:5px; font-size:18px; } input[type='submit']{ width:130px; height:36px; cursor:pointer; border-radius:5px 5px 5px 5px; background:#ddd; } select{text-indent:0px;} textarea{height:100px;font-size:22px;} </style> </head> <body><!-- body-start --> <h2>新增订单</h2> <hr/> <form action="orderAdd" method="POST"> <table border="1"> <tr> <td width="30%">所属门店</td> <td> <select name="doorId"> <!-- 遍历所有的门店信息, 将门店信息作为option显示在下拉选框中!! --> <c:forEach items="${dList}" var="door"> <option value="${door.id}">${door.name}</option> </c:forEach> </select> </td> </tr> <tr> <td>订单编号</td> <td> <input type="text" name="orderNo" placeholder="请输入订单编号"/> </td> </tr> <tr> <td>订单类型</td> <td> <select name="orderType"> <option value="堂食" selected>堂食</option> <option value="外卖">外卖</option> <option value="打包">打包</option> </select> <%--<input type="text" name="orderType" value="堂食"/>--%> </td> </tr> <tr> <td>用餐人数</td> <td> <input type="text" name="pnum" placeholder="请输入用餐人数"/> </td> </tr> <tr> <td>收银员</td> <td> <input type="text" name="cashier" placeholder="请输入收银员姓名"/> </td> </tr> <tr> <td>支付方式</td> <td> <select name="payType"> <option value="微信支付">微信支付</option> <option value="支付宝支付">支付宝支付</option> <option value="银联支付">银联支付</option> <option value="现金结算" selected>现金结算</option> </select> <%--<input type="text" name="payType" value="微支付"/>--%> </td> </tr> <tr> <td>支付金额</td> <td> <input type="text" name="price" placeholder="¥00.00"/> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="新增订单"/> </td> </tr> </table> </form> </body><!-- body-end --> </html>

 

11.修改(更新)订单信息

更新订单信息开发步骤:

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

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

3、在【orderInfo】方法中,将返回的订单信息(Order)存入Model中,并转向order_update.jsp(即 return "order_update"),将订单信息带到jsp页面进行回显

4、在原有订单信息的基础上,对订单信息进行修改,点击【提交】将修改后的订单信息提交给OrderController的【orderUpdate】方法

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

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

11.1 dao层代码实现(查询订单信息回显)

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

1.更新resources/mybatis/mapper/OrderMapper.xml文件,添加“根据id查询订单信息”SQL

<!-- 4.1 根据id查询订单信息 --> <select id="findById" resultMap="orderRM"> SELECT * FROM tb_order WHERE id=#{id} </select>

2.更新com.zhang.dao.OrderDao接口,添加 findById方法,根据id查询订单信息

//4.1 根据id查询指定订单信息 public Order findById(Integer id);

11.2 Service层实现(查询订单信息回显)

//4.1 根据id查询指定订单信息 public Order findById(Integer id){ return orderDao.findById(id); }

11.3 Controller层代码实现(查询订单信息回显)

更新com.zhang.controller.OrderController类,添加并实现orderInfo方法:

(1)调用DoorDao的findAll方法查询所有门店信息

(2)调用OrderDao的findById方法根据id查询订单信息

//4.1 修改订单--查询指定id的订单信息,来到修改页面进行回显 @RequestMapping("/orderInfo") public String orderInfo(Model model, Integer id){ //根据id查询订单信息,将订单信息存入Model中 Order order = orderService.findById(id); model.addAttribute("order", order); //查询所有门店信息, 将所有门店信息集合存入Model List<Door> dList = doorService.getAll(); model.addAttribute("dList", dList); //将订单信息带到订单修改页面, 进行数据的回显 return "order_update"; }

11.4 修改页面(order_update.jsp)设计

<%@ page pageEncoding="utf-8"%> <%-- 引入JSTL标签库 --%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <!DOCTYPE HTML> <html> <head> <title>"烤鱼铺子"-修改订单</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body{ font-family: "微软雅黑"; background-color: #EDEDED; } h2{ text-align: center;font-size:26px; } table{ margin: 30px auto; text-align: center; border-collapse:collapse; width:50%; } td, th{ padding: 5px;font-size:18px;} hr{ margin-bottom:20px; border:1px solid #aaa; } input,select,textarea{ width:284px; height:30px; background:#EDEDED; border:1px solid #999; text-indent:5px; font-size:18px; } input[type='submit']{ width:130px; height:36px; cursor:pointer; border-radius:5px 5px 5px 5px; background:#ddd; } select{text-indent:0px;} textarea{height:100px;font-size:22px;} </style> </head> <body><!-- body-start --> <h2>修改订单</h2> <hr/> <form action="orderUpdate" method="POST"> <!-- hidden隐藏域,在提交表单时连order.id一起提交 --> <input type="hidden" name="id" value="${order.id}"/> <table border="1"> <tr> <td width="30%">所属门店</td> <td> <select id="doorId" name="doorId"> <!-- 遍历门店集合,将每一个门店作为一个option选项显示在下拉选框中 所属门店的回显: 在遍历的同时,让订单中记录的门店id和当前门店的id 进行比较, 如果两者相等, 就将当前门店所在的option设置为默认被选中 就可以做到门店的回显! --> <c:forEach items="${dList}" var="door"> <c:if test="${order.doorId == door.id}"> <option selected="selected" value="${door.id}">${door.name}</option> </c:if> <c:if test="${order.doorId != door.id}"> <option value="${door.id}">${door.name}</option> </c:if> </c:forEach> </select> </td> </tr> <tr> <td>订单编号</td> <td> <input type="text" name="orderNo" value="${order.orderNo}" placeholder="请输入订单编号"/> </td> </tr> <tr> <td>订单类型</td> <td> <select name="orderType"> <option value="${order.orderType}">${order.orderType}</option> <option value="堂食">堂食</option> <option value="外卖">外卖</option> <option value="打包">打包</option> </select> <%--<input type="text" name="orderType" value="${order.orderType}"/>--%> </td> </tr> <tr> <td>用餐人数</td> <td> <input type="text" name="pnum" value="${order.pnum}" placeholder="请输入用餐人数"/> </td> </tr> <tr> <td>收银员</td> <td> <input type="text" name="cashier" value="${order.cashier}" placeholder="请输入收银员姓名"/> </td> </tr> <tr> <td>下单时间</td> <td> <input type="text" name="orderTime" value='<fmt:formatDate value="${order.orderTime}" pattern="yyyy/MM/dd HH:mm:ss"/>'/> </td> </tr> <tr> <td>结账时间</td> <td> <input type="text" name="payTime" value='<fmt:formatDate value="${order.payTime}" pattern="yyyy/MM/dd HH:mm:ss"/>'/> </td> </tr> <tr> <td>支付方式</td> <td> <select name="payType"> <option value="${order.payType}">${order.payType}</option> <option value="微信支付">微信支付</option> <option value="支付宝支付">支付宝支付</option> <option value="银联支付">银联支付</option> <option value="现金结算">现金结算</option> </select> <%--<input type="text" name="payType" value="${order.payType}"/>--%> </td> </tr> <tr> <td>支付金额</td> <td> <input type="text" name="price" placeholder="请输入支付金额" value="${order.price}"/> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="修改订单"/> </td> </tr> </table> </form> </body><!-- body-end --> </html>

11.5 dao层代码实现(更新订单)

1.更新resources/mybatis/mapper/OrderMapper.xml文件,添加“根据id更新订单信息”SQL:

<!-- 4.2 更新订单信息 --> <update id="updateOrder"> UPDATE tb_order SET door_id=#{doorId},order_no=#{orderNo},order_type=#{orderType},pnum=#{pnum},cashier=#{cashier},order_time=#{orderTime},pay_time=#{payTime},pay_type=#{payType},price=#{price} WHERE id=#{id} </update>

2.更新com.zhang.dao.OrderDao接口,添加 updateOrder方法,根据id更新订单信息

//4.2 更新订单信息 public void updateOrder(Order order);

11.6 Service层代码实现(更新订单)

//4.2 更新订单信息 public void updateOrder(Order order){ orderDao.updateOrder(order); }

11.7 Controller层代码实现(更新订单)

更新com.zhang.controller.OrderController类,添加并实现orderUpdate方法:调用service层的updateOrder方法删除订单信息 //4.2 更新订单信息 @RequestMapping("/orderUpdate") public String orderUpdate(Order order){ //order是用于接收修改后的订单信息 //调用OrderService的updateOrder方法, 根据id修改订单信息 orderService.updateOrder(order); //添加完后跳转到查询所有订单的方法, 显示最新的订单信息 return "forward:/orders"; }

 

12.扩展内容

当通过浏览器访问服务器中不存在的资源时,浏览器的页面上会显示404

当服务器端程序出现错误时,浏览器的页面上会显示500异常信息

可以自己写更友好的404和500页面,代替默认的404和500页面

1.将404.jsp和500.jsp以及e.png拷贝到webapp目录下

2.在web.xml文件中配置全站404和500跳转页面

<web-app> ... <!-- 配置全站500异常跳转页面 --> <error-page> <error-code>500</error-code> <location>/500.jsp</location> </error-page> <!-- 配置全站404跳转页面 --> <error-page> <error-code>404</error-code> <location>/404.jsp</location> </error-page> ... </web-app>

 

最新回复(0)