迪士尼在逃公组 实验五 软件开发案例(2)团队作业
项目 | 内容 |
---|---|
课程班级博客链接 | 2020级卓越工程师班 |
这个作业要求链接 | 实验五 软件开发案例(团队作业) |
团队名称 | 迪士尼在逃公组 |
分工 | 宋晔婷:任务一 何欣娜:任务二 米乐文:任务三 |
我的课程学习目标 | 1.理解MVC软件设计模式。 2. 练习并掌握JSP+JavaBean+Servlet技术实现的MVC设计模式。 3.练习UML建模技术。 |
这个作业在哪些方面帮助我实现学习目标 | 1.在理解MVC设计模式的过程中学习到它是用一种业务逻辑、数据与界面显示分离的方法来组织代码,具有代码复用性高等特点。 2.通过练习JSP+JavaBean+Servlet的实验项目,实现MVC的设计模式,提升自己对MVC模式的理解。 |
团队博客链接 | 迪士尼在逃公组 |
团队Github链接 | Github |
任务一 :创建学生信息管理的Java web项目
(1)在MySQL中创建数据库:students
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511182729480-801653981.jpg)
(2)在students数据库中创建学生信息表:student
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511183439990-2046448112.jpg)
(3)创建Web项目,项目名称为:studentmanager
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511195641508-775739520.png)
(4)在项目的src包中创建包model、control、在WebRoot下创建JSP文件夹
src包中创建包model
src包中创建包control
WebRoot下创建JSP文件夹
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511200400284-295058698.png)
添加成功
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511200601133-482028284.png)
(5)在项目中添加MySQL数据库驱动包
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230512224145018-537360434.jpg)
(6)在src包中创建entity包存放实体类,创建实体类Student.java,其属性与数据库表的student的字段对应,程序中获取的数据库表student的记录就可存储到Student.java类的对象实例中。
在src包中创建entity包存放实体类
创建实体类Student.java
(7)在src包中创建dbutil包存放数据库连接工具类Dbconn.java
在src包中创建dbutil包
数据库连接工具类Dbconn.java
(8)分别对案例中四个模块的M、V、C层进行编码,并在项目中的WebRoot/WEB-INF/webWeb.xml中配置control包的6个Servelet控制器。
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230513141429924-1502905867.png)
(9)将项目部署在Tomcat服务器,测试运行学生信息的增加、更新、删除、显示等操作。
将项目部署在Tomcat服务器
测试运行学生信息的增加操作
学生信息的增加成功
测试运行学生信息的删除操作
学生信息的删除成功
测试运行学生信息的显示操作
学生信息显示成功
测试运行学生信息的修改操作
学生信息的修改成功
任务二 :学生信息管理软件增量开发
(1)为案例软件开发一个新功能,可将excel文件的学生信息批量导入数据库。
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511205723245-1168780560.png)
说明
点击选择文件按钮,选择对应.xml文件
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230511210305935-448152696.jpg)
说明
点击上传按钮,跳转到ListStudentServlet
![](https://img2023.cnblogs.com/blog/3165072/202305/3165072-20230513141828361-1659733977.png)
(2)在项目的WebRoot文件夹下创建一个upload文件夹用于存放用户上传的文件,增加学生信息字段:相片,根据相片字段的信息存储和维护完善案例软件,要求学生相片文件存放在服务器上项目的upload文件夹中,数据库中存放相片的文件名,显示相片时是根据文件名到该文件夹中访问图片文件而实现。
在项目的WebRoot文件夹下创建一个upload文件夹
说明
增加studentupload.jsp,提供相片上传功能,使用id作为主键检索对于学生用户信息。
studentuploadpic.jsp(点击查看代码)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上传相片信息</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>
<body>
<center>
<h1>插入相片信息</h1>
<h1 id="msg"></h1>
<form action="PicUploadServlet.do" method="post" enctype="multipart/form-data">
<p>学号: <input type="text" name="id"></p>
<p> 相片:
<img width="100" height="100" alt="当前尚未上传头像">
<input type="file" name="picpath" />
<input type="submit" value="上传">
<br></p>
</form>
</center>
</body>
</html>
说明
编写处理上传的相片的工具,判断文件类型,同时重新对相片名称进行编码,使用id_相片名.后缀名格式,防止反复上传与命名覆盖问题。
MyPicUtiles.java(点击查看代码)
package utils;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.util.*;
public class MyPicUtiles {
private static final long serialVersionUID = 1L;
public static boolean isPic(String fileName) {
String type = ".jpg";
// 文件的后缀名
String fileType = fileName.substring(fileName.lastIndexOf("."));
if (type.equalsIgnoreCase(fileType)) {
return true;
}
return false;
}
public Map<String,String> File_upload(HttpServletRequest request,String filepath) {
//判断上传的表单是否为multipart/form-data类型
if (ServletFileUpload.isMultipartContent(request)) {
try {
//1.创建DiskFileItemFactory对象,设置缓冲区大小和临时目录文件
DiskFileItemFactory factory = new DiskFileItemFactory();
//2.创建对象,并设置上传文件的大小限制
ServletFileUpload sfu = new ServletFileUpload(factory);
sfu.setSizeMax(10 * 1024 * 1024);//以byte为单位 1024byte->1KB*1024=1M->1M*10=10M
sfu.setHeaderEncoding("utf-8");
//3.调用ServletFileUpload.parseRequest方法来解析对象,得到一个保存了所有上传内容的List对象
List<FileItem> fileItemList = sfu.parseRequest(request);
Iterator<FileItem> fileItems = fileItemList.iterator();
//创建一个Map集合,用于添加表单元素
Map<String, String> map = new TreeMap<String, String>();
//4.遍历fileItems,每迭代一个对象,调用其isFormField方法判断是否是上传文件
while ((fileItems.hasNext())) {
FileItem fileItem = fileItems.next();
try{
//普通的表单元素
if (fileItem.isFormField()) {
String name = fileItem.getFieldName();//name的属性值
String value = fileItem.getString("utf-8");//name对应的value值
//添加进Map集合中
map.put(name, value);
} else {//否则即为<input type="file">上传的文件
if(fileItem.getName()==null||fileItem.getFieldName()==null){
map.put("fileName","empty");
map.put("newFileName","empty");
}else {
String fileName = fileItem.getName();// 文件名称
System.out.println("原文件名:" + fileName);// Koala.jpg
String suffix = fileName.substring(fileName.lastIndexOf('.'));
System.out.println("扩展名:" + suffix);// .jpg
// 新文件名(唯一)
String newFileName = new Date().getTime() + suffix;
System.out.println("新文件名:" + newFileName);// image\1478509873038.jpg
//将文件名存入到数组中
map.put("fileName", fileName);
map.put("newFileName", newFileName);
// 5. 调用FileItem的write()方法,写入文件
String context = filepath+newFileName ;
System.out.println("图片的路径为"+context);
File file = new File(context);
System.out.println(file.getAbsolutePath());
fileItem.write(file);
//判断该文件是否为head_img下默认的头像,如果不是才执行删除
if(!fileName.contains("empty")|| !newFileName.contains("empty")){
// 6. 调用FileItem的delete()方法,删除临时文件
fileItem.delete();
}
}
}
}catch (StringIndexOutOfBoundsException e ){
//若为空指指针
//未上传图片则按原来的图片显示
//设置为false,在进行数据库操作时不对图片进行操作
System.out.println("出现异常");
map.put("fileName","empty");
map.put("newFileName","empty");
e.printStackTrace();
}
}
return map;
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
return null;
}
}
说明
同时在studentinsert中加入上传相片的功能,实现同步更新相片。
说明
增加相片上传输入框
插入学生信息展示
PicUploadServlet.java(点击查看代码)
package control;
import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;
import model.StudentModel;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;
import utils.MyPicUtiles;
@MultipartConfig
@WebServlet("/PicUploadServlet")
public class PicUploadServlet extends HttpServlet {
//为类可持久化
private static final long serialVersionUID = 1L;
public PicUploadServlet(){
super();
// TODO Auto-generated constructor stub
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
Part picPart = request.getPart("pic");
int id = Integer.parseInt(request.getParameter("id"));
StudentModel model = new StudentModel();
if (picPart != null){
String fileName = picPart.getSubmittedFileName();
if (MyPicUtiles.isPic(fileName)) {
//为了避免文件重名,给它重新命名
fileName = id + "_" + fileName;
//获取文件存放目录的真实路径
String dirPath = this.getServletContext().getRealPath("/img");
//保存文件
picPart.write(dirPath + "/" + fileName);
model.addPic(id, fileName);
}
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}
42号同学增加成功,跳转到此页面
查看数据库,增加图片信息
(3)将任务1与任务2的完成的学生信息管理软件源码上传到团队github仓库。
任务三 :学生信息管理软件增量开发
1.总结Servlet技术的工作原理
servlet是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。Servlet只有放在容器中才能执行,最常见的容器为Tomcat。
(1)浏览器向服务器发送GET请求,请求服务器ServletA
(2)服务器上的Servlet 容器接收到该URL,根据该URL判断为Servlet请求,此时Servlet 容器将产生两个对象:请求对象(HttpServletRequest)和响应对象(HttpServletResponce)
(3)Servlet 容器对请求的 URL 进行解析并根据web.xml配置文件找到处理该请求的Servlet(ServletA),并创建一个线程A
(4)Servlet 容器将刚才创建的请求对象和响应对象传递给线程A
(5)Servlet 容器调用Servlet的service()方法
(6)service()方法根据请求类型(本示例为GET请求)调用doGet() (本示例调用doGet()) 或doPost()方法
(7)doGet()执行完后,将结果返回给Servlet 容器,线程A被销毁或被放在线程池中
每一个自定义的Servlet都必须实现Servlet的接口,Servlet接口中定义了五个方法,其中比较重要的三个方法涉及到Servlet的生命周期,分别是上文提到的init(),service(),destroy()方法。GenericServlet是一个通用的,不特定于任何协议的Servlet,它实现了Servlet接口。而HttpServlet继承于GenericServlet,因此HttpServlet也实现了Servlet接口。所以我们定义Servlet的时候只需要继承HttpServlet即可。
Servlet接口和GenericServlet是不特定于任何协议的,而HttpServlet是特定于HTTP协议的类,所以HttpServlet中实现了service()方法,并将请求ServletRequest、ServletResponse 强转为HttpRequest 和 HttpResponse。
2.总结MVC设计模式的特点
MVC 是一种程序开发设计模式,它实现了显示模块与功能模块的分离。提高了程序的可维护性、可移植性、可扩展性与可重用性,降低了程序的开发难度。它主要分模型、视图、控制器三层。
优点:
(1) 降低代码耦合性。在 MVC 模式中,三个层各施其职,所以如果一旦哪一层的需求发生了变化,就只需要更改相应的层中的代码而不会影响到其他层中的代码。
(2) 有利于分工合作。在 MVC 模式中,由于按层把系统分开,那么就能更好的实现开发中的分工。网页设计人员可进行开发视图层中的 JSP,而对业务熟悉的人员可开发业务层,而其他开发人员可开发控制层。
(3) 有利于组件的重用。如控制层可独立成一个能用的组件,表示层也可做成通用的操作
缺点:
(1) 增加了系统结构和实现的复杂性。对于简单的界面,严格遵循 MVC,使模型、视图与控制器分离,会增加结构的复杂性,并可能产生过多的更新操作,降低运行效率。界面。可以为一个模型在运行时同时建立和使用多个视图。
(2) 视图对模型数据的低效率访问。依据模型操作接口的不同,视图可能需要多次调用才能获得足够的显示数据。对未变化数据的不必要的频繁访问,也将损害操作性能。
记录完成《实验四 软件开发案例(1)团队作业》各项任务实际花费的时间和成员分工
- 完成各项任务花费的时间
任务内容 | 预计花费时间 (min) | 实际花费时间 (min) |
---|---|---|
任务一:创建学生信息管理的Java web项目 | 90 | 130 |
任务二:学生信息管理软件增量开发 | 60 | 100 |
任务三 :完成《实验五 软件开发案例(2)团队作业》团队博文作业 | 130 | 230 |
- 成员分工
成员 | 分工 |
---|---|
米*文 | 1.完成团队博客的撰写 2.在src包中创建dbutil包存放数据库连接工具类Dbconn.java 3.将项目部署在Tomcat服务器,测试运行学生信息的增加、更新、删除、显示等操作。 4.将任务1与任务2的完成的学生信息管理软件源码上传到团队github仓库 5.撰写个人心得并汇总 |
何*娜 | 1.为案例软件开发一个新功能,可将excel文件的学生信息批量导入数据库。 2.在项目的WebRoot文件夹下创建一个upload文件夹用于存放用户上传的文件,增加学生信息字段:相片,根据相片字段的信息存储和维护完善案例软件,学生相片文件存放在服务器上项目的upload文件夹中,数据库中存放相片的文件名,显示相片时是根据文件名到该文件夹中访问图片文件而实现。 3.在src包中创建entity包存放实体类,创建实体类Student.java,其属性与数据库表的student的字段对应,程序中获取的数据库表student的记录就可存储到Student.java类的对象实例中。 4.撰写个人心得 |
宋*婷 | 1.在MySQL中创建数据库:students 2.在students数据库中创建学生信息表:student 3.创建Web项目,项目名称为:studentmanager 4.在项目的src包中创建包model、control、在WebRoot下创建JSP文件夹 5.在项目中添加MySQL数据库驱动包 6.撰写个人心得 7.完成实验三的两个题目 |
- 每位团队成员总结实验学习心得。
何*娜:
本次实验,有上次实验作为我们的经验,例如将excel文件的学生信息批量导入数据库这个功能,在上个实验也有完成,所有本次实验在做这个任务时就没有之前那么迷茫,也让我们充分认识到积累经验的重要性。也通过对案例中四个模块的M、V、C层进行编码,配置服务器,充分体会到了MVC软件的设计模式,在做实验的过程中也遇到了很多的问题,但通过小组交流合作成功解决,我们之间的配合也越来越默契。
米*文:
通过本次实验,主要体会到了MVC模式是软件工程中常见的一种软件架构模式,它把软件系统分为三个基本部分:模型、视图和控制器,理解了MVC软件设计模式,也充分体会到了该模式的优缺点,它实现了显示模块与功能模块的分离,提高了程序的可维护性、可移植性、可扩展性与可重用性,降低了程序的开发难度,对我们开发项目提供了可靠的支持。同时,我们团队互相配合、团队协作,顺利完成本次任务,收获颇丰。
宋*婷:
本次实验主要练习并掌握JSP+JavaBean+Servlet技术实现的MVC设计模式,总结了MVC设计模式的特点和Servlet技术的工作原理,更清楚的知道了MVC设计模式的优缺点以及具体的应用步骤,以及Servlet技术的工作原理,了解了Servlet作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层是如何工作的。同时,在我们遇到问题时,积极讨论,查阅资料,最终顺利的完成本次实验。