知新网在线视频学习网站

最新推荐文章于 2024-10-01 18:51:18 发布

置顶 coderblue

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量704

点赞数

文章标签： java

本文链接：https://blog.csdn.net/qq_43476465/article/details/100569816

版权

项目名称：知新网在线视频学习网站

 项目周期：一个星期
 开发环境：SpringToolsuite+Mysql5+Tomcat8.5+SVN+JDK1.8+Bootstrap
 项目背景：人们的物质生活快速增长，快节奏的时代下，人们的精神生活日益溃泛。于是，我们组想开发个在线学习网站，成为供大家学习、交流的心灵港湾。喻名意为：温故而知新，可以为师矣。
 项目模块划分：用户模块，视频模块，论坛模块，悬赏订单模块，后台管理系统
 项目组员：刘杨（组长），郭涛，王综艺，李小龙
 技术选型：采用c3p0技术连接数据库，查询出的数据结果，通过service层、controller层传值到jsp页面显示，且前端页面使用Ajax技术实现异步交互

责任描述：
1、与组员协商基本功能，完善对知新网功能的详细思维导图；
2、统一命名规范准备
3、协助组员完成视频上传的功能实现，优化前端页面的美观性，降低后端代码的冗余度
4、整合项目，调试bug，流畅运行项目所有实现的功能.最后：我们实现了知新网的登陆、注册、用户资料上传修改、在线拍照上传、视频上传播放、论坛发贴评论、悬赏订单在线解疑以及后台管理系统等，

项目系统设计：

模板划分

系统工作流程

在这里插入图片描述
数据库表设计：

采用逻辑删除，避免数据的不可恢复性
用户表教师表用户详细表课程表用户学习表评论表论坛明细表订单悬赏表悬赏订单记录表
课程订单明细用户收藏表视频库表

页面设计：

使用Bootstrap框架、WebStorm工具

部分页面展示：

首页
调用阿里云的短信验证接口，实现手机号登录
视频播放页面
采用了文件上传下载技术：导入了fastjson包，采用创建磁盘工厂类DiskFileItemFactory，解析器ServletFileUpload的办法。由于技术有限，上传时速率不够快。
后台管理系统：
①采用分页，对数据实现查询分页处理；
②采用table里的每行对应个表单，然后遍历出来，方便管理员直接客观的修改对应数据；
③采用Ajax异步技术
*

部分代码展示：

文件上传

