"历史记录删除功能完成"

UML/查询岗位.puml

@@ -0,0 +1,26 @@
+@startuml
+
+class LjCompany {
+    - companyId: int
+    - post: string
+    - salary: string
+    - name: string
+    - info: string
+    - address: string
+    - member: int
+    + getCompanyId(): int
+    + getPost(): string
+    + getSalary(): string
+    + getName(): string
+    + getInfo(): string
+    + getAddress(): string
+    + getMember(): int
+}
+
+class App {
+    + onRequestCompanyData(company: string, post: string): LjCompany
+}
+
+App --> LjCompany
+
+@enduml

UML/模拟面试页面.puml

@@ -0,0 +1,38 @@
+@startuml
+
+class LjUserInterviewData {
+    - number: int
+    - user: User
+    - interviewResult: string
+    - question: string
+    - answer: string
+    - userList: List<User>
+    - aiList: List<string>
+    + getNumber(): int
+    + getUser(): User
+    + getInterviewResult(): string
+    + getQuestion(): string
+    + getAnswer(): string
+    + getUserList(): List<User>
+    + getAIList(): List<string>
+    + hasUnfinishedInterview(): boolean
+}
+
+class User {
+    - userId: int
+    - name: string
+    - email: string
+    + getUserId(): int
+    + getName(): string
+    + getEmail(): string
+}
+
+class App {
+    - ljUserInterviewData: LjUserInterviewData
+    + onAppLoad(): void
+}
+
+App --> LjUserInterviewData
+LjUserInterviewData "1" --> "1" User
+
+@enduml

UML/登录业务.puml

@@ -0,0 +1,15 @@
+@startuml
+
+start
+
+:用户上传简历文件;
+:后端解析文件字段;
+if (解析成功?) then (yes)
+  :生成JSON对象;
+else (no)
+  :返回解析失败信息;
+endif
+:渲染JSON到页面模板;
+stop
+
+@enduml

UML/简历渲染.puml

@@ -0,0 +1,46 @@
+@startuml
+
+class LjUserResumeData {
+    - resumeId: int
+    - name: string
+    - age: int
+    - education: string
+    - address: string
+    - phone: string
+    - email: string
+    - projectExperience: string
+    - activities: string
+    - awards: string
+    - skills: string
+    - user: User
+    + getResumeId(): int
+    + getName(): string
+    + getAge(): int
+    + getEducation(): string
+    + getAddress(): string
+    + getPhone(): string
+    + getEmail(): string
+    + getProjectExperience(): string
+    + getActivities(): string
+    + getAwards(): string
+    + getSkills(): string
+    + getUser(): User
+}
+
+class User {
+    - userId: int
+    - name: string
+    - email: string
+    + getUserId(): int
+    + getName(): string
+    + getEmail(): string
+}
+
+class App {
+    + onRequestResumeData(resumeId: int): LjUserResumeData
+}
+
+App --> LjUserResumeData
+LjUserResumeData "1" --> "1" User
+
+@enduml

app-angular/angular.json

@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "www",
+            "outputPath": "dist/eve-project",
 
             "index": "src/index.html",
             "main": "src/main.ts",

app-angular/package.json

@@ -47,6 +47,7 @@
     "@angular/cli": "~16.2.3",
     "@angular/compiler-cli": "^16.2.0",
     "@capacitor/cli": "^5.5.1",
+    "@compodoc/compodoc": "^1.1.23",
     "@ionic/angular-toolkit": "latest",
     "@types/amap-js-api": "^1.4.14",
     "@types/jasmine": "~4.3.0",

app-angular/src/modules/home/home.module.ts

@@ -56,6 +56,7 @@ import {CompsModule} from "../comps/comps.module";
 import {ResumeBuildComponent} from './resume-build/resume-build.component';
 import {NzSwitchModule} from "ng-zorro-antd/switch";
 import {NzCollapseModule} from "ng-zorro-antd/collapse";
