add module authorization server.

ui/projects/web/src/app/pages/layout/layout.module.ts

@@ -2,7 +2,6 @@ import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {PageComponent} from "./page/page.component";
 
-
 @NgModule({
   declarations: [],
   imports: [

ui/projects/web/src/app/pages/layout/page/page.component.ts

@@ -2,9 +2,8 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-page',
-  standalone: true,
-  imports: [],
   templateUrl: './page.component.html',
+  standalone: true,
   styleUrl: './page.component.scss'
 })
 export class PageComponent {

ui/projects/web/src/app/pages/security/loginv1/login.component.html

@@ -0,0 +1,30 @@
+<form (ngSubmit)="submitForm()" [formGroup]="validateForm" class="login-form" nz-form>
+  <nz-form-item>
+    <nz-form-control nzErrorTip="Please input your username!">
+      <nz-input-group nzPrefixIcon="user">
+        <input formControlName="userName" nz-input placeholder="Username" type="text"/>
+      </nz-input-group>
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-control nzErrorTip="Please input your Password!">
+      <nz-input-group nzPrefixIcon="lock">
+        <input formControlName="password" nz-input placeholder="Password" type="password"/>
+      </nz-input-group>
+    </nz-form-control>
+  </nz-form-item>
+  <div class="login-form-margin" nz-row>
+    <div [nzSpan]="12" nz-col>
+      <label formControlName="remember" nz-checkbox>
+        <span>Remember me</span>
+        <input name="peas" type="checkbox" />
+      </label>
+    </div>
+    <div [nzSpan]="12" nz-col>
+      <a class="login-form-forgot">Forgot password</a>
+    </div>
+  </div>
+  <button [nzType]="'primary'" class="login-form-button login-form-margin" nz-button>Log in</button>
+  Or
+  <a>register now!</a>
+</form>

ui/projects/web/src/app/pages/security/loginv1/login.component.scss

@@ -0,0 +1,16 @@
+
+.login-form {
+  max-width: 300px;
+}
+
+.login-form-margin {
+  margin-bottom: 16px;
+}
+
+.login-form-forgot {
+  float: right;
+}
+
+.login-form-button {
+  width: 100%;
+}

ui/projects/web/src/app/pages/security/loginv1/login.component.ts

@@ -0,0 +1,35 @@
+import {Component} from '@angular/core';
+import {FormControl, FormGroup, NonNullableFormBuilder, Validators} from '@angular/forms';
+
+@Component({
+  selector: 'app-login-v1',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.scss']
+})
+export class LoginV1Component {
+  validateForm: FormGroup<{
+    userName: FormControl<string>;
+    password: FormControl<string>;
+    remember: FormControl<boolean>;
+  }> = this.fb.group({
+    userName: ['', [Validators.required]],
+    password: ['', [Validators.required]],
+    remember: [true]
+  });
+
+  constructor(private fb: NonNullableFormBuilder) {
+  }
+
+  submitForm(): void {
+    if (this.validateForm.valid) {
+      console.log('submit', this.validateForm.value);
+    } else {
+      Object.values(this.validateForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({onlySelf: true});
+        }
+      });
+    }
+  }
+}

ui/projects/web/src/app/pages/security/security-routing.module.ts

@@ -2,9 +2,11 @@ import {NgModule} from '@angular/core';
 import {RouterModule, Routes, TitleStrategy} from '@angular/router';
 import {LoginComponent} from "./login/login.component";
 import {PageTitleStrategy} from "../../core/title-strategy.service";
+import {LoginV1Component} from "./loginv1/login.component";
 
 const routes: Routes = [
   {path: 'login', component: LoginComponent, title: "系统登录"},
+  {path: 'login1', component: LoginV1Component, title: "系统登录"},
   {path: '', component: LoginComponent}
 ];
 

ui/projects/web/src/app/pages/security/security.module.ts

@@ -4,19 +4,23 @@ import {SecurityRoutingModule} from './security-routing.module';
 import {LoginComponent} from './login/login.component';
 import {NzDividerModule} from "ng-zorro-antd/divider";
 import {SharedModule} from '../../shared/shared.module';
-
+import {LoginV1Component} from "./loginv1/login.component";
+import {NzCheckboxModule} from "ng-zorro-antd/checkbox";
 
 @NgModule({
   imports: [
     SharedModule,
     SecurityRoutingModule,
-    NzDividerModule
+    NzDividerModule,
+    NzCheckboxModule
   ],
   declarations: [
-    LoginComponent
+    LoginComponent,
+    LoginV1Component
   ],
   exports: [
-    LoginComponent
+    LoginComponent,
+    LoginV1Component
   ],
   providers: [
   ]