基于J2EE的大型视频影音系统的设计与实现

灰太狼 2024-03-31 14:50 129阅读 0赞

目 录  
毕业设计（论文）任务书 I  
摘 要 II  
ABSTRACT III  
第1章　绪 论 1  
1.1 课题的提出 1  
1.1.1 Web2.0浪潮进一步影响全球互联网发展 1  
1.1.2 视频分享成为2.0浪潮的最新爆发点 1  
1.2 系统研究目的 2  
1.3 系统设计目标 2  
第2章　关键技术介绍 4  
2.1 网页制作工具——Dreamweaver 4  
2.1.1 Dreamweaver概述 4  
2.1.2 Dreamweaver简介 4  
2.1.3 Dreamweaver的作用 4  
2.2 数据库——MySQL 5  
2.2.1 MySQL的概述 5  
2.2.2 MySQL的特性 5  
2.3 开发语言 5  
2.3.1 JSP的基础——Servlet 技术 5  
2.3.2 JavaBeans技术 6  
2.3.3 JSP简介 6  
2.3.4 JavaScript简介 7  
2.3.5 AJAX、DWR框架简介 7  
2.4 网站开发工具——Eclipse 7  
2.5 免费服务器——Tomcat 8  
2.6 环境的安装与配置 8  
第3章　系统分析 10  
3.1 需求分析 10  
3.2 软件用例分析 10  
3.3 用例建模 11  
3.3.1 标识参与者 11  
3.3.2 用例图 12  
3.3.3 活动图 12  
3.4 分析类 14  
3.4.1 边界类 14  
3.4.2 实体类 15  
3.4.3 控制类 16  
3.5 系统结构选择 16  
第4章　系统设计 19  
4.1 系统结构图 19  
4.2 数据库E-R图 19  
4.3 数据库设计 21  
第5章　系统实现 24  
5.1 注册用户设计 24  
5.2 系统登录页面设计 25  
5.3 视频信息管理页面设计 26  
第6章　系统测试 28  
6.1 测试方案及测试用例 28  
6.1.1 登录过程测试用例 28  
6.1.2 用户信息修改测试用例 29  
6.1.3 数据录入测试用例 29  
6.2 测试结论 29  
第7章　结　论 30  
参考文献 32  
致 谢 33  
第3章　系统分析  
3.1 需求分析  
第一部分：用户使用部分：  
（1）非用户要注册成为本系统用户，输入注册用户名、注册密码、Email、性别、所在地，如果用户与已在数据库的用户名重复、两次密码输入不正确、Email格式不正确则提醒用户。  
（2）用户登陆时要通过用户验证，输入用户名，密码。选择是否保存密码及保存多久，如果用户名密码不正确，则返回登陆界面。  
（3）用户可以查看自己的用户个人信息及修改个人信息。  
（4）用户修改密码要通过密码验证，输入旧密码及输入两次新密码，两次密码输入不正确则提醒用户，旧密码不正确则返回提醒用户。  
（5）用户可以上传更改头像，方便用户之间交流。  
（6）用户可以上传视频与其它用户分享，及修改视频基本信息。  
第二部分：管理员管理部分：  
（1）管理员登陆时要通过用户验证，输入用户名、密码，判断是该用户是否为管理员。选择是否保存密码及保存多久，如果用户名密码不正确，则返回登陆界面。  
（2）管理员可以使用普通用户的所有权限。  
（3）管理员可以删除用户上传的不合法的视频。  
（4）管理员可以删除非法用户。  
（5）管理员可以删除非法评论。  
第三部分：所有用户（包括非注册用户）搜索、观看及评论视频部分：  
（1）所有用户可以查询自己感兴趣的视频  
（2）所有用户可以看视频。  
（3）所有用户可以发表评论，注册用户可以显示发表评论用户名。  
3.2 软件用例分析  
用例是从用户和业务的角度来描述系统提供需要执行的功能。下面列出了本系统主要的用例：  
（1）用户登录  
使用本系统的用户必须登录才能上传视频及用户间的交互。  
（2）用户注销  
用户退出本系统。  
（3）个人基本信息管理  
用户对个人信息进行修改，包括头像、性别、地区等。  
（4）视频上传  
用户上传视频与其它用户分享。  
（5）视频信息管理  
用户对视频信息的添加及修改。  
（6）视频查询  
用户为观看感兴趣的视频而查询视频。  
（7）视频观看  
用户观看感兴趣的视频。  
（8）视频留言  
用户查看所有视频留言并发表自己的评论。  
（9）管理员管理评论  
管理员对违规留言进行删除。  
（10）管理员管理视频  
管理员对违规视频进行修改及删除。  
（11）管理员管理用户  
管理员删除非法用户。  
3.3 用例建模  
用例模型描述的是外部执行者(Actor)所理解的系统功能。它的建立是系统开发者和用户反复讨论的结果，表明了开发者和用户对需求规格达成的共识。在需求分析阶段，可以用用例来捕获用户需求，以描述对系统感兴趣的外部角色及其对系统(用例)的功能要求。  
3.3.1 标识参与者  
参与者是指系统的分类用户，分别代表一个唯一的角色。对本系统来说，存在相互联系如下3类用户：  
管理员:通过系统管理所有的用户、视频、评论等等信息。管理员是系统中权限最大的用户，权限几乎涉及所有方面。  
注册用户:通过系统管理自己的基本信息、修改密码、上传头像，管理本人上传的视频、修改信息及删除视频等  
非注册用户:通过系统搜索观看视频、并对视频进行评论等。  
3.3.2 用例图  
用例图(Use Case)是参与者(系统外部用户)所能观察到的系统功能的模型图（见图1），它描述参与者与系统提供的用例之间的某种联系。用例是系统中的一个功能单元，是对系统提供的功能的一种描述，是参与者与系统之间的一次交互过程。参与者是那些可能使用这些用例的人或者外部系统。用例图就是从参与者的角度描述出系统中的用例和参与者，以及用例与参与者之间的关系(哪个参与者参与了哪个用例的执行)，本系统用例图见图3.1所示。  
![在这里插入图片描述][6415630b57cc4e30b3ca07f90dd2cd0f.png]  
图 3.1 用例图

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'main.jsp' starting page</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    
      </head>
      
      <body>
      	<c:import url="top.jsp"></c:import>
      	<h1 style="color: red">${
        param.loginError }</h1>
        <a href="getAllVideosServlet">显示所有视频</a>   <a href="getPhotosServlet">显示图片</a>
        <a href="getVideosByPaginationServlet">分页显示视频</a>
        <c:import url="bottom.jsp"></c:import>
        <%--<c:redirect url="login.jsp"></c:redirect>相当于response.sendRedirect() --%>
      </body>
    </html>

