288 lines
8.2 KiB
Plaintext
288 lines
8.2 KiB
Plaintext
import { router } from '@kit.ArkUI';
|
|
import logManager, { LogCategory, LogEventType } from '../common/logtext';
|
|
import settingsService from '../common/SettingsService';
|
|
import { DatabaseService } from '../common/DatabaseService';
|
|
|
|
|
|
@Entry
|
|
@Component
|
|
@Preview
|
|
struct Login {
|
|
@State message: string = '智能教室管理系统';
|
|
@State username: string = ''; // 用户名
|
|
@State password: string = ''; // 密码
|
|
@State isLoading: boolean = false; // 加载状态
|
|
@State errorMessage: string = ''; // 错误信息
|
|
|
|
// 获取数据库服务实例
|
|
private dbService: DatabaseService = DatabaseService.getInstance();
|
|
|
|
// 登录验证方法
|
|
private async handleLogin(): Promise<void> {
|
|
this.isLoading = true;
|
|
this.errorMessage = '';
|
|
|
|
// 用户名不能为空
|
|
if (!this.username || this.username.trim() === '') {
|
|
this.errorMessage = '请输入账号';
|
|
this.isLoading = false;
|
|
return;
|
|
}
|
|
|
|
// 密码不能为空
|
|
if (!this.password || this.password.trim() === '') {
|
|
this.errorMessage = '请输入密码';
|
|
this.isLoading = false;
|
|
return;
|
|
}
|
|
|
|
try {
|
|
// 使用异步验证方法
|
|
const isValid = await this.dbService.validateUser(this.username, this.password);
|
|
|
|
if (isValid) {
|
|
// 设置当前用户
|
|
settingsService.setCurrentAccount(this.username);
|
|
|
|
// 记录登录日志
|
|
logManager.info(LogCategory.USER, LogEventType.USER_LOGIN, `User logged in: ${this.username}`);
|
|
|
|
// 跳转到过渡页面
|
|
router.replaceUrl({
|
|
url: 'pages/TransitionPage'
|
|
});
|
|
} else {
|
|
this.errorMessage = '账号或密码错误';
|
|
logManager.info(LogCategory.USER, LogEventType.USER_LOGIN_FAIL, `Login failed: ${this.username}`);
|
|
}
|
|
} catch (error) {
|
|
this.errorMessage = '登录失败，请稍后重试';
|
|
logManager.info(LogCategory.USER, LogEventType.USER_LOGIN_FAIL, `Login error: ${error}`);
|
|
} finally {
|
|
this.isLoading = false;
|
|
}
|
|
}
|
|
|
|
build() {
|
|
Column({space: 20}) { // 增加行间距
|
|
// 顶部标题和图标
|
|
Column() {
|
|
Image('http://139.155.155.67:2342/images/tdcat.webp')
|
|
.height(150)
|
|
.width(150)
|
|
.margin({ top: 40, bottom: 20 })
|
|
|
|
Text(this.message)
|
|
.fontColor('#333333')
|
|
.fontSize(28)
|
|
.fontWeight(FontWeight.Bold)
|
|
.margin({ bottom: 30 })
|
|
}
|
|
.width('100%')
|
|
.alignItems(HorizontalAlign.Center)
|
|
|
|
// 登录表单
|
|
Column({ space: 30 }) {
|
|
// 账号输入框
|
|
Column({ space: 8 }) {
|
|
Text("账号")
|
|
.fontSize(16)
|
|
.fontColor('#666666')
|
|
.alignSelf(ItemAlign.Start)
|
|
|
|
TextInput({ placeholder: '请输入账号' })
|
|
.type(InputType.Normal)
|
|
.placeholderColor('#999999')
|
|
.placeholderFont({ size: 16 })
|
|
.caretColor('#2196F3')
|
|
.width('100%')
|
|
.height(50)
|
|
.fontSize(16)
|
|
.fontColor('#333333')
|
|
.backgroundColor('#F5F5F5')
|
|
.borderRadius(8)
|
|
.padding({ left: 16, right: 16 })
|
|
.onChange((value: string) => {
|
|
this.username = value;
|
|
this.errorMessage = ''; // 清除错误信息
|
|
})
|
|
|
|
|
|
|
|
}
|
|
.width('100%')
|
|
|
|
// 密码输入框
|
|
Column({ space: 8 }) {
|
|
Text("密码")
|
|
.fontSize(16)
|
|
.fontColor('#666666')
|
|
.alignSelf(ItemAlign.Start)
|
|
|
|
TextInput({ placeholder: '请输入密码' })
|
|
.type(InputType.Password)
|
|
.placeholderColor('#999999')
|
|
.placeholderFont({ size: 16 })
|
|
.caretColor('#2196F3')
|
|
.width('100%')
|
|
.height(50)
|
|
.fontSize(16)
|
|
.fontColor('#333333')
|
|
.backgroundColor('#F5F5F5')
|
|
.borderRadius(8)
|
|
.padding({ left: 16, right: 16 })
|
|
.onChange((value: string) => {
|
|
this.password = value;
|
|
this.errorMessage = ''; // 清除错误信息
|
|
})
|
|
}
|
|
.width('100%')
|
|
|
|
// 错误信息提示
|
|
if (this.errorMessage !== '') {
|
|
Text(this.errorMessage)
|
|
.fontSize(14)
|
|
.fontColor('#FF0000')
|
|
.width('100%')
|
|
}
|
|
|
|
// 登录按钮
|
|
Button("登录")
|
|
.width('100%')
|
|
.height(50)
|
|
.fontSize(18)
|
|
.fontWeight(FontWeight.Medium)
|
|
.backgroundColor('#2196F3')
|
|
.borderRadius(8)
|
|
.fontColor(Color.White)
|
|
.stateEffect(true)
|
|
.enabled(!this.isLoading)
|
|
.opacity(this.isLoading ? 0.6 : 1)
|
|
.onClick(() => {
|
|
//this.Apply()
|
|
this.handleLogin();
|
|
})
|
|
|
|
// 测试按钮 - 直接跳转到首页
|
|
Button("测试直接进入")
|
|
.width('100%')
|
|
.height(40)
|
|
.fontSize(16)
|
|
.fontWeight(FontWeight.Medium)
|
|
.backgroundColor('#4CAF50')
|
|
.borderRadius(8)
|
|
.fontColor(Color.White)
|
|
.margin({ top: 10 })
|
|
.onClick(() => {
|
|
// 设置账户为测试用户
|
|
settingsService.setCurrentAccount('test');
|
|
|
|
// 记录测试登录
|
|
logManager.info(LogCategory.USER, LogEventType.USER_LOGIN, 'Test user logged in');
|
|
|
|
// 直接跳转到首页
|
|
router.replaceUrl({
|
|
url: 'pages/HomePage'
|
|
});
|
|
})
|
|
}
|
|
.width('90%')
|
|
.padding(20)
|
|
.backgroundColor(Color.White)
|
|
.borderRadius(16)
|
|
.shadow({ radius: 8, color: 'rgba(0,0,0,0.1)', offsetY: 4 })
|
|
|
|
// 底部提示
|
|
Row() {
|
|
Button({ type: ButtonType.Capsule }) {
|
|
Text("忘记密码？")
|
|
.fontSize(14)
|
|
.fontColor('#2196F3')
|
|
}
|
|
.backgroundColor(Color.Transparent)
|
|
.onClick(() => {
|
|
AlertDialog.show({
|
|
message: "忘记密码功能尚未开发，请联系管理员重置密码。",
|
|
confirm: {
|
|
value: "确定",
|
|
action: () => {}
|
|
}
|
|
});
|
|
})
|
|
|
|
Blank(100)
|
|
|
|
Button({ type: ButtonType.Capsule }) {
|
|
Text("注册")
|
|
.fontSize(14)
|
|
.fontColor('#2196F3')
|
|
}
|
|
.backgroundColor(Color.Transparent)
|
|
.onClick(() => {
|
|
AlertDialog.show({
|
|
message: "注册功能尚未开发，请联系管理员创建账号。",
|
|
confirm: {
|
|
value: "确定",
|
|
action: () => {}
|
|
}
|
|
});
|
|
})
|
|
}
|
|
.width('90%')
|
|
.margin({ top: 20 })
|
|
}
|
|
.height('100%')
|
|
.width('100%')
|
|
.alignItems(HorizontalAlign.Center)
|
|
.backgroundColor('#F5F7FA') // 页面背景色
|
|
}
|
|
|
|
// 页面生命周期方法
|
|
onPageShow(): void {
|
|
this.Log_LoginEvent('onPageShow');
|
|
}
|
|
|
|
onPageHide(): void {
|
|
this.Log_LoginEvent('onPageHide');
|
|
}
|
|
|
|
onBackPress(): void {
|
|
this.Log_LoginEvent('onBackPress');
|
|
}
|
|
|
|
aboutToAppear(): void {
|
|
this.Log_LoginEvent('aboutToAppear');
|
|
}
|
|
|
|
aboutToDisappear(): void {
|
|
this.Log_LoginEvent('aboutToDisappear');
|
|
}
|
|
|
|
// 通用日志记录方法
|
|
public Log_LoginEvent(eventName: string): void {
|
|
// 根据事件名称选择合适的日志事件类型
|
|
switch (eventName) {
|
|
case 'aboutToAppear':
|
|
logManager.info(LogCategory.USER, LogEventType.PAGE_APPEAR, 'LoginPage');
|
|
break;
|
|
case 'aboutToDisappear':
|
|
logManager.info(LogCategory.USER, LogEventType.PAGE_DISAPPEAR, 'LoginPage');
|
|
break;
|
|
case 'onPageShow':
|
|
logManager.info(LogCategory.USER, LogEventType.PAGE_SHOW, 'LoginPage');
|
|
break;
|
|
case 'onPageHide':
|
|
logManager.info(LogCategory.USER, LogEventType.PAGE_HIDE, 'LoginPage');
|
|
break;
|
|
case 'onBackPress':
|
|
logManager.info(LogCategory.USER, LogEventType.PAGE_BACK, 'LoginPage');
|
|
break;
|
|
default:
|
|
logManager.info(LogCategory.USER, LogEventType.SYSTEM_INFO, `LoginPage: ${eventName}`);
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|