任务二 课程管理模块开发1

1. 开发流程

1.1 需求分析

30.jpg

1.2 数据库表分析

这里展示的是我们需要使用的部分表字段
01.jpg

1.3 实体类设计

根据数据库中的Course表,对应创建 Course.java
02.jpg

  1. 使用 @JSONField(ordinal = int类型的值) , 指定排序的值,生成JSON时会按照指定顺序进行排序
  2. 使用 @JSONField(serialize = false) ,排除不需要转换的字段,另外fastjson还会自动排除为空的字段
  1. /**
  2. * 课程类
  3. * */
  4. @Data
  5. public class Course implements Serializable {
  6. //使用 JSONField 设置ordinal的值,来对转换成的JSON数据进行排序
  7. //课程ID
  8. @JSONField(ordinal = 1)
  9. private int id;
  10. //课程名称
  11. @JSONField(ordinal = 2)
  12. private String course_name;
  13. //课程介绍
  14. @JSONField(ordinal = 3)
  15. private String brief;
  16. //讲师名称
  17. @JSONField(ordinal = 4)
  18. private String teacher_name;
  19. //讲师介绍
  20. @JSONField(ordinal = 5)
  21. private String teacher_info;
  22. //课程原价
  23. @JSONField(ordinal = 6)
  24. private double price;
  25. //原价标签
  26. @JSONField(ordinal = 7)
  27. private String price_tag;
  28. //课程优惠价
  29. @JSONField(ordinal = 8)
  30. private double discounts;
  31. //课程概述
  32. @JSONField(ordinal = 9)
  33. private String preview_first_field;
  34. //课程概述第二个字段
  35. @JSONField(ordinal = 10)
  36. private String preview_second_field;
  37. //分享图片url
  38. @JSONField(ordinal = 11)
  39. private String course_img_url;
  40. //分享标题
  41. @JSONField(ordinal = 12)
  42. private String share_title;
  43. //分享描述
  44. @JSONField(ordinal = 13)
  45. private String share_description;
  46. //课程描述
  47. @JSONField(ordinal = 14)
  48. private String course_description;
  49. //排序
  50. @JSONField(ordinal = 15)
  51. private int sort_num;
  52. //课程状态,0-草稿,1-上架
  53. @JSONField(ordinal = 16)
  54. private int status;
  55. //创建时间
  56. @JSONField(ordinal = 17)
  57. private String create_time;
  58. //修改时间
  59. @JSONField(ordinal = 18)
  60. private String update_time;
  61. //是否删除
  62. @JSONField(ordinal = 19)
  63. private int isDel;
  64. @JSONField(ordinal = 20)
  65. private String share_image_title; //分享图title
  66. //使用JSONField(serialize = false)排除不需要转换的字段
  67. @JSONField(serialize = false)
  68. private int total_course_time; //课时数
  69. @JSONField(serialize = false)
  70. private int sales; //显示销量
  71. @JSONField(serialize = false)
  72. private int actual_sales; //真实销量
  73. @JSONField(serialize = false)
  74. private int is_new; //是否新品
  75. @JSONField(serialize = false)
  76. private String is_new_des; //广告语
  77. @JSONField(serialize = false)
  78. private int last_operator_id; //最后操作者
  79. @JSONField(serialize = false)
  80. private int total_duration; //总时长
  81. @JSONField(serialize = false)
  82. private long course_type; //课程类型
  83. @JSONField(serialize = false)
  84. private String last_notice_time; //最后课程最近通知时间
  85. @JSONField(serialize = false)
  86. private long is_gray; //是否是灰度课程
  87. @JSONField(serialize = false)
  88. private long grade; //级别
  89. }

1.4 Dao接口及实现类编写

03.jpg

  1. /**
  2. * 课程模块 DAO层接口
  3. * */
  4. public interface CourseDao {
  5. }
  1. /**
  2. * 课程模块 DAO层实现类
  3. * */
  4. public class CourseDaoImpl implements CourseDao {
  5. }

1.5 Service接口及实现类编写

04.jpg

  1. /**
  2. * 课程模块 Service层 接口
  3. * */
  4. public interface CourseService {
  5. }
  1. /**
  2. * 课程模块Service层 实现类
  3. * */
  4. public class CourseServiceImpl implements CourseService {
  5. }

1.6 CourseServlet编写

CourseServlet 要继承通用的BaseServlet.

  1. @WebServlet(name="courseServlet",value="/course")
  2. public class CourseServlet extends BaseServlet {
  3. }

2. 功能一: 查询课程列表信息

2.1 需求分析

页面分析,需要展示哪些数据
05.jpg

2.2 编写代码

2.2.1 Dao层编写

  1. 修改CourseDao,添加 findCourseList 方法
  1. 接口 CourseDao
  2. //查询课程列表信息
  3. public List<Course> findCourseList();
  4. 实现类 CourseDaoImpl
  5. @Override
  6. public List<Course> findCourseList() {
  7. try {
  8. //1.创建QueryRunner
  9. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  10. //2.编写SQL
  11. String sql = "SELECT id,course_name,price,sort_num,STATUS FROM course where is_del = ?";
  12. //3.执行查询
  13. List<Course> courseList = qr.query(sql, new BeanListHandler<Course>(Course.class), 0);
  14. return courseList;
  15. } catch (SQLException e) {
  16. e.printStackTrace();
  17. return null;
  18. }
  19. }

逻辑删除

  • 逻辑删除的本质是修改操作,所谓的逻辑删除其实并不是真正的删除,而是在表中将对应的是否删除标识,做修改操作。比如: 0是未删除,1是删除。在逻辑上数据是被删除的,但数据本身依然存在库中。

物理删除

  • 物理删除就是真正的从数据库中做删除操作了。

2.2.2 Service层编写

修改CourseService 添加 findCourseList 方法

  1. 接口 CourseService
  2. public List<Course> findCourseList();
  3. 实现类 CourseServiceImpl
  4. //创建 CourseDao
  5. CourseDao courseDao = new CourseDaoImpl();
  6. @Override
  7. public List<Course> findCourseList() {
  8. //调用Dao 进行查询
  9. return courseDao.findCourseList();
  10. }

2.2.3 Servlet编写

2.2.3.1 接口开发规范
  1. 我们在做的是一个前后端分离项目、需要通过接口文档对接的项目. 所以开发过程中要仔细查看前端所需的api接口和参数字段

为了严格按照接口进行开发,提高效率,对请求及响应格式进行规范化。

开发规范
2、post请求时有三种数据格式,可以提交form表单数据 和 Json数据(ContentType=application/json),文件等多部件类型(multipart/form-data)三种数据格式 . jsonl类型的数据 Servlet中使用 fastjson进行解析
3、响应结果统一格式为json
开发规范
1、get 请求时,采用key/value格式请求,Servlet中可以使用 getParameter() 获取。
2、post请求时有三种数据格式
第一种: Json数据 ,jsonl类型的数据 Servlet中使用 fastjson进行解析
第二种: 提交form表单数据
第三种: 文件等多部件类型(multipart/form-data)
3、响应结果统一格式为json

为什么使用JSON?

  1. 数据格式比较简单, 易于读写, JSON格式能够直接为服务器端代码使用, 大大简化了服务器端和客户端的代码开发量, 但是完成的任务不变, 且易于维护

本项目使用的是 JSON解析工具为阿里巴巴的fastjson, maven工程导入下面的依赖即可.

  1. <dependency>
  2. <groupId>com.alibaba</groupId>
  3. <artifactId>fastjson</artifactId>
  4. <version>1.1.37</version>
  5. </dependency>
  6. <dependency>
  7. <groupId>com.colobu</groupId>
  8. <artifactId>fastjson-jaxrs-json-provider</artifactId>
  9. <version>0.3.1</version>
  10. </dependency>