![在这里插入图片描述][d878208403bb49719ca2cd5c32768910.png_pic_center]  
![在这里插入图片描述][4506d1973aa54a6689cab490bd738574.png_pic_center]  
![在这里插入图片描述][b52989b666dc48ae83b5ee06f720abe2.png_pic_center]  
![在这里插入图片描述][bb6aa83713304f1a948875449cc8bac0.png_pic_center]  
![在这里插入图片描述][45e8155db0c1419cb8b0855a50701261.png_pic_center]  
![在这里插入图片描述][8ccc8ccfce484f64b4af2a70a2437e64.png_pic_center]  
![在这里插入图片描述][448456d1946f4946898791ef5f3d5a91.png_pic_center]  
![在这里插入图片描述][21e7cf64df6d4214876d42e4d229800c.png_pic_center]  
![在这里插入图片描述][a20e3dcc71ee42c7840d1eb19034b5bd.png_pic_center]  
![在这里插入图片描述][caca0c959eaf410c9caa0aac814d1a19.png_pic_center]

[6415630b57cc4e30b3ca07f90dd2cd0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ad2db21d67e84272b20e639a68a69ee8.png
[d878208403bb49719ca2cd5c32768910.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b6393be935684f669703206f9780bb74.png
[4506d1973aa54a6689cab490bd738574.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/917e9d66b98c42bb8643894cfbe42a0e.png
[b52989b666dc48ae83b5ee06f720abe2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/bdfdb9cd31574565b17864ee37b51dfd.png
[bb6aa83713304f1a948875449cc8bac0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/dbb9b243731e439d9facebb6a42e49f4.png
[45e8155db0c1419cb8b0855a50701261.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/fa22a0d426a84cfc91546ac39e8e59ee.png
[8ccc8ccfce484f64b4af2a70a2437e64.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/100476d58dfb488c9bba6510edc71fc7.png
[448456d1946f4946898791ef5f3d5a91.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/b6d8d2f0160745408ec9959337af6402.png
[21e7cf64df6d4214876d42e4d229800c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/07afee18a7a042d2a095b6b6e84580a2.png
[a20e3dcc71ee42c7840d1eb19034b5bd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/ae6d36696cfb406c88d1611530a3dfbc.png
[caca0c959eaf410c9caa0aac814d1a19.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/afd1e334d98045fc82e986a8a33a5b99.png