+import {NzPaginationModule} from "ng-zorro-antd/pagination";
 
 
 @NgModule({
@@ -77,47 +78,48 @@ import {NzCollapseModule} from "ng-zorro-antd/collapse";
     InterviewHistoryComponent,
     ResumeBuildComponent,
   ],
-  imports: [
-    CommonModule,
-    HomeRoutingModule,
-    NzListModule,
-    NzPopoverModule,
-    NzAvatarModule,
-    NzLayoutModule,
-    NzMenuModule,
-    NzIconModule,
-    IonicModule,
-    NzCarouselModule,
-    NzCardModule,
-    NzGridModule,
-    NzDescriptionsModule,
-    TooltipModule,
-    TabsModule,
-    NzBadgeModule,
-    NzInputModule,
-    NzSpinModule,
-    NzTabsModule,
-    NzModalModule,
-    NzButtonModule,
-    ReactiveFormsModule,
-    NzStepsModule,
-    FormsModule,
-    NzDividerModule,
-    NzTypographyModule,
-    NzCommentModule,
-    NzToolTipModule,
-    MapModule,
-    NzDrawerModule,
-    NzBreadCrumbModule,
-    NzCascaderModule,
-    NzUploadModule,
-    NzDropDownModule,
-    NzCheckboxModule,
-    CompsModule,
-    NzSwitchModule,
-    NzCollapseModule,
+    imports: [
+        CommonModule,
+        HomeRoutingModule,
+        NzListModule,
+        NzPopoverModule,
+        NzAvatarModule,
+        NzLayoutModule,
+        NzMenuModule,
+        NzIconModule,
+        IonicModule,
+        NzCarouselModule,
+        NzCardModule,
+        NzGridModule,
+        NzDescriptionsModule,
+        TooltipModule,
+        TabsModule,
+        NzBadgeModule,
+        NzInputModule,
+        NzSpinModule,
+        NzTabsModule,
+        NzModalModule,
+        NzButtonModule,
+        ReactiveFormsModule,
+        NzStepsModule,
+        FormsModule,
+        NzDividerModule,
+        NzTypographyModule,
+        NzCommentModule,
+        NzToolTipModule,
+        MapModule,
+        NzDrawerModule,
+        NzBreadCrumbModule,
+        NzCascaderModule,
+        NzUploadModule,
+        NzDropDownModule,
+        NzCheckboxModule,
+        CompsModule,
+        NzSwitchModule,
+        NzCollapseModule,
+        NzPaginationModule,
 
-  ]
+    ]
 })
 export class HomeModule {
 }

app-angular/src/modules/home/interview-history/interview-history.component.html

@@ -15,10 +15,10 @@
               <img src="assets/images/page-mine/myAvatar.png" alt="Card Image">
             </div>
             <div class="text-wrapper">
-              <h2>{{ item.get("aiList").slice(-1)[0].content }}</h2>
+              <h2>{{ item.get("aiList").slice(-1)[0]?.content }}</h2>
             </div>
             <div class="icon-wrapper">
-              <button (click)="showModal()" class="icon-button">
+              <button (click)="showModal(item.get('createdAt'))" class="icon-button">
                 <span nz-icon nzType="delete" nzTheme="outline"></span>
               </button>
               <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()"

app-angular/src/modules/home/interview-history/interview-history.component.ts

@@ -1,6 +1,7 @@
 import {Component, ElementRef, ViewChild} from '@angular/core';
 import * as Parse from "parse";
 import {NzMessageService} from 'ng-zorro-antd/message';
+import {AuthService} from "../serve-auth/auth.service";
 
 (Parse as any).serverURL = "https://web2023.fmode.cn/parse";
 // https://web2023.fmode.cn/s0210490/api/user/login
