本章需求
- 查找所有产品的操作
- 添加产品的操作
查询所有产品流程
添加产品流程
数据库与表结构
product表
序号 | 字段名称 | 字段类型 | 字段描述 |
---|---|---|---|
1 | id | varchar2(32) | 无意义,主键uuid |
2 | productNum | varchar2(50) | 产品编号,唯一,不为空 |
3 | productName | varchar2(50) | 产品名称(路线名称) |
4 | cityName | varchar2(50) | 出发城市 |
5 | DepartureTime | timestamp | 出发时间 |
6 | productPrice | number | 出发时间 |
7 | productDesc | varchar2(500) | 产品描述 |
8 | productStatus | int | 状态(0 关闭1 开启) |
建表与插入数据的sql语句
CREATE TABLE product(
id varchar2(32) default SYS_GUID() PRIMARY KEY,
productNum VARCHAR2(50) NOT NULL,
productName VARCHAR2(50),
cityName VARCHAR2(50),
DepartureTime timestamp,
productPrice Number,
productDesc VARCHAR2(500),
productStatus INT,
CONSTRAINT product UNIQUE (id, productNum)
)
insert into PRODUCT (id, productnum, productname, cityname, departuretime, productprice,
productdesc, productstatus)
values ('676C5BD1D35E429A8C2E114939C5685A', 'itcast-002', '北京三日游', '北京', to_timestamp('10-
10-2018 10:10:00.000000', 'dd-mm-yyyy hh24:mi:ss.ff'), 1200, '不错的旅行', 1);
insert into PRODUCT (id, productnum, productname, cityname, departuretime, productprice,
productdesc, productstatus)
values ('12B7ABF2A4C544568B0A7C69F36BF8B7', 'itcast-003', '上海五日游', '上海', to_timestamp('25-
04-2018 14:30:00.000000', 'dd-mm-yyyy hh24:mi:ss.ff'), 1800, '魔都我来了', 0);
insert into PRODUCT (id, productnum, productname, cityname, departuretime, productprice,
productdesc, productstatus)
values ('9F71F01CB448476DAFB309AA6DF9497F', 'itcast-001', '北京三日游', '北京', to_timestamp('10-
10-2018 10:10:00.000000', 'dd-mm-yyyy hh24:mi:ss.ff'), 1200, '不错的旅行', 1);
编写实体类
Product实体类关键代码
private String id; // 主键
private String productNum; // 编号唯一
private String productName; // 名称
private String cityName; // 出发城市
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm")
private Date departureTime; // 出发时间
private String departureTimeStr;
private double productPrice; // 产品价格
private String productDesc; // 产品描述
private Integer productStatus; // 状态0 关闭1 开启
private String productStatusStr;
注意在jsp页面获取出发日期时,需要的是日期字符串,这里将departureTime转换成字符串
public String getDepartureTimeStr() {
if (departureTime != null) {
departureTimeStr = DateUtils.date2String(departureTime, "yyyy-MM-dd HH:mm:ss");
}
return departureTimeStr;
}
产品状态同理进行设置,状态0 关闭1 开启
public String getProductStatusStr() {
if (productStatus != null) {
// 状态 0,关闭;1,开启
productStatusStr = (productStatus == 0) ? "关闭" : "开启";
/* if (productStatus == 0) {
productStatusStr = "关闭";
} else {
productStatusStr = "开启";
}*/
}
return productStatusStr;
}
上面涉及到日期格式转换,需要在ssm_easm_utils
模块下com.cncs.utils
包下创建工具类DateUtils
,在需要进行日期转换的属性的get方法内调用相应方法。
public class DateUtils {
/**
* Date转为String
* @param date 需要进行转换的日期
* @param pattern 转换的格式
* @return
*/
public static String date2String(Date date,String pattern){
SimpleDateFormat sdf=new SimpleDateFormat(pattern);
String format = sdf.format(date);
return format;
}
/**
* String转换为Date
* @param date 需要进行解析并生成Date类型的字符串
* @param pattern 解析的格式
* @return
* @throws ParseException
*/
public static Date string2Date(String date,String pattern) throws ParseException {
SimpleDateFormat sdf = new SimpleDateFormat(pattern);
Date parse = sdf.parse(date);
return parse;
}
}
注解@DateTimeFormat说明:
- 它只能作用于单个属性上,局部有作用。
- 将用户输入的日期字符串,按照指定格式转换成Date类型。
编写dao层接口
public interface IProductDao {
@Select("select * from product where id=#{id}")
Product findById(String id);
@Select("select * from product")
public List<Product> findAll();
@Insert("insert into product(productNum,productName,cityName,departureTime,productPrice,productDesc,productStatus) values(#{productNum},#{productName},#{cityName},#{departureTime},#{productPrice},#{productDesc},#{productStatus})")
void save(Product product);
}
编写service层接口
public interface IProductService {
public List<Product> findAll();
void save(Product product);
}
编写service层实现类
- 使用@Service注解,将它交给Spring管理
- 使用@Transactionl注解,表明这个类进行了事务控制
@Service
@Transactional
public class ProductServiceImpl implements IProductService {
@Autowired
private IProductDao productDao;
@Override
public List<Product> findAll() {
return productDao.findAll();
}
@Override
public void save(Product product) {
productDao.save(product);
}
}
编写ProductController
@Controller
@RequestMapping("/product")
public class ProductController {
@Autowired
private IProductService productService;
@RequestMapping("/save.do")
public String save(Product product){
productService.save(product);
return "forward:/product/findAll.do";
}
/**
* 查询所有
* @return
*/
//@RolesAllowed({"USER","ADMIN"})
@RequestMapping("/findAll.do")
public ModelAndView findAll(){
ModelAndView mv = new ModelAndView();
List<Product> list = productService.findAll();
//System.out.println(list);
mv.addObject("productList",list);
mv.setViewName("product-list");
return mv;
}
}
编写jsp代码
product-list.jsp关键代码
<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
<thead>
<tr>
<th class="" style="padding-right: 0px;"><input
id="selall" type="checkbox" class="icheckbox_square-blue">
</th>
<th class="sorting_asc">ID</th>
<th class="sorting_desc">编号</th>
<th class="sorting_asc sorting_asc_disabled">产品名称</th>
<th class="sorting_desc sorting_desc_disabled">出发城市</th>
<th class="sorting">出发时间</th>
<th class="text-center sorting">产品价格</th>
<th class="sorting">产品描述</th>
<th class="text-center sorting">状态</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${productList}" var="product">
<tr>
<td><input name="ids" type="checkbox"></td>
<td>${product.id }</td>
<td>${product.productNum }</td>
<td>${product.productName }</td>
<td>${product.cityName }</td>
<td>${product.departureTimeStr }</td>
<td class="text-center">${product.productPrice }</td>
<td>${product.productDesc }</td>
<td class="text-center">${product.productStatusStr }</td>
<td class="text-center">
<button type="button" class="btn bg-olive btn-xs">订单</button>
<button type="button" class="btn bg-olive btn-xs">详情</button>
<button type="button" class="btn bg-olive btn-xs">编辑</button>
</td>
</tr>
</c:forEach>
</tbody>
</table>
注意jsp要使用jstl标签,页面头部需要导入jstl标签库
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
product-add.jsp关键代码
<form action="${pageContext.request.contextPath}/product/save.do" method="post">
<!-- 正文区域 -->
<section class="content"> <!--产品信息-->
<div class="panel panel-default">
<div class="panel-heading">产品信息</div>
<div class="row data-type">
<div class="col-md-2 title">产品编号</div>
<div class="col-md-4 data">
<input type="text" class="form-control" name="productNum"
placeholder="产品编号" value="">
</div>
<div class="col-md-2 title">产品名称</div>
<div class="col-md-4 data">
<input type="text" class="form-control" name="productName"
placeholder="产品名称" value="">
</div>
<div class="col-md-2 title">出发时间</div>
<div class="col-md-4 data">
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right"
id="datepicker-a3" name="departureTime">
</div>
</div>
<div class="col-md-2 title">出发城市</div>
<div class="col-md-4 data">
<input type="text" class="form-control" name="cityName"
placeholder="出发城市" value="">
</div>
<div class="col-md-2 title">产品价格</div>
<div class="col-md-4 data">
<input type="text" class="form-control" placeholder="产品价格"
name="productPrice" value="">
</div>
<div class="col-md-2 title">产品状态</div>
<div class="col-md-4 data">
<select class="form-control select2" style="width: 100%"
name="productStatus">
<option value="0" selected="selected">关闭</option>
<option value="1">开启</option>
</select>
</div>
<div class="col-md-2 title rowHeight2x">其他信息</div>
<div class="col-md-10 data rowHeight2x">
<textarea class="form-control" rows="3" placeholder="其他信息"
name="productDesc"></textarea>
</div>
</div>
</div>
<!--订单信息/--> <!--工具栏-->
<div class="box-tools text-center">
<button type="submit" class="btn bg-maroon">保存</button>
<button type="button" class="btn bg-default"
onclick="history.back(-1);">返回</button>
</div>
<!--工具栏/--> </section>
<!-- 正文区域 /-->
</form>
页面显示效果
product-list.jsp页面显示效果
product-add.jsp页面显示效果