2.2.3.2 接口文档
  1. 前端的开发基于服务端编写的接口,如果前端人员等待服务端人员将接口开发完毕再去开发前端内容这样做效率是 非常低下的,所以当接口定义完成,可以使用工具生成接口文档,前端人员查看接口文档即可进行前端开发,这样 前端和服务人员并行开发,大大提高了生产效率.<br />![06.jpg](https://cdn.nlark.com/yuque/0/2021/jpeg/258783/1632491009205-62785ff9-576f-43fc-8451-fd23bc01d1c5.jpeg#clientId=u07c12fa4-4486-4&from=ui&id=ud1365fc2&margin=%5Bobject%20Object%5D&name=06.jpg&originHeight=87&originWidth=600&originalType=binary&ratio=1&size=11497&status=done&style=none&taskId=ucb8f12b5-eea2-4c1c-9535-f0a2337071b)

2.2.3.3 编写CourseServlet

在CourseServlet中添加 findCourseList方法

  1. @WebServlet("/course")
  2. public class CourseServlet extends BaseServlet {
  3. //查询课程信息列表
  4. public void findCourseList(HttpServletRequest request, HttpServletResponse response){
  5. try {
  6. //1.接收参数
  7. //2.业务处理
  8. CourseService cs = new CourseServiceImpl();
  9. List<Course> courseList = cs.findCourseList();
  10. //3.响应结果
  11. //SimplePropertyPreFilter 指定要转换的JSON字段
  12. SimplePropertyPreFilter filter = new SimplePropertyPreFilter(Course.class,
  13. "id","course_name","price","sort_num","status");
  14. String result = JSON.toJSONString(courseList,filter);
  15. response.getWriter().print(result);
  16. } catch (IOException e) {
  17. e.printStackTrace();
  18. }
  19. }
  20. }

2.3 Postman

2.3.1 postMan介绍

Postman是一款功能强大的http接口测试工具,使用postman可以完成http各种请求的功能测试。

官方地址:https://www.getpostman.com/

安装Postman

本教程使用,双击打开 Postman-win64-6.0.10-Setup.exe

2.3.2 Postman使用

  1. 新建一个Postman窗口
    07.jpg

  2. 窗口介绍

08.jpg

2.3.3 使用postman测试接口

  1. 发送请求到指定的
  1. http://localhost:8080/lagou_edu_home/course?methodName=findCourseList

10.jpg

2.3.4 创建模块将请求分类

  1. 创建课程模块

11.jpg
Name
12.jpg

  1. 选择 Save As 将请求保存到对应模块中

13.jpg

  1. 描述一下请求的相关信息

14.jpg

3. 功能二: 多条件查询课程信息

3.1 需求分析

  1. 根据课程名称和课程状态进行查询

任务二 课程模块开发_01 - 图14

  1. 要查询的字段
  1. id, course_name,price, sort_num, STATUS
  1. 查询条件
  1. is_del
  2. course_name
  3. statuts

3.2 根据条件查询课程信息

3.2.2 Dao层编写

  1. 因为是多条件查询,所以要注意多个参数情况下,SQL的编写
  1. 接口
  2. /**
  3. * 根据课程名称,课程状态 查询课程信息
  4. * */
  5. public List<Course> findByCourseNameAndStatus(String courseName, String status);
  6. 实现类
  7. /**
  8. * 根据课程名称,课程状态 查询课程信息
  9. * */
  10. //根据条件查询课程信息
  11. @Override
  12. public List<Course> findByCourseNameAndStatus(String courseName, String status) {
  13. try {
  14. //1.创建QueryRunner
  15. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  16. //2.编写SQL 当前的查询为多条件不定项查询
  17. //2.1 创建StringBuffer 对象,将SQL字符串 添加进缓冲区
  18. StringBuffer sb = new StringBuffer("SELECT id,course_name,price,sort_num,STATUS FROM course WHERE 1=1 and is_del = ? ");
  19. //2.2 创建list集合 保存参数
  20. List<Object> list = new ArrayList<>();
  21. list.add(0);
  22. //2.3 判断传入的参数是否为空
  23. if(courseName != null && courseName != ""){
  24. sb.append(" AND course_name LIKE ?");
  25. //like查询 需要拼接 %
  26. courseName = "%"+courseName+"%";
  27. //将条件放进list集合
  28. list.add(courseName);
  29. }
  30. if(status != null && status != ""){
  31. sb.append("AND STATUS = ?");
  32. //将status 转换为 int
  33. int i = Integer.parseInt(status);
  34. list.add(i);
  35. }
  36. //执行查询
  37. List<Course> courseList = qr.query(sb.toString(), new BeanListHandler<Course>(Course.class), list.toArray());
  38. //返回结果
  39. return courseList;
  40. } catch (SQLException e) {
  41. e.printStackTrace();
  42. return null;
  43. }
  44. }

3.2.3 Service层编写

  1. CourseService 接口
  2. public List<Course> findByCourseNameAndStatus(String courseName, String status);
  3. CourseServiceImpl 实现类
  4. @Override
  5. public List<Course> findByCourseNameAndStatus(String courseName, String status) {
  6. return courseDao.findByCourseNameOrStatus(courseName,status);
  7. }

3.2.4 Servlet编写

在CourseServlet中添加 findByCourseNameOrStatus方法

  1. //根据条件查询课程信息
  2. public void findByCourseNameOrStatus(HttpServletRequest request , HttpServletResponse response){
  3. try {
  4. //1.接收参数
  5. String courseName = request.getParameter("course_name");
  6. String status = request.getParameter("status");
  7. //2.业务处理
  8. CourseService cs = new CourseServiceImpl();
  9. List<Course> courseList = cs.findByCourseNameOrStatus(courseName, status);
  10. //3.返回结果 响应JSON格式数据
  11. //使用 SimplePropertyPreFilter,指定要转换为JSON的字段
  12. SimplePropertyPreFilter filter =
  13. new SimplePropertyPreFilter(Course.class,"id","course_name","price","sort_num","status");
  14. String result = JSON.toJSONString(courseList, filter);
  15. response.getWriter().println(result);
  16. } catch (IOException e) {
  17. e.printStackTrace();
  18. }
  19. }

3.2.5 接口测试

  • 请查阅接口文档,使用postman进行接口测试.

4. 功能三: 新建课程营销信息

4.1 需求分析

  1. 选择新建课程,对课程营销信息进行录入

任务二 课程模块开发_01 - 图15

4.1.1 基本信息

任务二 课程模块开发_01 - 图16

4.1.2 销售信息

任务二 课程模块开发_01 - 图17

4.1.3 分享信息

任务二 课程模块开发_01 - 图18

4.1.4 课程详情

任务二 课程模块开发_01 - 图19

4.2 Dao层编写

  1. 接口
  2. //保存课程营销信息
  3. public int saveCourseSalesInfo(Course course);
  4. 实现类
  5. //保存课程营销信息
  6. @Override
  7. public int saveCourseSalesInfo(Course course) {
  8. try {
  9. //1.创建QueryRunner
  10. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  11. //2.编写SQL
  12. String sql = "INSERT INTO course(\n" +
  13. "course_name,\n" +
  14. "brief,\n" +
  15. "teacher_name,\n" +
  16. "teacher_info,\n" +
  17. "preview_first_field,\n" +
  18. "preview_second_field,\n" +
  19. "discounts,\n" +
  20. "price,\n" +
  21. "price_tag,\n" +
  22. "share_image_title,\n" +
  23. "share_title,\n" +
  24. "share_description,\n" +
  25. "course_description,\n" +
  26. "course_img_url,\n" +
  27. "STATUS,\n" +
  28. "create_time,\n" +
  29. "update_time\n" +
  30. ")VALUES(?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?);";
  31. //3.准备参数
  32. Object[] param = {course.getCourse_name(),course.getBrief(),course.getTeacher_name(),course.getTeacher_info(),
  33. course.getPreview_first_field(),course.getPreview_second_field(),course.getDiscounts(),course.getPrice(),
  34. course.getPrice_tag(),course.getShare_image_title(),course.getShare_title(),course.getShare_description(),
  35. course.getCourse_description(),course.getCourse_img_url(),course.getStatus(),course.getCreate_time(),course.getUpdate_time()};
  36. //4.执行插入操作
  37. int row = qr.update(sql, param);
  38. return row;
  39. } catch (SQLException e) {
  40. e.printStackTrace();
  41. return 0;
  42. }
  43. }

4.3 Dao层方法测试

  1. //测试保存课程营销信息
  2. @Test
  3. public void testSaveCourseSalesInfo(){
  4. //1.创建course对象
  5. Course course = new Course();
  6. course.setCourse_name("爱情36计");
  7. course.setBrief("学会去找对象");
  8. course.setTeacher_name("药水哥");
  9. course.setTeacher_info("人人都是药水哥");
  10. course.setPreview_first_field("共10讲");
  11. course.setPreview_second_field("每周日更新");
  12. course.setDiscounts(88.88);
  13. course.setPrice(188.0);
  14. course.setPrice_tag("最新优惠价");
  15. course.setShare_image_title("哈哈哈");
  16. course.setShare_title("嘻嘻嘻");
  17. course.setShare_description("天天向上");
  18. course.setCourse_description("爱情36计,就像一场游戏");
  19. course.setCourse_img_url("https://www.xx.com/xxx.jpg");
  20. course.setStatus(1); //1 上架 ,0 下架
  21. String formart = DateUtils.getDateFormart();
  22. course.setCreate_time(formart);
  23. course.setUpdate_time(formart);
  24. int i = courseDao.saveCourseSalesInfo(course);
  25. System.out.println(i);
  26. }

4.4 Service层编写

1.编写枚举类,设置响应状态码

  1. public enum StatusCode {
  2. SUCCESS(0,"success"),
  3. FAIL(1,"fail");
  4. //定义属性
  5. private int code;
  6. private String message;
  7. //定义构造
  8. StatusCode(int code, String message) {
  9. this.code = code;
  10. this.message = message;
  11. }
  12. //get/set
  13. public int getCode() {
  14. return code;
  15. }
  16. public void setCode(int code) {
  17. this.code = code;
  18. }
  19. public String getMessage() {
  20. return message;
  21. }
  22. public void setMessage(String message) {
  23. this.message = message;
  24. }
  25. //重写toString,将枚举对象转化为JSON
  26. @Override
  27. public String toString() {
  28. JSONObject object = new JSONObject();
  29. object.put("status",code);
  30. object.put("msg",message);
  31. return object.toString();
  32. }
  33. }
  1. 编写Service
  1. 接口
  2. public String saveCourseSalesInfo(Course course);
  3. 实现类
  4. @Override
  5. public String saveCourseSalesInfo(Course course) {
  6. //1.补全课程信息
  7. String dateFormart = DateUtils.getDateFormart();
  8. course.setCreate_time(dateFormart);
  9. course.setUpdate_time(dateFormart);
  10. course.setStatus(0);
  11. //2.调用Dao进行插入
  12. int i = courseDao.saveCourseSalesInfo(course);
  13. if(i > 0){
  14. //保存成功
  15. String result = StatusCode.SUCCESS.toString();
  16. return result;
  17. }else{
  18. //保存失败
  19. String result = StatusCode.FAIL.toString();
  20. return result;
  21. }
  22. }

4.5 文件上传

4.5.1 图片上传分析

在添加课程营销信息的表单中,有一个图片上传项

任务二 课程模块开发_01 - 图20

4.5.2 文件上传介绍

文件上传的实质:文件的拷贝

  • 文件上传:从本地将文件拷贝到服务器磁盘上
    • 客户端: 需要编写文件上传表单
    • 服务端: 需要编写代码接受上传的 文件

4.5.3 客户端编码

  1. 文件上传三要素:
  • 1.表单提交方式: post (get方式提交有大小限制,post没有)
  • 2.表单的enctype属性:必须设置为 multipart/form-data.
    • enctype就是encodetype就是编码类型的意思.
    • multipart/form-data是多部件文件上传 , 指表单数据有多部分构成,既有文本数据,又有文件等二进制数据的意思。
  • 3.表单必须有文件上传项: file ,必须要有name属性和值

任务二 课程模块开发_01 - 图21

注意: 默认情况下,表单的enctype的值是application/x-www-form-urlencoded,不能用于文件上传,只有使用了multipart/form-data,才能完整的传递文件数据

  1. 代码示例
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <html>
  3. <head>
  4. <title>Title</title>
  5. </head>
  6. <body>
  7. <%--
  8. 表单提交必须是POST ,
  9. 表单的enctype属性:必须设置为 multipart/form-data.
  10. inputtype类型必须指定为: file, 一定要有name属性
  11. --%>
  12. <form action="${pageContext.request.contextPath}/upload" method="post" enctype="multipart/form-data">
  13. <input type="file" name="upload">
  14. <br>
  15. <input type="text" name="name">
  16. <input type="text" name="password">
  17. <input type="submit" value="文件上传">
  18. </form>
  19. </body>
  20. </html>

4.5.4 服务端编码

服务端要接收文件上传的表单数据

1. 上传文件, 抓包分析

使用360浏览器进行抓包,谷歌浏览器不方便查看

任务二 课程模块开发_01 - 图22

2. 服务端获上传的文件
  1. 通过request获取请求体的内容
  2. 解析请求体 多部件上传的特点是,每个input都是一个表单项.
    根据分隔符将请求中所有的内容,切割成数组,数组中的每一个元素 都是一个表单项
  3. 遍历数组,分清楚那个是普通的表单项, 哪个是 文件上传项
    如何区分? 判断是否有 filename
  4. 获取到普通表单项中的内容,通过属性name获取
  5. 获取文件上传项内容
    文件名: filname = aaa.txt
    文件内容:
  6. 使用IO将文件内容,保存到服务器中

4.5.5 FileUpload工具类

1. 导入依赖

FileUpload包可以很容易地将文件上传到你的Web应用程序.

IOUtils封装了Java中io的常见操作,使用十分方便 ,需要下载 commons-io-1.4.jar 包

  1. <dependency>
  2. <groupId>commons-io</groupId>
  3. <artifactId>commons-io</artifactId>
  4. <version>1.4</version>
  5. </dependency>
  6. <dependency>
  7. <groupId>commons-fileupload</groupId>
  8. <artifactId>commons-fileupload</artifactId>
  9. <version>1.2.1</version>
  10. </dependency>

2. FileUpload 核心类介绍
类名 介绍
DiskFileItemFactory 磁盘文件项工厂, 读取文件时相关的配置,比如: 缓存的大小 , 临时目录的位置
ServletFileUplaod 文件上传的一个核心类
FileItem 代表每一个表单项

3. 文件上传的API的详解
  • ServletFileUpload | 方法 | 说明 | | —- | —- | | isMultipartContent(request); | 判断是否是一个文件上传的表单 | | parseRequest(request); | 解析request获得表单项的集合 | | setHeaderEncoding(“UTF-8”); | 设置上传的文件名的编码方式 |
  • FileItem | 方法 | 说明 | | —- | —- | | isFormField() | 判断是否是普通表单项 | | getFieldName() | 获得表单的name属性值 | | item.getString() | 获得表单的value值 | | getName() | 获得上传文件的名称 | | getInputStream() | 获得上传文件 | | delete() | 删除临时文件 |

4. 文件上传后台代码编写

FileUpload使用步骤:

  1. 1、创建磁盘文件项工厂
  2. 2、创建文件上传的核心类
  3. 3、解析request---获得文件项集合
  4. 4、遍历文件项集合
  5. 5、判断普通表单项/文件上传项
  1. @WebServlet("/upload")
  2. public class FileUploadServlet extends HttpServlet {
  3. @Override
  4. protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  5. try {
  6. //1.创建磁盘文件项工厂
  7. DiskFileItemFactory factory = new DiskFileItemFactory();
  8. //2.创建文件上传核心类
  9. ServletFileUpload upload = new ServletFileUpload(factory);
  10. //2.1 设置上传文件名的编码
  11. upload.setHeaderEncoding("utf-8");
  12. //2.2 判断表单是否是文件上传表单
  13. boolean multipartContent = upload.isMultipartContent(req);
  14. //2.3 是文件上传表单
  15. if(multipartContent){
  16. //3. 解析request ,获取文件项集合
  17. List<FileItem> list = upload.parseRequest(req);
  18. if(list != null){
  19. //4.遍历获取表单项
  20. for (FileItem item : list) {
  21. //5. 判断是不是一个普通表单项
  22. boolean formField = item.isFormField();
  23. if(formField){
  24. //普通表单项, 当 enctype="multipart/form-data"时, request的getParameter()方法 无法获取参数
  25. String fieldName = item.getFieldName();
  26. String value = item.getString("utf-8");//设置编码
  27. System.out.println(fieldName + "=" + value);
  28. }else{
  29. //文件上传项
  30. //文件名
  31. String fileName = item.getName();
  32. //避免图片名重复 拼接UUID
  33. String newFileName = UUIDUtils.getUUID()+"_"+ fileName;
  34. //获取输入流
  35. InputStream in = item.getInputStream();
  36. //创建输出流 输出到H盘
  37. FileOutputStream fos = new FileOutputStream("H:/upload/" +newFileName);
  38. //使用工具类IOUtils,copy文件
  39. IOUtils.copy(in,fos);
  40. //关闭流
  41. fos.close();
  42. in.close();
  43. }
  44. }
  45. }
  46. }
  47. } catch (FileUploadException e) {
  48. e.printStackTrace();
  49. }
  50. }
  51. @Override
  52. protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  53. doGet(req, resp);
  54. }
  55. }