// 1.创建磁盘工厂类
DiskFileItemFactory factory = new DiskFileItemFactory();
// 内存缓冲区与临时路径的关系， 加载的文件在内存缓冲区不够的情况下
// 把此文件加载进临时存放路径
factory.setSizeThreshold(20 * 1024 * 1024);
// 临时文件存放路径 如果不存在此路径，则创建
File temp = new File("D:/temp");
if (!temp.exists()) {
	temp.mkdirs();
}
factory.setRepository(temp);
// 2.创建解析器
ServletFileUpload sfu = new ServletFileUpload(factory);
// 判断表单是否为multipart/form-data
boolean bl = ServletFileUpload.isMultipartContent(request);
try {
	// 设置文件的最大字节数
	sfu.setFileSizeMax(1024 * 1024); // 超出限定字节 触发异常FileUploadBase$FileSizeLimitExceededException
	if (bl) {
		// 3.解析request
		List<FileItem> list = sfu.parseRequest(request);
		// 遍历结果集
		System.out.println(list);
		for (FileItem item : list) {
			// 当前对象是普通表单控件(true)还是文件表单控件(false)
			if (item.isFormField()) {
				// 控件名
				String name = item.getFieldName();
				// 得到值
				String value = item.getString();
				System.out.println("key:" + name + ",value:" + value);
			} else {
				// 控件名
				String name = item.getFieldName();
				// 文件名：
				String fileName = item.getName();
				System.out.println("key:" + name + ",filename:" + fileName);
				// 保存文件数据
				String path = this.getServletContext().getRealPath("/") + "images\\HeadPortrait";
				System.out.println("path"+path);
				File root = new File(path);
				if (!root.exists()) {
					// 上传的根路径不存在则新建
					root.mkdirs();
				}
				// 文件名冲突 D:/image/页码列表处理.jpg
				int lastIndex = fileName.lastIndexOf("\\");
				if (lastIndex != -1) {
					fileName = fileName.substring(lastIndex + 1);
				}
				// 文件名重写生成
				fileName = UUID.randomUUID().toString().replace("-", "") + fileName;
				System.out.println("新生成的文件名：" + fileName);
				basePath = "images\\HeadPortrait"+"\\"+fileName;
				// 开始上传
				File load = new File(root, fileName);
				item.write(load);
			}

分页的jsp代码

<p>
	<a href="<c:url value='/VideoServlet?method=findAll&pageSize=3'/>"
		target="mainFrame">全部视频</a>
</p>
<table border="1" width="100%" cellspacing="0">
	<tr>
		<th>编号</th>
		<th>ID</th>
		<th>课程图片</th>
		<th>课程名称</th>
		<th>课程类型</th>
		<th>课程评分</th>
		<th>课程价格</th>
		<th>课程状态</th>
		<th>操作</th>
	</tr>
	<c:if test="${not empty page}">
		<c:if test="${not empty page.list}">
			<c:forEach items="${page.list}" var="allList" varStatus="status">
				<form action="<c:url value='/VideoServlet?method=updateVideo'/>"
					method="post">
					<tr>
						<td>${status.index+1}</td>
						<td><input type="text" value="${allList.courseId}"
							name="courseId"
							style="border: none; width: 20px;; text-align: center;" /></td>
						<td><img src="${allList.courseImage}" width="100"
							height="120" /></td>
						<td style="width: 20px"><input type="text"
							value="${allList.courseName}" name="courseName"
							style="border: none; text-align: center;" /></td>
						<td><input type="text" value="${allList.courseType}"
							name="courseType" style="border: none; text-align: center;" /></td>
						<td><input type="text" value="${allList.courseGrade}"
							name="courseGrade"
							style="border: none; width: 40px; text-align: center;" /></td>
						<td><input type="text" value="${allList.coursePrice}"
							name="coursePrice"
							style="border: none; width: 180px; text-align: center;" /></td>
						<td><input type="text" value="${allList.courseStatus}"
							name="courseStatus"
							style="border: none; width: 10px; text-align: center;" /></td>
						<td><input type="submit" value="修改" /></td>
					</tr>
				</form>
			</c:forEach>
		</c:if>
	</c:if>

	<c:if test="${not empty page}">
		<p>
			当前:${page.currentPageNo}|总${page.countPage}页 <a
				href="<c:url value='/VideoServlet?method=findAll&pageSize=3&currentPageNo=1'/>">首页</a>
			<c:if test="${page.currentPageNo!=1}">
				<a
					href="<c:url value='/VideoServlet?method=findAll&pageSize=3&currentPageNo=${page.currentPageNo-1}'/>">上一页</a>
			</c:if>
			<c:if test="${page.currentPageNo!=page.countPage}">
				<a
					href="<c:url value='/VideoServlet?method=findAll&pageSize=3&currentPageNo=${page.currentPageNo+1}'/>">下一页</a>
			</c:if>
			<a
				href="<c:url value='/VideoServlet?method=findAll&pageSize=3&currentPageNo=${page.countPage}'/>">尾页</a>
		</p>
	</c:if>
</table>

dao层接口方法

/**
 * 将用户输入的信息添加到个人中心的我的主页
 * 
 * @param userDetailId用户表id
 * @param userId用户明细表
 * @return UserDetail用户详情表对象
 */
UserDetail addMyHomepage(int userDetailId, UserDetail userId);

/**
 * 修改密码的方法
 * 
 * @param oldPassword
 * @param password
 * @param userId      用户表的id
 * @return 是否修改成功
 */
boolean updatePwd(String oldPassword, String password, int userId);

/**
 * 根据用户表id查找明细表
 * 
 * @param userOfId
 * @return UserDetail
 */
UserDetail selectUserDetailByUId(int userOfId);