package
com.hnkj
.webdemo
.controller;
public class AuthController {
}
package
com.hnkj
.webdemo
.entity;
public class User {
}
package
com.hnkj
.webdemo
.repository;
public class UserRepository {
}
package
com.hnkj
.webdemo;
import org
.springframework
.boot
.SpringApplication;
import org
.springframework
.boot
.autoconfigure
.SpringBootApplication;
@SpringBootApplication
public class WebdemoApplication {
public static void main(String[] args) {
SpringApplication
.run(WebdemoApplication
.class, args);
}
}
spring
.application
.name
=webdemo
spring
.datasource
.url
=jdbc
:mysql
://localhost
:3306/sale_manager_system
?useUnicode
=true&characterEncoding
=UTF-8&serverTimezone
=UTC
spring
.datasource
.username
=root
spring
.datasource
.password
=123456
spring
.datasource
.driver-class-name
=com.mysql
.cj
.jdbc
.Driver
package
com.hnkj
.webdemo;
import org
.junit
.jupiter
.api
.Test;
import org
.springframework
.boot
.test
.context
.SpringBootTest;
@SpringBootTest
class WebdemoApplicationTests {
@Test
void contextLoads() {
}
}
<
?xml version
="1
.0" encoding
="UTF-8"
?>
<project xmlns
="
http://maven
.apache
.org/POM/4
.0
.0" xmlns
:xsi
="
http://www.w3
.org/2001/XMLSchema-instance"
xsi
:schemaLocation
="
http://maven
.apache
.org/POM/4
.0
.0
https
://maven
.apache
.org/xsd/maven-4
.0
.0
.xsd">
<modelVersion>4
.0
.0</modelVersion>
<parent>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2
.7
.18</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>
com.hnkj</groupId>
<artifactId>webdemo</artifactId>
<version>0
.0
.1-SNAPSHOT</version>
<name>webdemo</name>
<description>Demo project for Spring Boot</description>
<url/>
<licenses>
<license/>
</licenses>
<developers>
<developer/>
</developers>
<scm>
<connection/>
<developerConnection/>
<tag/>
<url/>
</scm>
<properties>
<java
.version>1
.8</java
.version>
</properties>
<dependencies>
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-validation</artifactId>
</dependency>
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>
com.mysql</groupId>
<artifactId>mysql-connector-j</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
<!
DOCTYPE html>
<html lang
="en">
<head>
<meta charset
="UTF-8" />
<meta name
="viewport" content
="width
=device-width, initial-scale
=1
.0" />
<title>管理员登录界面</title>
<!-- 外链式引入css样式 -->
<link rel
="stylesheet" href
="css/login
.css" />
</head>
<body>
<div id
="login">
<h2 class
="login-title">用户登录</h2>
<form id
="loginform" name
="loginform">
<div class
="loginFunc">
<span class
="loginFuncApp">二维码登录</span>
<span class
="loginFuncNormal">账号登录</span>
</div>
<input type
="text" placeholder
="账号" class
="userName" name
="userName" />
<input type
="password" placeholder
="密码" class
="password" name
="password" />
<p class
="info">
<input type
="radio" value
="1" name
="role" checked /> <span>管理员</span>
<input type
="radio" value
="2" name
="role" /> <span>用户</span>
<span class
="help"><a href
="#">忘记密码？</a></span>
</p>
<input type
="submit" value
="登 录" class
="submit" />
<input type
="button" value
="注 册" class
="button" onclick
="register()" />
</form>
<div id
="loginError" style
="color
: red; margin-bottom
: 10px; text-align
: center;"></div>
</div>
<!-- 确保 DOM 加载完成后再绑定事件监听器 -->
<script>
document
.getElementById('loginform')
.addEventListener('submit', function (e) {
e
.preventDefault();
// 阻止表单默认提交行为
// 获取输入的账号和密码
const userName
= document
.querySelector('
.userName')
.value;
const password
= document
.querySelector('
.password')
.value;
const loginError
= document
.getElementById('loginError');
// 清除之前的错误信息
loginError
.textContent
= '';
// 进行登录校验
if (userName
.trim()
=== '') {
loginError
.textContent
= '账号不能为空';
return;
}
if (password
.trim()
=== '') {
loginError
.textContent
= '密码不能为空';
return;
}
// 如果需要更复杂的校验，可以添加更多规则，例如密码长度等
if (password
.length < 6) {
loginError
.textContent
= '密码长度不能少于6位';
return;
}
// 获取表单数据
const formData
= new FormData(this);
const data
= Object
.fromEntries(formData
.entries());
console
.log('登录数据
:', data);
// 发送AJAX请求
fetch('
http://localhost
:8080/api/auth/login', {
method
: 'POST',
headers
: {
'Content-Type'
: 'application/x-
www-form-urlencoded'
},
body
: new URLSearchParams(data)
})
.then(response
=> {
console
.log('登录响应
:', response);
return response
.json();
})
.then(result
=> {
console
.log('登录成功
:', result);
if (result
.success) {
// 根据表单选择的角色跳转
const role
= data
.role;
// 获取表单中的角色值
const redirectPath
= role
=== '1'
? 'AdminSystem/adminHome
.html'
: 'UserSystem/
userHome.html';
window
.location
.href
= redirectPath;
} else {
// 登录失败，显示错误信息
alert(result
.message);
}
})
.catch(error
=> {
console
.error('登录请求出错
:', error);
alert('登录请求失败，请重试');
});
});
function register() {
window
.location
.href
= "register
.html";
}
</script>
</body>
</html>
通过这几段代码能否找到问题所在
本文介绍了一个包含外部链接的博客内容，但具体细节无法从给定信息中提取。
扫一扫
5742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