4.5.6 将图片上传到tomcat服务器

1. 将项目部署到webapps

将部署方式改变为 war模式,把项目部署在tomcat的webapps下

  • idea中部署项目两种方式
    • war模式:将项目以war包的形式上传真实到服务器的webapps目录中;
    • war exploded模式:仅仅是目录的映射,就相当于tomcat在项目源文件夹中启动一样;

任务二 课程模块开发_01 - 图23

2.在webapps中创建upload目录

upload目录专门用来保存上传过来的图片

任务二 课程模块开发_01 - 图24

3.修改代码,将图片上传到服务器
  • 修改图片的输出路径
    1. 获取到项目的运行目录信息
    2. 截取到webapps的 目录路径
    3. 拼接输出路径,将图片保存到upload
  1. @Override
  2. protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  3. try {
  4. //1.创建磁盘文件项工厂
  5. DiskFileItemFactory factory = new DiskFileItemFactory();
  6. //2.创建文件上传核心类
  7. ServletFileUpload upload = new ServletFileUpload(factory);
  8. //2.1 设置上传文件名的编码
  9. upload.setHeaderEncoding("utf-8");
  10. //2.2 判断表单是否是文件上传表单
  11. boolean multipartContent = upload.isMultipartContent(req);
  12. //2.3 是文件上传表单
  13. if(multipartContent){
  14. //3. 解析request ,获取文件项集合
  15. List<FileItem> list = upload.parseRequest(req);
  16. if(list != null){
  17. //4.遍历获取表单项
  18. for (FileItem item : list) {
  19. //5. 判断是不是一个普通表单项
  20. boolean formField = item.isFormField();
  21. if(formField){
  22. //普通表单项, 当 enctype="multipart/form-data"时, request的getParameter()方法 无法获取参数
  23. String fieldName = item.getFieldName();
  24. String value = item.getString("utf-8");//设置编码
  25. System.out.println(fieldName + "=" + value);
  26. }else{
  27. //文件上传项
  28. //文件名
  29. String fileName = item.getName();
  30. //避免图片名重复 拼接UUID
  31. String newFileName = UUIDUtils.getUUID()+"_"+ fileName;
  32. //获取上传文件的内容
  33. InputStream in = item.getInputStream();
  34. String path = this.getServletContext().getRealPath("/");
  35. //获取到 webapps路径
  36. String webappsPath = path.substring(0, path.indexOf("lagou_edu_home"));
  37. OutputStream out = new FileOutputStream(webappsPath+"/upload/"+newFileName);
  38. //拷贝文件到服务器
  39. IOUtils.copy(in,out);
  40. out.close();
  41. in.close();
  42. }
  43. }
  44. }
  45. }
  46. } catch (FileUploadException e) {
  47. e.printStackTrace();
  48. }
  49. }

4. 页面加载图片

将tomcat作为图片服务器使用时,存储上传的图片后,如果想要图片可以访问,需要在idea中进行配置:

  1. 选择external source —-> 找到webapps目录下的的upload文件夹

任务二 课程模块开发_01 - 图25

任务二 课程模块开发_01 - 图26

  1. 上传一张图片到服务器
  2. 在项目内部页面加载图片
  1. <img src="/upload/abbd99891af442a8a9cb65848744452e_qiyu.jpg">
  1. 也可以通过HTTP方式访问
  1. http://localhost:8080/upload/abbd99891af442a8a9cb65848744452e_qiyu.jpg

4.6 BeanUtils工具类

  1. 介绍

    BeanUtils 是 Apache commons组件的成员之一,主要用于简化JavaBean封装数据的操作。可以将一个表单提交的所有数据封装到JavaBean中

  2. 导入依赖

  1. <dependency>
  2. <groupId>commons-beanutils</groupId>
  3. <artifactId>commons-beanutils</artifactId>
  4. <version>1.8.3</version>
  5. </dependency>
  1. BeanUtils 对象常用方法 | 方法 | 描述 | | —- | —- | | populate(Object bean, Map properties) | 将Map数据封装到指定Javabean中,
    一般用于将表单的所有数据封装到javabean | | setProperty(Object obj,String name,Object value) | 设置属性值 | | getProperty(Object obj,String name) | 获得属性值 |
  1. BeanUtils 使用测试
  1. public class TestBeanUtils {
  2. @Test
  3. public void test01() throws InvocationTargetException, IllegalAccessException, NoSuchMethodException {
  4. //1.创建course对象
  5. Course course = new Course();
  6. //2.创建Map
  7. Map<String,Object> map = new HashMap<>();
  8. //3.向map集合中添加数据, key要与course的属性名保持一致,value的数据类型与course的属性的类型保持一致
  9. map.put("id",1);
  10. map.put("course_name","大数据");
  11. map.put("brief","课程包含所有大数据流行的技术");
  12. map.put("teacher_name","周星星");
  13. map.put("teacher_info","非著名演员");
  14. //将map中的数据封装到 course中
  15. BeanUtils.populate(course,map);
  16. System.out.println(course.getId()+" " + course.getCourse_name() +" " +course.getBrief()
  17. +" "+course.getTeacher_name()+" " +course.getTeacher_info());
  18. //设置属性 获取属性
  19. BeanUtils.setProperty(course,"price",100.0);
  20. String price = BeanUtils.getProperty(course, "price");
  21. System.out.println(price);
  22. }
  23. }

