简单的文件加密上传下载系统（含登陆注册界面）

最新推荐文章于 2024-06-15 16:57:00 发布

mou某谋

最新推荐文章于 2024-06-15 16:57:00 发布

阅读量1.1k

点赞数 4

文章标签： mysql java bootstrap mybatis web

本文链接：https://blog.csdn.net/choery45/article/details/117661878

版权

本文详述了一个简单的Web文件加密上传下载系统的设计与实现，包括前端登录注册界面、数据库设计及后台处理。系统采用Eclipse、MySQL、Tomcat，前端使用Bootstrap4和Font Awesome，后台利用MyBatis进行数据库交互，文件上传下载过程使用DES加密，MD5进行文件校验。

摘要由CSDN通过智能技术生成

学校作业让写一个简单的web论文提交系统。想系统的弥补之前对数据库，前端页面的一些不足。心血来潮，写篇博客，当做笔记。

先贴出系统配置

主要工具用eclipse编译器+mysql数据库+Tomcat服务器，大致配置如上图。

1.思路

前台+后台+数据库

1.1前台

前台要有登陆注册首页界面

登陆：

登陆界面要包含用户名输入框，用户密码输入框，登陆注册的提交按钮

注册界面要包含用户名输入，用户密码输入，用户密码确认，用户真实信息（姓名，邮箱，电话.....）

首页：

首页要包含当前用户的信息，导航栏，具体的文件列表，上传列表

1.2后台

（1）后台要实现可以接受客户端的请求（用户，文件所提交的参数）

（2）后台要实现对非空参数的判断

（3）后台要连接数据库中的信息并进行传递

(4)在文件上传与下载时用des进行加密与解密

(5)用MD5进行文件校验，检查文件是否被人改动

1.3数据库

建表

2.实现

2.1前台实现

这里我主要用了bootstarp4和font awesome两个架构

bootstarp4:Bootstrap4 教程 | 菜鸟教程

font awesome:图标库 – Font Awesome 中文网

两个架构的大概知识都在上面的链接中

大致结构

要注意的是导包的时候的路径问题这里我用的是

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">

好处是当有路径问题需要处理时，<%=basePath%>会直接指向根目录，不用烦恼../../../等相对路径容易搞不清的问题。

贴几个主要界面代码

2.1.1登陆界面代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<!--
 一.登陆界面
	1.用户名
	2.密码
	3.注册
	4.登陆
 -->
<head>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>登陆</title>
<script type="text/javascript"
	src="<%=basePath%>/webjars/jquery/3.4.1/dist/jquery.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>/webjars/bootstrap/4.6.0/js/bootstrap.min.js"></script>
<link rel="stylesheet"
	href="<%=basePath%>/css/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>/css/img/Login.css" type="text/css">
<link rel="stylesheet"
	href="<%=basePath%>/webjars/bootstrap/4.6.0/css/bootstrap.min.css" type="text/css">
</head>
<body>
	<div class="container">
		<div style="position:absolute;top:20%;left:35%" class=" form row m-auto">
			<form action="<%=basePath%>/login" method="post" class="form-horizontal col-md-12">
				<h3 class="form-title">登录</h3>
				<div class="col-md-12 col-md-12">
					<div class="form-group">
						<i class="fa fa-user" aria-hidden="true"></i> <input
							class="form-control" type="text" name="userid" id="userid"
							placeholder="请输入用户名" value="${messageModel.object.userId}" required autofocus>
					</div>
					<div class="form-group">
						<i class="fa fa-key" aria-hidden="true"></i> <input
							class="form-control" type="password" name="password"
							id="password" placeholder="请输入密码" value="${messageModel.object.userPwd}" required>
					</div>
					<div class="form-group">
						<span id="msg">${messageModel.msg}</span>
					</div>	
					<div class="form-group">
						<br> <a style='text-decoration:none' href="<%=basePath%>/jsp/register.jsp">没有账号？立即注册</a>
					</div>
					<div class="form-group">
						<input type="submit" value="登陆" class="btn btn-success pull-right">
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
</html>

2.1.2注册界面代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<!--
	 注册页面
	1.用户名
	2.密码
	3.确认密码
	4.邮箱
	5.姓名
	 -->
<head>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServer