webapp目录创建注册登录展示页面
register.jsp页面
<?xml version="1.0" encoding="UTF-8"?>
<Configuration status="WARN">
<Properties>
<!-- 定义日志文件的存储地址 -->
<Property name="LOG_HOME">./logs</Property>
<!-- 日志输出格式 -->
<Property name="PATTERN">%d{yyyy-MM-dd HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n</Property>
</Properties>
<Appenders>
<!-- 控制台输出 -->
<Console name="Console" target="SYSTEM_OUT">
<PatternLayout pattern="${PATTERN}"/>
</Console>
<!-- 文件输出 -->
<RollingFile name="RollingFile" fileName="${LOG_HOME}/mybatisplus.log"
filePattern="${LOG_HOME}/mybatisplus-%d{yyyy-MM-dd}-%i.log">
<PatternLayout pattern="${PATTERN}"/>
<Policies>
<!-- 每天生成一个日志文件 -->
<TimeBasedTriggeringPolicy/>
<!-- 单个文件最大100MB -->
<SizeBasedTriggeringPolicy size="100MB"/>
</Policies>
<!-- 最多保留15个文件 -->
<DefaultRolloverStrategy max="15"/>
</RollingFile>
<!-- 错误日志单独输出 -->
<RollingFile name="ErrorFile" fileName="${LOG_HOME}/mybatisplus-error.log"
filePattern="${LOG_HOME}/mybatisplus-error-%d{yyyy-MM-dd}-%i.log">
<PatternLayout pattern="${PATTERN}"/>
<Policies>
<TimeBasedTriggeringPolicy/>
<SizeBasedTriggeringPolicy size="100MB"/>
</Policies>
<DefaultRolloverStrategy max="15"/>
<ThresholdFilter level="ERROR" onMatch="ACCEPT" onMismatch="DENY"/>
</RollingFile>
</Appenders>
<Loggers>
<!-- 特定包的日志配置 -->
<Logger name="com.yestea" level="DEBUG" additivity="false">
<AppenderRef ref="Console"/>
<AppenderRef ref="RollingFile"/>
<AppenderRef ref="ErrorFile"/>
</Logger>
<!-- 根日志配置 -->
<Root level="INFO">
<AppenderRef ref="Console"/>
<AppenderRef ref="RollingFile"/>
<AppenderRef ref="ErrorFile"/>
</Root>
</Loggers>
</Configuration>
login.jsp页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src="/static/jquery-3.6.1.min.js"></script>
<script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css" crossorigin="anonymous">
<script src="/static/dist/bootstrap-table.js"></script>
<link rel="stylesheet" href="/static/dist/bootstrap-table.css">
<script src="/static/dist/locale/bootstrap-table-zh-CN.js"></script>
<style>
.error-message {
color: #e74c3c;
background-color: #fdf2f2;
border: 1px solid #f5c6cb;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
display: none;
}
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f2f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background-color: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 350px;
}
.login-container h2 {
text-align: center;


5万+

被折叠的 条评论
为什么被折叠?