4.7 Servlet编写

4.7.1 CourseSalesInfoServlet

创建CourseSalesInfoServlet类,继承HttpServlet , 完成保存课程营销信息操作.

因为上传的信息包含文件信息,无法直接通过request直接获取参数,所以不能继承BaseServlet

  1. @WebServlet("/courseSalesInfo")
  2. public class CourseSalesInfoServlet extends HttpServlet {
  3. /**
  4. * 保存课程营销信息
  5. * 收集表单数据,封装到course对象中,将图片上传到tomcat服务器中
  6. * */
  7. @Override
  8. protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  9. try {
  10. //1.创建Course对象
  11. Course course = new Course();
  12. //2.创建Map集合,用来收集数据
  13. Map<String,Object> map = new HashMap<>();
  14. //3.创建磁盘工厂对象
  15. DiskFileItemFactory factory = new DiskFileItemFactory();
  16. //4.文件上传核心对象
  17. ServletFileUpload fileUpload = new ServletFileUpload(factory);
  18. //5.解析request对象,获取表单项集合
  19. List<FileItem> list = fileUpload.parseRequest(req);
  20. //6.遍历集合 判断哪些是普通的表单项,那些是文件表单项
  21. for (FileItem item : list) {
  22. boolean formField = item.isFormField();
  23. if(formField){
  24. //是普通表单项,获取表单项中的数据,保存到map
  25. String fieldName = item.getFieldName();
  26. String value = item.getString("UTF-8");
  27. System.out.println(fieldName +" " + value);
  28. //使用map收集数据
  29. map.put(fieldName,value);
  30. }else{
  31. //文件上传项
  32. //获取文件名
  33. String fileName = item.getName();
  34. String newFileName = UUIDUtils.getUUID()+"_"+fileName;
  35. //获取输入流
  36. InputStream in = item.getInputStream();
  37. //获取webapps的目录路径
  38. String realPath = this.getServletContext().getRealPath("/");
  39. String wabappsPath = realPath.substring(0, realPath.indexOf("lagou_edu_home"));
  40. //创建输出流
  41. OutputStream out = new FileOutputStream(wabappsPath+"/upload/" + newFileName);
  42. IOUtils.copy(in,out);
  43. out.close();
  44. in.close();
  45. //将图片路径进行保存
  46. map.put("course_img_url", Constants.LOCAL_URL+"/upload/" + newFileName);
  47. }
  48. }
  49. //使用BeanUtils 将map中的数据封装到course对象
  50. BeanUtils.populate(course,map);
  51. String dateFormart = DateUtils.getDateFormart();
  52. CourseService cs = new CourseServiceImpl();
  53. if(map.get("id") != null){
  54. //修改操作
  55. //补全信息
  56. course.setUpdate_time(dateFormart);//修改时间
  57. String result = cs.updateCourseSalesInfo(course);
  58. //响应结果
  59. resp.getWriter().print(result);
  60. }else{
  61. //新建操作
  62. //补全信息
  63. course.setCreate_time(dateFormart);//创建时间
  64. course.setUpdate_time(dateFormart);//修改时间
  65. course.setStatus(1); //上架
  66. String result = cs.saveCourseSalesInfo(course);
  67. //响应结果
  68. resp.getWriter().print(result);
  69. }
  70. } catch (Exception e) {
  71. e.printStackTrace();
  72. }
  73. }
  74. @Override
  75. protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  76. doGet(req, resp);
  77. }
  78. }

4.7.2 接口测试

postman测试上传文件

  1. 接口地址填写正确
  2. 将请求方式设置为POST
  3. 需要上传文件, 设置Headers: “key”:”Content-Type”, “value”:”multipart/form-data”

任务二 课程模块开发_01 - 图27

  1. Body选择form-data
  2. key 右侧下拉选择file;value 点击Select Files选择文件 , 按照接口文档,补全测试参数

任务二 课程模块开发_01 - 图28

4.7.3 保存图片URL优化

1.创建常量类

  1. public final class Constants {
  2. //本地访问地址
  3. public static final String LOCAL_URL = "http://localhost:8080";
  4. }

2.拼接图片URL

  1. //将图片路径进行保存
  2. map.put("course_img_url", Constants.LOCAL_URL+"/upload/" + newFileName);

5. 功能四: 修改课程营销信息

5.1 需求分析

  1. 营销信息其实就是课程相关的信息, 操作的依然是 **course** 表. 我们通过点击营销信息按钮,进入到对应的课程营销信息页面,对原有信息进行修改.

任务二 课程模块开发_01 - 图29

5.2 Dao层编写

  1. 通过上面的分析,首先要编写 根据课程ID查询课程信息,进行回显
  1. 接口
  2. //根据课程ID 查询课程信息
  3. public Course findCourseById(int id);
  4. 实现类
  5. //根据课程ID 查询课程营销信息
  6. @Override
  7. public Course findCourseById(int id) {
  8. try {
  9. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  10. String sql = "SELECT \n" +
  11. "id,\n" +
  12. "course_name,\n" +
  13. "brief,\n" +
  14. "teacher_name,\n" +
  15. "teacher_info,\n" +
  16. "preview_first_field,\n" +
  17. "preview_second_field,\n" +
  18. "discounts,\n" +
  19. "price,\n" +
  20. "price_tag,\n" +
  21. "course_img_url,\n" +
  22. "share_image_title,\n" +
  23. "share_title,\n" +
  24. "share_description,\n" +
  25. "course_description,\n" +
  26. "STATUS\n" +
  27. "FROM course WHERE id = ?;";
  28. Course course = qr.query(sql, new BeanHandler<Course>(Course.class), id);
  29. return course;
  30. } catch (SQLException e) {
  31. e.printStackTrace();
  32. return null;
  33. }
  34. }
  1. -- 根据ID查询课程信息SQL
  2. SELECT
  3. id,
  4. course_name,
  5. brief,
  6. teacher_name,
  7. teacher_info,
  8. preview_first_field,
  9. preview_second_field,
  10. discounts,
  11. price,
  12. price_tag,
  13. course_img_url,
  14. share_image_title,
  15. share_title,
  16. share_description,
  17. course_description,
  18. STATUS
  19. FROM course WHERE id = ?;
  1. 编写修改课程营销信息的方法,将修改写入数据库
  1. 接口
  2. //修改课程营销信息
  3. public int updateCourseSalesInfo(Course course);
  4. 实现类
  5. //修改课程营销信息
  6. @Override
  7. public int updateCourseSalesInfo(Course course) {
  8. try {
  9. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  10. String sql = "UPDATE course SET \n" +
  11. "course_name = ?,\n" +
  12. "brief = ?,\n" +
  13. "teacher_name = ?,\n" +
  14. "teacher_info = ?,\n" +
  15. "preview_first_field = ?,\n" +
  16. "preview_second_field = ?,\n" +
  17. "discounts = ?,\n" +
  18. "price = ?,\n" +
  19. "price_tag = ?,\n" +
  20. "share_image_title = ?,\n" +
  21. "share_title = ?,\n" +
  22. "share_description = ?,\n" +
  23. "course_description = ?,\n" +
  24. "course_img_url = ?,\n" +
  25. "update_time = ?\n" +
  26. "WHERE id = ?";
  27. Object[] param = {course.getCourse_name(),course.getBrief(),course.getTeacher_name(),course.getTeacher_info(),
  28. course.getPreview_first_field(),course.getPreview_second_field(),course.getDiscounts(),course.getPrice(),course.getPrice_tag(),
  29. course.getShare_image_title(),course.getShare_title(),course.getShare_description(),course.getCourse_description(),
  30. course.getCourse_img_url(),course.getUpdate_time(),course.getId()};
  31. int row = qr.update(sql, param);
  32. return row;
  33. } catch (SQLException e) {
  34. e.printStackTrace();
  35. return 0;
  36. }
  37. }
  1. 修改课程
  2. UPDATE course SET
  3. course_name = ?,
  4. brief = ?,
  5. teacher_name = ?,
  6. teacher_info = ?,
  7. preview_first_field = ?,
  8. preview_second_field = ?,
  9. discounts = ?,
  10. price = ?,
  11. price_tag = ?,
  12. share_image_title = ?,
  13. share_title = ?,
  14. share_description = ?,
  15. course_description = ?,
  16. course_img_url = ?,
  17. update_time = ?
  18. WHERE id = ?
  1. 测试

5.3 Service层编写

  1. 接口
  2. public Course findCourseById(int id);
  3. 实现类
  4. @Override
  5. public Course findCourseById(int id) {
  6. return courseDao.findCourseById(id);
  7. }
  1. 接口
  2. public String updateCourseSalesInfo(Course course);
  3. 实现类
  4. @Override
  5. public String updateCourseSalesInfo(Course course) {
  6. //调用dao
  7. int i = courseDao.updateCourseSalesInfo(course);
  8. //根据插入是否成功,封装对应信息
  9. if(i > 0){
  10. //保存成功
  11. String result = StatusCode.SUCCESS.toString();
  12. return result;
  13. }else{
  14. //保存失败
  15. String result = StatusCode.FAIL.toString();
  16. return result;
  17. }
  18. }

5.4 Servlet编写

5.4.1 根据ID查询课程信息

5.4.1.1 CourseServlet