@@ -12,7 +13,8 @@ Parse.initialize("dev")
   styleUrls: ['./interview-history.component.scss']
 })
 export class InterviewHistoryComponent {
-  constructor(private message: NzMessageService) {
+  constructor(private authService: AuthService, private message: NzMessageService) {
+    this.ngOnInit()
   }
 
   async ngOnInit() {
@@ -36,6 +38,7 @@ export class InterviewHistoryComponent {
     query.skip(this.skip)
     try {
       const results = await query.find();
+      console.log(results)
       if (results.length > 0) {
         console.log(results);
         return results;
@@ -89,13 +92,18 @@ export class InterviewHistoryComponent {
   //删除确认框逻辑
   isVisible = false;
 
+  createTime!: Date
 
-  showModal(): void {
+  showModal(createTime: Date): void {
     this.isVisible = true;
+    this.createTime = createTime
   }
 
-  handleOk(): void {
-    console.log('Button ok clicked!');
+  async handleOk(): Promise<void> {
+    let result = await this.authService.deleteDataByCreationTime("LjUserInterviewData", new Date(this.createTime));
+    console.log(result)
+    console.log(typeof this.createTime)
+    this.history = await this.searchHistory();
     this.isVisible = false;
   }
 

app-angular/src/modules/home/page-mine/page-mine.component.html

@@ -116,7 +116,7 @@
         </nz-tab>
         <nz-tab [nzTitle]="'设置'">
 
-          <div *ngIf="isFirstRegister==='1'">
+          <div *ngIf="isFirstRegister===1">
             <nz-steps [nzCurrent]="current">
               <nz-step nzTitle="完善信息"></nz-step>
               <nz-step nzTitle="性格测试"></nz-step>

app-angular/src/modules/home/page-mine/page-mine.component.ts

@@ -15,9 +15,11 @@ import {
 import Parse from 'parse';
 import {AlertController} from "@ionic/angular";
 import {Router} from "@angular/router";
+import {AuthService} from "../serve-auth/auth.service";
 
-Parse.serverURL = "https://web2023.fmode.cn/parse" // 配置服务器地址
-Parse.initialize("dev") // 配置应用名称
+(Parse as any).serverURL = "https://web2023.fmode.cn/parse";
+// https://web2023.fmode.cn/s0210490/api/user/login
+Parse.initialize("dev")
 
 
 @Component({
@@ -26,7 +28,7 @@ Parse.initialize("dev") // 配置应用名称
   styleUrls: ['./page-mine.component.scss']
 })
 export class PageMineComponent {
-  account = this.userServ.currentUser.account;
+  account = this.userServ.currentUser.username;
   password = this.userServ.currentUser.password;
 
   isFirstRegister = this.userServ.currentUser.isFirstRegister;
@@ -35,7 +37,8 @@ export class PageMineComponent {
   currentUser = Parse.User.current();
 
 
-  constructor(private fb: FormBuilder, private toastCtrl: ToastController, public userServ: UserService, private alertCtrl: AlertController, private router: Router) {
+  constructor(private authService: AuthService, private fb: FormBuilder, private toastCtrl: ToastController, public userServ: UserService, private alertCtrl: AlertController, private router: Router) {
+
     this.myForm = this.fb.group({
       phoneNumber: new FormControl('', [Validators.required, Validators.pattern(/^\d{10}$/)]),
       name: new FormControl('', [Validators.required]),
@@ -55,6 +58,7 @@ export class PageMineComponent {
 
 
     if (this.isFirstRegister === 1) {
+
       this.selectedTabIndex = this.getTabIndexFromUrl();
     } else {
 
@@ -64,6 +68,9 @@ export class PageMineComponent {
   }
 
   ngOnInit() {
+    console.log(typeof this.account,)
+    console.log(this.account)
+    this.authService.parseCurrentNew(this.account)
 
   }
 
@@ -89,6 +96,7 @@ export class PageMineComponent {
       user.set("educationLevel", params.educationLevel)
       user.set("gender", params.gender)
       user.set("name", params.name);
+      user.set("isFirstRegister", 2)
       user.save().then((updatedUser: any) => {
         console.log("---", updatedUser)
       }).catch((error: any) => {
@@ -233,7 +241,7 @@ export class PageMineComponent {
   }
 
   done(): void {
-    this.router.navigate(['/home/minterviews'])
+    this.router.navigate(['home/minterviews/0'])
   }
 
 

app-angular/src/modules/home/recommended-templates/recommended-templates.component.html

@@ -20,12 +20,23 @@
     </nz-tab>
   </nz-tabset>
 
-  <div class="container" style="background: #ECECEC;padding:30px">
-    <div nz-row [nzGutter]="8">
-      <div nz-col [nzXs]="24" [nzSm]="12" [nzMd]="6" *ngFor="let temp of temps">
-        <nz-card nzTitle="Card title">
-
-        </nz-card>
+  <div class="container" style="background: #ECECEC;padding:30px" (scroll)="onContainerScroll($event)">
+    <div class="card1-container">
+      <div class="card" *ngFor="let item of cardItems">
+        <div class="image-container">
+          <img [src]="item.imagePreview" alt="Card Image">
+          <div class="overlay"></div>
+          <div class="text-overlay">
+            <div class="text-content">
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.description }}</p>
+            </div>
+          </div>
+          <div class="button-overlay">
+            <button>按钮1</button>
+            <button>按钮2</button>
+          </div>
+        </div>
       </div>
     </div>
   </div>

app-angular/src/modules/home/recommended-templates/recommended-templates.component.scss

@@ -121,7 +121,126 @@ button {
 }
 
 .container {
-  overflow-y: auto;
+  overflow-y: scroll;
+  height: 600px;
+}
+
+
+//卡片样式
+.card1-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 20px;
+
+}
+
+.card {
+  width: calc(25% - 20px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .image-container {
+    position: relative;
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    .overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.5);
+      opacity: 0;
+      transition: opacity 0.3s;
+
+    }
+
+    &:hover .overlay {
+      opacity: 1;
+    }
+
+    .text-overlay {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      padding: 20px;
+      color: #fff;
+      text-align: center;
+      z-index: 1;
+    }
+
+    .text-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 10px;
+      z-index: 1;
+
+      h3 {
+        margin: 0;
+      }
+
+      p {
+        margin: 0;
+        color: black;
+        font-size: 18px;
+      }
+    }
+
+    .button-overlay {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      display: none;
+      gap: 10px;
+      z-index: 2;
+
+      button {
+        padding: 8px 16px;
+        background-color: #fff;
+        color: #000;
+        border: none;
+        cursor: pointer;
+      }
+    }
+
+    &:hover .button-overlay {
+      display: flex;
+    }
+  }
+}
+
+//分页条
+
+.pagination-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pagination-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 
+
+
+
+
+
+
+

app-angular/src/modules/home/recommended-templates/recommended-templates.component.ts

@@ -1,23 +1,94 @@
-import {Component, ElementRef} from '@angular/core';
+import {Component, ElementRef, OnInit} from '@angular/core';
 import {TooltipModule} from 'ngx-bootstrap/tooltip';
 import {TabDirective} from "ngx-bootstrap/tabs";
+import {AuthService} from "../serve-auth/auth.service";
+import {NzMessageService} from 'ng-zorro-antd/message';
+
+//卡片
+interface CardItem {
+  imagePreview: string;
+  title: string;
+  description: string;
+}
 
 @Component({
   selector: 'app-recommended-templates',
   templateUrl: './recommended-templates.component.html',
   styleUrls: ['./recommended-templates.component.scss']
 })
-export class RecommendedTemplatesComponent {
+
+
+export class RecommendedTemplatesComponent implements OnInit {
+  //卡片
+  constructor(private authService: AuthService, private message: NzMessageService) {
+
+  }
+
+  ngOnInit() {
+    this.selectButton(1);
+  }
+
+  cardItems: CardItem[] = [];
+
+  showOverlay = false;
+
   value?: string;
 
   onSelect(data: TabDirective): void {
     this.value = data.heading;
   }
 
-  selectedButton: number | null = null;
+  selectedButton: number = 0;
+  selectNumber: number = 1
+  selectLimit: number = 10
 
-  selectButton(buttonNumber: number): void {
+  //选择岗位模板分类
+  async selectButton(buttonNumber: number): Promise<void> {
     this.selectedButton = buttonNumber;
+    this.cardItems = await this.authService.parseGetResumeById("LjUserResumeData", {
+      "postType": buttonNumber,
+    }, this.selectLimit, this.selectNumber * this.cardItems.length)
+    console.log(this.cardItems)
+
+  }
+
+  //判断是否触底
+  isAttach = false
+
+  onContainerScroll(event: Event) {
+    const container = event.target as HTMLElement;
+    const scrollHeight = container.scrollHeight;
+    const scrollTop = container.scrollTop;
+    const clientHeight = container.clientHeight;
+    if (Math.round(scrollHeight - scrollTop) - 1 <= clientHeight && !this.isAttach) {
+      // 容器已触底
+      this.createBasicMessage("数据加载中")
+
+      this.isAttach = true
+      setTimeout(() => {
+        this.loadData()
+        this.isAttach = false
+      }, 1000);
+      // 在这里执行触底后的操作
+    }
+  }
+
+
+  //选择分页条出现
+  async loadData() {
+    let list = await this.authService.parseGetResumeById("LjUserResumeData", {
+      "postType": this.selectedButton,
+    }, this.selectLimit, this.selectNumber * this.cardItems.length)
+    if (list.length > 0) {
+      this.cardItems = this.cardItems.concat(list);
+    } else {
+      this.createBasicMessage("数据已经枯竭")
+    }
+  }
+
+  //全局提示已经全部加载
+  createBasicMessage(message: string): void {
+    this.message.info(message);
   }
 
   jobCategories: string[] = [
@@ -42,5 +113,4 @@ export class RecommendedTemplatesComponent {
   temps: any = [];
 
 
-
 }

app-angular/src/modules/home/serve-auth/auth.service.ts

@@ -1,18 +1,94 @@
 import {Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
+import * as Parse from "parse"
+
+(Parse as any).serverURL = "https://web2023.fmode.cn/parse";
+// https://web2023.fmode.cn/s0210490/api/user/login
+Parse.initialize("dev")
 
 @Injectable({
   providedIn: 'root'
 })
 export class AuthService {
+  constructor() {
+  }
+
+  /*
+  * 列表
+  * @param table 表名
+  * @param params 查询参数
+  * @param limit 记录条数
+  * @param skip 跳过多少条
+  * @param result 返回字典格式
+  * */
+  public parseGetResumeById(table: string, params: any = null, limit: number = -1, skip: number = 0): Promise<any> {
+    return new Promise<any>(async (resolve: any, reject: any) => {
+      const query = new Parse.Query(table);
+      if (limit !== -1) {
+        query.limit(limit)
+      }
+      if (skip !== 0) {
+        query.skip(skip)
+      }
+      if (params !== null) {
+        for (let param in params) {
+          query.equalTo(param, params[param])
+        }
+      }
+      const result: any = await query.find();
+      if (result === undefined || result === null) {
+        reject('error')
+      }
+      resolve(result.map((item: any) => item.toJSON()))
+    })
+
+  }
+
+  /*
+  * 列表
+  * @param username 用户名
+  * */
+  public parseCurrentNew(username: string): Promise<any> {
+    return new Promise<any>(async (resolve: any, reject: any) => {
+      try {
+        let query = new Parse.Query(Parse.User);
+        query.equalTo("username", username);
+        let userInfo = await query.first();
+        if (userInfo) {
+          console.log(userInfo)
+          localStorage.setItem("USER_AUTH", JSON.stringify(userInfo));
+          resolve(userInfo);
+        } else {
+          resolve(null);
+        }
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
+
+  /*
+  * Boolean
+  * @param tableName:string
+  * @param creationTime:Date
+  * */
+  public deleteDataByCreationTime(tableName: string, creationTime: Date): Promise<void> {
+    return new Promise<void>(async (resolve: any, reject: any) => {
+      try {
+        const query = new Parse.Query(tableName);
+        query.lessThanOrEqualTo("createdAt", creationTime);
+        const data = await query.first();
+        console.log(data)
+        if (data) {
+          await data.destroy();
+          resolve("删除完成");
+        } else {
+          reject(new Error("No data found with the given creation time."));
+        }
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
+
 
-  // private apiUrl = 'http://localhost:3000'; // Express 服务器的地址
-  //
-  // constructor(private http: HttpClient) {}
-  //
-  // login(username: string, password: string) {
-  //   const url = `${this.apiUrl}/login`;
-  //   const body = { username, password };
-  //   return this.http.post(url, body);
-  // }
 }

app-node/parse-js-sdk/showcase.js

@@ -30,7 +30,7 @@ async function main() {
   // let Ins4 = new LjInstitution();
   var userPointer = new Parse.User();
   userPointer.id = 'trYOEuj10s';
-  for (let i = 1; i <= 10; i++) {
+  for (let i = 1; i <= 100; i++) {
     let info = new LjUserResumeData();
     info.set({
       "name": "罗松磊",
@@ -111,7 +111,10 @@ async function main() {
          "09/2010 - 12/2010 张舜尧助新金（2/100）",
       "skills": "电脑： 熟练 Java，C#，MySQL；熟悉 C，C++，Unix/Linux 等。\n" +
          "语言： CET-6 (553)，听说读写能力良好",
-      "user": userPointer
+      "user": userPointer,
+      "resumeId": (10 + i).toString(),
+      "imagePreview": "assets/images/resume/test.png",
+      "postType": 1,
     });
     await info.save()
   }