永和大王是全国连锁快餐企业,自1995年12月在上海市开设第一家餐厅以来,经过24年的发展,已经在中国大陆开设了近300家直营连锁餐厅,所经营的品均是符合中国人的口味的豆浆、油条、各种稀饭、面食以及中式点心,并坚持以直营方式扩张获得了稳定、标准、一致的发展,深受大众喜爱。
这里利用之前学过的MySQL、JSP、JSTL、html、css等技术,以及目前市面上最流行的企业级Java开发框架SSM实现一个《永和大王门店管理系统》,其中包括门店管理模块和订单管理模块,两个模块中,实现了对门店和订单信息的增删改查功能。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F5Q3aRsd-1606749758802)(yonghe-ssm.assets/4c7dd2fea97b52f859ab53d2edf93ef5.jpg)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G1xyZNoC-1606749758804)(yonghe-ssm.assets/0377a4211435d4d210223097412f587e.jpg)]
门店表结构:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zkV8vBPV-1606749758806)(yonghe-ssm.assets/4598a388e94580be8876533a00831137.png)]
订单表结构:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MdrwRrDB-1606749758808)(yonghe-ssm.assets/060ca82e1429a39d548adf56d79937c3.png)]
执行SQL脚本文件,创建库和所需表
-- --------------------------------------------
-- 创建yonghedb库、tb_door、tb_order表并插入记录
-- --------------------------------------------
-- 删除yonghedb库(如果存在)
-- drop database if exists yonghedb;
-- 重新创建yonghedb库
create database if not exists yonghedb charset utf8;
-- 选择yonghedb库
use yonghedb;
-- 删除门店表(需要先删除订单表)
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', '永和大王(北三环西路店)', '010-62112313', '北三环西路甲18号院-1号大钟寺中坤广场d座');
insert into tb_door values ('2', '永和大王(知春路店)', '010-82356537', '知春路29号大运金都');
insert into tb_door values ('3', '永和大王(东直门)', '010-84477746', '东直门外大街48号东方银座b2-08');
insert into tb_door values ('4', '永和大王(北京站)', '010-65286602', '毛家湾胡同甲13号北京站候车大厅2层');
insert into tb_door values ('5', '永和大王(学院路店)', '010-62152539', '学院南路37号超市发四道口店四道口西北角');
-- 删除订单表(如果存在)
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', '堂食', '1', '张三', '2018-04-26 14:49:07', '2018-04-26 14:50:38', '微支付', '16.00');
INSERT INTO tb_order VALUES ('2', '1', 'P003', '外卖', '3', '张三', '2018-04-27 13:34:07', '2018-04-27 13:34:38', '微支付', '20.00');
INSERT INTO tb_order VALUES ('3', '1', 'P005', '打包', '1', '张三', '2019-01-22 11:59:22', '2019-01-22 11:59:22', '微支付', '28.00');
INSERT INTO tb_order VALUES ('4', '1', 'P007', '堂食', '1', '李四', '2019-01-23 13:01:26', '2019-01-23 13:01:26', '微支付', '49.00');
1、创建Maven的简单web工程
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4uDOKPxH-1606749758810)(yonghe-ssm.assets/73f8c901589213de1a00c034565c33eb.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cJxASRWe-1606749758811)(yonghe-ssm.assets/9a53009830f103abbaabf9d6389ba941.png)]
2、补全WEB-INF目录和web.xml文件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-A4mHY9Ag-1606749758812)(yonghe-ssm.assets/f52ad7c8751dcd3dd4696ff753fd949d.png)]
3、创建包和目录
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rDNWTo7h-1606749758813)(yonghe-ssm.assets/2bf04d402fea928ed336efbe5a6c586e.png)]
4、在pom.xml文件中,引入junit、log4j、servlet等依赖包
<dependencies>
<dependency>
<groupId>junitgroupId>
<artifactId>junitartifactId>
<version>4.10version>
<scope>testscope>
dependency>
<dependency>
<groupId>org.slf4jgroupId>
<artifactId>slf4j-log4j12artifactId>
<version>1.6.4version>
dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>servlet-apiartifactId>
<version>2.5version>
<scope>providedscope>
dependency>
<dependency>
<groupId>javax.servletgroupId>
<artifactId>jsp-apiartifactId>
<version>2.0version>
<scope>providedscope>
dependency>
<dependency>
<groupId>jstlgroupId>
<artifactId>jstlartifactId>
<version>1.2version>
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
1、在pom.xml文件中,引入spring的依赖包
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-webmvcartifactId>
<version>4.1.3.RELEASEversion>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-jdbcartifactId>
<version>4.1.3.RELEASEversion>
dependency>
<dependency>
<groupId>org.springframeworkgroupId>
<artifactId>spring-aspectsartifactId>
<version>4.1.3.RELEASEversion>
dependency>
2、在src/main/resources/spring目录下,创建spring的核心配置文件:applicationContext.xml
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yiiyh4VZ-1606749758813)(yonghe-ssm.assets/42a4503c6bc788facf399f8a4c9ae2c4.png)]
配置内容如下:
<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>
前面在添加spring的jar包同时,将springmvc的jar包也引入了,因此这里不再引入springmvc的jar包
1、在resources/spring目录下,创建springmvc的核心配置文件:springmvc-config.xml,内容配置如下:
<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">
<mvc:default-servlet-handler/>
<mvc:annotation-driven>mvc:annotation-driven>
<context:component-scan base-package="com.tedu.controller">
context:component-scan>
<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
<servlet>
<servlet-name>springmvcservlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
<init-param>
<param-name>contextConfigLocationparam-name>
<param-value>classpath:spring/*.xmlparam-value>
init-param>
servlet>
<servlet-mapping>
<servlet-name>springmvcservlet-name>
<url-pattern>/url-pattern>
servlet-mapping>
3、配置springmvc乱码处理过滤器
<filter>
<filter-name>encodingFilterfilter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
<init-param>
<param-name>encodingparam-name>
<param-value>utf-8param-value>
init-param>
filter>
<filter-mapping>
<filter-name>encodingFilterfilter-name>
<url-pattern>/*url-pattern>
filter-mapping>
3、测试springmvc框架:
(1)创建test.jsp页面
在WEB-INF/pages/目录下,创建test.jsp页面。
<%@ page pageEncoding="utf-8"%>
<html>
<head>
<meta charset="utf-8"/>
head>
<body>
<h1>yonghe-ssm test.jsp~~~h1>
body>
html>
(2)创建测试Controller: DoorController
/** 测试类:测试springmvc开发环境 */
@Controller
public class DoorController {
@RequestMapping("/testmvc")
public String testmvc(){
return "test";
}
}
(3)将项目部署到服务器中,启动服务器:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y2mxAxvz-1606749758814)(yonghe-ssm.assets/8a9e431cb717aa0c06a7a79ea60d1c9e.png)]
访问效果如下:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mAEOfiRb-1606749758815)(yonghe-ssm.assets/image-20200422164842188.png)]
1、在pom.xml文件中,引入mybatis及相关依赖包
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatisartifactId>
<version>3.2.8version>
dependency>
<dependency>
<groupId>org.mybatisgroupId>
<artifactId>mybatis-springartifactId>
<version>1.2.2version>
dependency>
<dependency>
<groupId>mysqlgroupId>
<artifactId>mysql-connector-javaartifactId>
<version>5.1.32version>
dependency>
<dependency>
<groupId>com.alibabagroupId>
<artifactId>druidartifactId>
<version>1.1.6version>
dependency>
2、在resources/mybatis目录下,创建mybatis的核心配置文件:mybatis-config.xml
<configuration >
<environments default="develop">
<environment id="develop">
<transactionManager type="JDBC">transactionManager>
<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>
<mappers>
<mapper resource="mybatis/mapper/DoorMapper.xml"/>
mappers>
configuration>
3、在src/main/resources/mybatis/mapper目录下,创建Door实体类的映射文件:DoorMapper.xml
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GKbyIpW9-1606749758816)(yonghe-ssm.assets/6ed9a575d04e59920e772807ae450e1a.png)]
配置内容如下:
<mapper namespace="com.tedu.dao.DoorMapper">
<select id="findAll" resultType="com.tedu.pojo.Door">
select * from tb_door
select>
mapper>
4、在mybatis的全局配置文件中引入DoorMapper.xml映射文件
<configuration >
...
<mappers>
<mapper resource="mybatis/mapper/DoorMapper.xml"/>
mappers>
configuration>
5、创建com.tedu.dao.DoorMapper接口,并根据EmpMapper.xml文件中的sql语句,提供findAll方法
package com.tedu.dao;
import java.util.List;
import com.tedu.pojo.Door;
/**
* DoorMapper接口
* 声明增删改查方法,对门店信息进行操作
*/
public interface DoorMapper {
/**
* 1.查询所有门店信息
*/
public List<Door> findAll();
}
6、创建实体类Door,用于封装所有的门店信息
package com.tedu.pojo;
public class Door {
private Integer id; //门店编号
private String name; //门店名称
private String tel; //门店电话
private String addr; //门店地址
//getter和setter方法
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;
}
//重写toString方法
@Override
public String toString() {
return "Door [id=" + id + ", name=" + name + ", tel=" + tel + ", addr=" + addr + "]";
}
}
7、创建测试com.tedu.controller.TestMybatis类,对mybatis开发环境进行测试
package com.tedu.controller;
import java.io.InputStream;
import java.util.List;
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 com.tedu.dao.DoorMapper;
import com.tedu.pojo.Door;
/** 测试类:测试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);
}
}
}
执行结果:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pn5WoWhQ-1606749758817)(yonghe-ssm.assets/fe11e99f514d970bc6805d39af5ad047.png)]
1、修改mybatis-config.xml文件,将数据源等配置移除,在spring的配置文件中配置
<configuration>
configuration>
2、在applicationContext.xml中配置 druid连接池、SqlSession工厂等
<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:property-placeholder location="classpath:jdbc.properties"/>
<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>
<bean id="sqlSessionFactory"
class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="configLocation"
value="classpath:mybatis/mybatis-config.xml">property>
<property name="dataSource" ref="dataSource">property>
<property name="mapperLocations" value="classpath:mybatis/mapper/*.xml"/>
bean>
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage"
value="com.tedu.dao"/>
bean>
beans>
3、在resources目录下创建jdbc.properties文件,将连接数据库的基本信息提取到文件中
db.driverClassName=com.mysql.jdbc.Driver
db.url=jdbc:mysql:///yonghedb?characterEncoding=utf-8
db.username=root
db.password=root
4、复制TestController类,改名为TestSSM
package com.tedu.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import com.tedu.dao.DoorMapper;
import com.tedu.pojo.Door;
/** 测试类:测试SSM开发环境 */
@Controller /* 这个注解表示当前类属于Controller层代码 */
public class TestSSM {
/** 自动装配:由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页面进行显示
1、创建Door实体类,用于封装所有的门店信息(若上面已创建,直接跳过即可!)
package com.tedu.pojo;
/** 门店实体类 */
public class Door {
private Integer id; //门店编号
private String name; //门店名称
private String tel; //门店电话
private String addr; //门店地址
//getter和setter方法
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;
}
//重写toString方法
@Override
public String toString() {
return "Door [id=" + id + ", name=" + name + ", tel=" + tel + ", addr=" + addr + "]";
}
}
2、创建Door实体类的映射文件—DoorMapper.xml(若上面已创建,直接跳过即可!)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K0AzaXOh-1606749758818)(yonghe-ssm.assets/6ed9a575d04e59920e772807ae450e1a-1585845021769.png)]
配置内容如下:
<mapper namespace="com.tedu.dao.DoorMapper">
mapper>
1、更新resources/mybatis/mapper/DoorMapper.xml文件,添加“查询所有门店信息”SQL(若上面已创建,直接跳过即可!)
<select id="findAll" resultType="com.tedu.pojo.Door">
select * from tb_door
select>
2、创建DoorMapper接口, 添加查询所有门店方法(若上面已创建,直接跳过即可!)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dq5w1PPE-1606749758819)(yonghe-ssm.assets/0202fbdf437e435ff206aa5b64cd21cd.png)]
DoorMapper代码实现如下:
package com.tedu.dao;
import java.util.List;
import com.tedu.pojo.Door;
public interface DoorMapper {
/** 1、查询所有的门店信息 */
public List<Door> findAll();
}
1、创建DoorController类,提供doorList方法:调用service层的findAll方法,查询所有门店信息。
package com.tedu.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import com.tedu.pojo.Door;
import com.tedu.service.DoorService;
@Controller
/* @Controller作用1: 将当前对象的创建交给spring管理
* 作用2:作为控制层代码的标识
*/
public class DoorController {
/* 在spring的配置文件中配置过dao包扫描, 在程序执行时, 框架底层
* 会扫描dao包下的所有mapper接口, 为接口提供子类, 并根据子类
* 创建实例——即接口的子类实例, @Autowired可以根据接口的类型
* 到spring容器中获取接口的子类实例, 并赋值给dao!
*/
@Autowired
private DoorMapper dao;
/** 1、查询所有的门店信息 */
@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)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k1WMxsoh-1606749758820)(yonghe-ssm.assets/ad01fc5d1e185a0a1da7bac209955b75.png)]
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"名称是相同的,按照此规律,我们可以提供一个通用的页面跳转方法,访问路径中的名字是什么,就回/WEBINF/pages/下的什么JSP页面。
因此,创建PageController类,代码实现如下:
@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 String jspName) {
return jspName; //可以跳转到任何的jsp
}
}
3、更新DoorController代码,将门店list集合存入model带到JSP显示
/** 1、查询所有的门店信息 */
@RequestMapping("/doorList")
public String doorList( Model model ) {
//调用DoorMapper的findAll方法查询所有门店信息
List<Door> list = dao.findAll();
//将门店集合存入到Model中
model.addAttribute( "list" , 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" %>
...
...
...
${ status.count }
${ door.name }
${ door.tel }
${ door.addr }
删除
|
修改
删除门店信息开发步骤:
1、在门店信息列表页面中,点击门店信息后的【删除】按钮,访问DoorController中的【doorDelete】方法,访问的同时将所要删除的门店id一同提交给服务器。
2、在【doorDelete】方法中,通过参数接收门店id,调用service层,service层再调用dao层通过id删除指定的门店信息。
3、删除成功后,重定向到门店列表页面,显示所有门店(即重定向到DoorController的【doorList】方法,先查询所有门店,再将所有门店信息带到JSP显示)。
4、需要注意的是:因为门店表和订单表存在关联关系,并且在订单表中添加了外键,因此如果该门店下有订单,门店不能删除(可以设置级联删除,在删除门店的同时,将订单表中的对应订单也删除,详细参考mysql课程讲义中的扩展内容)
1、更新resources/mybatis/mapper/DoorMapper.xml文件,添加“删除门店信息”SQL。
<delete id="deleteById">
delete from tb_door where id=#{id}
delete>
2、更新com.tedu.dao.DoorMapper接口,添加 deleteById方法,根据id删除门店信息。
public interface DoorMapper {
/** 1、查询所有的门店信息 */
public List<Door> findAll();
/** 2、根据id删除门店信息 */
public void deleteById(Integer id);
}
1、更新com.tedu.controller.DoorController类,添加并实现doorDelete方法:调用service层的deleteById方法删除门店信息
/** 2、根据id删除门店信息 */
@RequestMapping("/doorDelete")
public String doorDelete(Integer id) {
//调用DoorMapper的deleteById方法, 根据id删除门店信息
dao.deleteById( id );
//删除成功后,跳转到查询门店的方法, 显示最新门店信息
return "forward:/doorList";
}
新增门店信息开发步骤:
1、在门店信息列表页面中,点击【新增门店】,跳转到门店新增页面【door_add.jsp】
2、用户在【door_add.jsp】中输入新增的门店信息,点击【提交】将门店信息提交给DoorController的【doorAdd】方法
3、在【doorAdd】方法中,通过参数接收浏览器提交过来的门店信息,调用service层,service层再调用dao层将门店信息保存到数据库中,
4、新增成功后,重定向到门店列表页面,显示所有门店(即重定向到DoorController的【doorList】方法,先查询所有门店,再将所有门店信息带到JSP显示)
1、更新resources/mybatis/mapper/DoorMapper.xml文件,添加“新增门店信息”SQL。
<insert id="add">
insert into tb_door value(null, #{name}, #{tel}, #{addr} )
insert>
2、更新com.tedu.dao.DoorMapper接口,添加 add方法,新增门店信息。
public interface DoorMapper {
/** 1、查询所有的门店信息 */
public List<Door> findAll();
/** 2、根据id删除门店信息 */
public void deleteById(Integer id);
/** 3、新增门店信息 */
public void add(Door door);
}
1、更新com.tedu.controller.DoorController类,添加并实现doorAdd方法:调用service层的addDoor方法新增门店信息
/** 3、新增门店信息
* 接收客户端提交过来的门店信息(name,tel,addr)
*/
@RequestMapping("/doorAdd")
public String doorAdd( Door door ) {
//调用DoorMapper的add方法, 新增门店信息
dao.add( door );
//跳转到查询所有门店的方法, 显示最新门店信息
return "forward:/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显示)
修改门店信息需要在原有门店信息的基础上进行修改,因此在修改之前,需要先查询出原有门店信息,在原有门店信息的基础上修改后,再将修改后的门店信息提交给服务器端,服务器端将修改后的门店信息更新到数据库中
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Oo6xfDeP-1606749758820)(yonghe-ssm.assets/7c9ef6da29ab977b190ac813b5b2d691.png)]
1、更新resources/mybatis/mapper/DoorMapper.xml文件,添加“根据id查询门店信息”SQL。
<select id="findById" resultType="com.tedu.pojo.Door">
select * from tb_door where id=#{id}
select>
2、更新com.tedu.dao.DoorMapper接口,添加 findById方法,根据id查询门店信息。
public interface DoorMapper {
/** 1、查询所有的门店信息 */
public List<Door> findAll();
/** 2、根据id删除门店信息 */
public void deleteById(Integer id);
/** 3、新增门店信息 */
public void add(Door door);
/** 4、根据id查询门店信息 */
public Door findById(Integer id);
}
1、更新com.tedu.controller.DoorController类,添加并实现doorInfo方法:调用service层的findById方法根据id查询门店信息
/** 4、根据id查询门店信息
* 将查询到的门店信息带到门店修改页面, 进行数据的回显
*/
@RequestMapping("/doorInfo")
public String doorInfo(Integer id, Model model) {
//调用DoorMapper的findById方法, 根据id查询门店信息
Door door = dao.findById( id );
//将门店信息带回门店修改页面, 进行回显
model.addAttribute( "door", door );
//转发到门店修改页面
return "door_update";
}
1、在door_update.jsp中显示将要修改的门店信息:
修改门店
将要修改的门店信息回显至修改页面后,下面实现修改门店信息
1、更新resources/mybatis/mapper/DoorMapper.xml文件,添加“根据id更新门店信息”SQL:
<update id="updateById">
update tb_door set name=#{name},tel=#{tel},addr=#{addr}
where id=#{id}
update>
2、更新com.tedu.dao.DoorMapper接口,添加 updateById方法,根据id更新门店信息
public interface DoorMapper {
/** 1、查询所有的门店信息 */
public List<Door> findAll();
/** 2、根据id删除门店信息 */
public void deleteById(Integer id);
/** 3、新增门店信息 */
public void add(Door door);
/** 4、根据id查询门店信息 */
public Door findById(Integer id);
/** 5、根据id修改门店信息 */
public void updateById(Door door);
}
1、更新com.tedu.controller.DoorController类,添加并实现doorUpdate方法:调用service层的updaeById方法删除门店信息
/** 5、根据id修改门店信息 */
@RequestMapping("/doorUpdate")
public String doorUpdate( Door door ) {
//调用DoorMapper的updateById方法, 根据id修改门店信息
dao.updateById( door );
//跳转到查询所有门店的方法, 显示最新门店信息
return "forward:/doorList";
}
查询所有订单开发步骤:
1、点击【订单管理】,访问OrderController中的查询所有订单信息的方法【doorList】
2、在【orderList】方法中调用service层,service层再调用dao层查询所有订单信息,返回所有订单信息的List集合
3、在【orderList】方法中,将返回的所有订单信息集合(List)存入Model中,并转向order_list.jsp(即
return “order_list”),将所有订单信息带到jsp页面进行显示
1、创建com.tedu.pojo.Order实体类,用于封装所有的订单信息。
package com.tedu.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。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bBSKdUF5-1606749758821)(yonghe-ssm.assets/babb69aee0953425c13ec40b35793bd9.png)]
配置内容如下:
<mapper namespace="com.tedu.dao.OrderMapper">
mapper>
1、更新resources/mybatis/mapper/OrderMapper.xml文件,添加“查询所有订单信息”SQL。
<resultMap type="com.tedu.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>
<select id="findAll" resultMap="orderRM">
select * from tb_order
select>
2、创建OrderMapper接口, 添加查询所有订单方法。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BJRtQNla-1606749758822)(yonghe-ssm.assets/ff1718f025bfcd8073213755e51584e6.png)]
OrderMapper代码实现如下:
package com.tedu.dao;
import java.util.List;
import com.tedu.pojo.Order;
/**
* 订单模块的Dao接口
*/
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
}
1、创建OrderController类,提供orderList方法:调用service层的findAll方法,查询所有订单信息。
package com.tedu.controller;
import java.util.List;
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 com.tedu.dao.DoorMapper;
import com.tedu.dao.OrderMapper;
import com.tedu.pojo.Door;
import com.tedu.pojo.Order;
@Controller
public class OrderController {
@Autowired
DoorMapper doorMapper; //获取DoorMapper接口的子类实例
@Autowired
OrderMapper orderMapper; //获取OrderMapper接口的子类实例
/** 1、查询所有订单信息 */
@RequestMapping("/orderList")
public String orderList(Model model) {
//查询所有订单信息, 将查询到的订单集合存入Model中
List<Order> list = orderMapper.findAll();
model.addAttribute( "oList", list );
//查询所有门店信息, 将所有门店信息集合存入Model
List<Door> dList = doorMapper.findAll();
model.addAttribute( "dList", dList );
//跳转到订单列表页面,显示所有订单信息
return "order_list";
}
}
1、实现order_list.jsp
<%@ page pageEncoding="utf-8"%>
<%-- 引入JSTL标签库 --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
...
...
${ vs.count }
${ door.name }
${ order.orderNo }
${ order.orderType }
${ order.pnum }
${ order.cashier }
${ order.payType }
${ order.price }
删除
|
修改
删除订单信息开发步骤:
1、在订单信息列表页面中,点击订单信息后的【删除】按钮,访问OrderController中的【orderDelete】方法,访问的同时将所要删除的订单id一同提交给服务器。
2、在【orderDelete】方法中,通过参数接收订单id,调用service层,service层再调用dao层通过id删除指定的订单信息。
3、删除成功后,重定向到订单列表页面,显示所有订单(即重定向到OrderController的【orderList】方法,先查询所有订单,再将所有订单信息带到JSP显示)。
1、更新resources/mybatis/mapper/OrderMapper.xml文件,添加“删除订单信息”SQL。
<delete id="deleteById">
delete from tb_order where id=#{id}
delete>
2、更新com.tedu.dao.OrderMapper接口,添加 deleteById方法,根据id删除订单信息。
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
/** 2、根据id删除订单信息 */
public void deleteById(Integer id);
}
1、更新com.tedu.controller.OrderController类,添加并实现orderDelete方法:调用service层的deleteById方法删除订单信息
/** 2、根据id删除订单信息 */
@RequestMapping("/orderDelete")
public String orderDelete( Integer id ) {
orderMapper.deleteById( id );
//删除完后跳转到查询所有订单的方法, 显示最新的订单信息
return "forward:/orderList";
}
新增订单信息开发步骤:
1、在订单信息列表页面中,点击【新增订单】,查询所有门店,将所有门店信息带到订单新增页面【order_add.jsp】
2、在【order_add.jsp】中输入新增的订单信息,点击【提交】将订单信息提交给OrderController的【orderAdd】方法
3、在【orderAdd】方法中,通过参数接收浏览器提交过来的订单信息,调用service层,service层再调用dao层将订单信息保存到数据库中,
4、新增成功后,重定向到订单列表页面,显示所有订单(即重定向到OrderController的【orderList】方法,先查询所有订单,再将所有订单信息带到JSP显示)
1、更新resources/mybatis/mapper/OrderrMapper.xml文件,添加“新增订单信息”SQL。
<insert id="add">
insert into tb_order value(null, #{doorId},
#{orderNo}, #{orderType}, #{pnum}, #{cashier},
#{orderTime}, #{payTime}, #{payType},#{price} )
insert>
2、更新com.tedu.dao.OrderMapper接口,添加 addOrder方法,新增订单信息。
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
/** 2、根据id删除订单信息 */
public void deleteById(Integer id);
/** 3、新增订单信息 */
public void add(Order order);
}
1、修改"新增订单"链接地址,点击链接访问 /findAllDoorToOrderAdd地址,查询所有门店信息,将所有门店信息转发带到order_add.jsp页面中,并在下拉框中进行回显。
2、更新com.tedu.controller.OrderController类,添加并实现toDoorAdd方法:调用DoorService层的findAll方法查询所有门店信息。
/** 3、负责查询所有门店信息,并带到新增订单页面 */
@RequestMapping("/toOrderAdd")
public String toOrderAdd( Model model ) {
//查询所有门店信息, 将所有门店信息集合存入Model
List<Door> dList = doorMapper.findAll();
model.addAttribute( "dList", dList );
//跳转到订单新增页面(order_add.jsp)
return "order_add";
}
3、更新com.tedu.controller.OrderController类,添加并实现OrderAdd方法:调用service层的add方法新增订单信息。
/** 3、新增订单信息 */
@RequestMapping("/orderAdd")
public String orderAdd( Order order ) {
//调用orderMapper的add方法, 新增订单信息
orderMapper.add( order );
//添加完后跳转到查询所有订单的方法, 显示最新的订单信息
return "forward:/orderList";
}
更新订单信息开发步骤:
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显示)
修改订单信息需要在原有订单信息的基础上进行修改,因此在修改之前,需要先查询出原有订单信息,在原有订单信息的基础上修改后,再将修改后的订单信息提交给服务器端,服务器端将修改后的订单信息更新到数据库中
1、更新resources/mybatis/mapper/OrderMapper.xml文件,添加“根据id查询订单信息”SQL。
<select id="findById" resultMap="orderRM">
select * from tb_order where id=#{id}
select>
2、更新com.tedu.dao.OrderMapper接口,添加 findById方法,根据id查询订单信息。
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
/** 2、根据id删除订单信息 */
public void deleteById(Integer id);
/** 3、新增订单信息 */
public void add(Order order);
/** 4、根据id查询订单信息 */
public Order findById(Integer id);
}
1、更新com.tedu.controller.OrderController类,添加并实现orderInfo方法:
(1)调用DoorMapper的findAll方法查询所有门店信息。
(2)调用OrderMapper的findById方法根据id查询订单信息。
/** 4、根据id查询订单信息 */
@RequestMapping("/orderInfo")
public String orderInfo( Integer id, Model model ) {
//根据id查询订单信息,将订单信息存入Model中
Order order = orderMapper.findById( id );
model.addAttribute( "order", order );
//查询所有门店信息, 将所有门店信息集合存入Model
List<Door> dList = doorMapper.findAll();
model.addAttribute( "dList", dList );
//将订单信息带到订单修改页面, 进行数据的回显
return "order_update";
}
1、在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" %>
...
...
1、更新resources/mybatis/mapper/OrderMapper.xml文件,添加“根据id更新订单信息”SQL:
<!-- 5、根据id修改订单信息 -->
<update id="updateById">
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.tedu.dao.OrderMapper接口,添加 updateById方法,根据id更新订单信息
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
/** 2、根据id删除订单信息 */
public void deleteById(Integer id);
/** 3、新增订单信息 */
public void add(Order order);
/** 4、根据id查询订单信息 */
public Order findById(Integer id);
/** 5、根据id修改订单信息 */
public void updateById(Order order);
}
1、更新com.tedu.controller.OrderController类,添加并实现orderUpdate方法:调用service层的updaeById方法删除订单信息
/** 5、根据id修改订单信息 */
@RequestMapping("/orderUpdate")
public String orderUpdate( Order order ) { //order是用于接收修改后的订单信息
//调用OrderMapper的updateById方法, 根据id修改订单信息
orderMapper.updateById( order );
//添加完后跳转到查询所有订单的方法, 显示最新的订单信息
return "forward:/orderList";
}
当通过浏览器访问服务器中不存在的资源时,浏览器的页面上会显示404;
当服务器端程序出现错误时,浏览器的页面上会显示500异常信息;
可以自己写更友好的404和500页面,代替默认的404和500页面。
1、将404.jsp和500.jsp以及e.png拷贝到webapp目录下
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zogLNUo8-1606749758823)(yonghe-ssm.assets/be55e4bc0d9f501a2bb6c78a1ae5f03a.png)]
2、在web.xml文件中配置全站404和500跳转页面
<web-app>
...
<error-page>
<error-code>500error-code>
<location>/500.jsplocation>
error-page>
<error-page>
<error-code>404error-code>
<location>/404.jsplocation>
error-page>
...
web-app>
t type="submit" value="提 交"/>
td>
tr>
table>
form>
1、更新resources/mybatis/mapper/OrderMapper.xml文件,添加“根据id更新订单信息”SQL:
<!-- 5、根据id修改订单信息 -->
<update id="updateById">
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.tedu.dao.OrderMapper接口,添加 updateById方法,根据id更新订单信息
public interface OrderMapper {
/** 1、查询所有的订单信息 */
public List<Order> findAll();
/** 2、根据id删除订单信息 */
public void deleteById(Integer id);
/** 3、新增订单信息 */
public void add(Order order);
/** 4、根据id查询订单信息 */
public Order findById(Integer id);
/** 5、根据id修改订单信息 */
public void updateById(Order order);
}
1、更新com.tedu.controller.OrderController类,添加并实现orderUpdate方法:调用service层的updaeById方法删除订单信息
/** 5、根据id修改订单信息 */
@RequestMapping("/orderUpdate")
public String orderUpdate( Order order ) { //order是用于接收修改后的订单信息
//调用OrderMapper的updateById方法, 根据id修改订单信息
orderMapper.updateById( order );
//添加完后跳转到查询所有订单的方法, 显示最新的订单信息
return "forward:/orderList";
}
当通过浏览器访问服务器中不存在的资源时,浏览器的页面上会显示404;
当服务器端程序出现错误时,浏览器的页面上会显示500异常信息;
可以自己写更友好的404和500页面,代替默认的404和500页面。
1、将404.jsp和500.jsp以及e.png拷贝到webapp目录下
[外链图片转存中…(img-zogLNUo8-1606749758823)]
2、在web.xml文件中配置全站404和500跳转页面
<web-app>
...
<error-page>
<error-code>500error-code>
<location>/500.jsplocation>
error-page>
<error-page>
<error-code>404error-code>
<location>/404.jsplocation>
error-page>
...
web-app>