在CourseServlet中, 添加根据ID查询课程信息的功能

  1. /**
  2. * 根据课程ID查询课程营销信息
  3. * */
  4. public void findCourseById(HttpServletRequest request , HttpServletResponse response){
  5. try {
  6. //1.接收参数
  7. String id = request.getParameter("id");
  8. //2.业务处理
  9. CourseService cs = new CourseServiceImpl();
  10. Course course = cs.findCourseById(Integer.parseInt(id));
  11. //3.返回结果 响应JSON格式数据
  12. //使用 SimplePropertyPreFilter,指定要转换为JSON的字段
  13. SimplePropertyPreFilter filter = new SimplePropertyPreFilter(Course.class,"id","course_name","brief","teacher_name",
  14. "teacher_info","preview_first_field","preview_second_field","discounts","price","price_tag","share_image_title","share_title","share_description","course_description");
  15. String result = JSON.toJSONString(course, filter);
  16. response.getWriter().println(result);
  17. } catch (IOException e) {
  18. e.printStackTrace();
  19. }
  20. }

5.4.1.2 接口测试

详见接口文档

5.4.2 修改CourseSalesInfoServlet

5.4.2.1 需求分析

保存营销信息和修改营销信息,访问的是同一个接口,所以在CourseSalesInfoServlet中,我们需要进行一下判断

  • 携带id 就是修改操作
  • 未携带id就是新增操作

5.4.2.2 代码修改
  1. @WebServlet("/courseSalesInfo")
  2. public class CourseSalesInfoServlet extends HttpServlet {
  3. /**
  4. * 保存营销信息
  5. * 收集表单的数据 封装一个Course实体 将上传图片存到服务器磁盘上
  6. * */
  7. @Override
  8. protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  9. try {
  10. //1.获取参数,调用FIleUploadUtils,进行文件上传和参数的封装
  11. Map<String, Object> map = FileUploadUtil.upload(req);
  12. //2.使用BeanUtils 将map中的数据封装到 Course对象中
  13. Course course = new Course();
  14. BeanUtils.populate(course,map);
  15. //3.业务处理
  16. if(map.get("id") != null){
  17. //补全信息 修改时间
  18. course.setUpdate_time(DateUtils.getDateFormart());
  19. CourseService cs = new CourseServiceImpl();
  20. Map<String, String> message = cs.updateSalesInfo(course);
  21. //4.响应JSON数据
  22. String result = JSON.toJSONString(message);
  23. resp.getWriter().println(result);
  24. }else{
  25. //补全信息
  26. course.setCreate_time(DateUtils.getDateFormart());//创建时间
  27. course.setUpdate_time(DateUtils.getDateFormart());//修改时间
  28. course.setStatus(0);//状态
  29. //8.业务处理
  30. CourseService cs = new CourseServiceImpl();
  31. Map<String, String> message = cs.saveSalesInfo(course);
  32. //9.响应JSON数据
  33. String result = JSON.toJSONString(message);
  34. resp.getWriter().println(result);
  35. }
  36. } catch (Exception e) {
  37. e.printStackTrace();
  38. }
  39. }
  40. @Override
  41. protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  42. doGet(req, resp);
  43. }
  44. }

5.4.2.3 接口测试

根据接口文档,进行测试

6. 功能五: 修改课程状态

6.1 需求分析

  1. 数据库中课程状态码为0或者1 ,课程状态,0-草稿(下架),1-上架

任务二 课程模块开发_01 - 图30

  1. 页面分析

任务二 课程模块开发_01 - 图31

6.2 DAO层编写

  1. 接口
  2. //修改课程状态
  3. int updateCourseStatus(Course course);
  4. 实现类
  5. //修改课程状态
  6. @Override
  7. public int updateCourseStatus(Course course) {
  8. try {
  9. QueryRunner qr = new QueryRunner(DruidUtils.getDataSource());
  10. String sql = "UPDATE course SET STATUS = ? ,update_time = ? WHERE id = ?";
  11. Object[] param = {course.getStatus(),course.getUpdate_time(),course.getId()};
  12. int row = qr.update(sql, param);
  13. return row;
  14. } catch (SQLException e) {
  15. e.printStackTrace();
  16. return 0;
  17. }
  18. }

6.3 Service层编写

  1. 接口
  2. public Map<String,Integer> updateCourseStatus(Course course);
  3. 实现类
  4. @Override
  5. public Map<String, Integer> updateCourseStatus(Course course) {
  6. //调用dao
  7. int row = courseDao.updateCourseStatus(course);
  8. Map<String ,Integer> map = new HashMap<>();
  9. if(row > 0){
  10. if(course.getStatus() == 0){
  11. map.put("status",0);
  12. }else{
  13. map.put("status",1);
  14. }
  15. }
  16. return map;
  17. }

6.4 Servlet编写

在CourseServlet中, 添加updateCourseStatus方法

  1. //修改课程状态
  2. public void updateCourseStatus(HttpServletRequest request,HttpServletResponse response){
  3. try {
  4. //1.获取参数
  5. String id = request.getParameter("id");
  6. //2.业务处理
  7. CourseService cs = new CourseServiceImpl();
  8. //3.根据课程id 查询课程信息
  9. Course course = cs.findCourseById(Integer.parseInt(id));
  10. //4.判断课程信息状态,进行取反设置
  11. int status = course.getStatus();
  12. if(status == 0){
  13. //如果是0 设置为1
  14. course.setStatus(1);
  15. }else{
  16. course.setStatus(0);
  17. }
  18. //5.设置更新时间
  19. course.setUpdate_time(DateUtils.getDateFormart());
  20. //6.修改状态
  21. Map<String, Integer> map = cs.updateCourseStatus(course);
  22. //7.响应结果
  23. String result = JSON.toJSONString(map);
  24. response.getWriter().print(result);
  25. } catch (IOException e) {
  26. e.printStackTrace();
  27. }
  28. }

6.5 接口测试

查看接口文档,进行测试