new

newyouth-app/src/app/page-dream-analysis/page-dream-analysis.component.html

@@ -0,0 +1,10 @@
+<ion-list>
+  <ion-item>梦境标签：</ion-item>
+  <ion-item>
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+  </ion-item>
+    <ion-item>
+      <ion-textarea [value]="dreamDesc" (ionInput)="userInput($event)" label="梦境描述" placeholder="具体描述您的感受" [autoGrow]="true"></ion-textarea>
+    </ion-item>
+</ion-list>
+<ion-button expand="block" (click)="analysisDream()">解析梦境</ion-button>

newyouth-app/src/app/page-dream-analysis/page-dream-analysis.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { PageDreamAnalysisComponent } from './page-dream-analysis.component';
+
+describe('PageDreamAnalysisComponent', () => {
+  let component: PageDreamAnalysisComponent;
+  let fixture: ComponentFixture<PageDreamAnalysisComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PageDreamAnalysisComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PageDreamAnalysisComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

newyouth-app/src/app/page-dream-analysis/page-dream-analysis.component.ts

@@ -0,0 +1,37 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { IonTextarea ,IonItem, IonList } from '@ionic/angular/standalone';
+import { IonButton } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-page-dream-analysis',
+  templateUrl: './page-dream-analysis.component.html',
+  styleUrls: ['./page-dream-analysis.component.scss'],
+  imports:[
+    EditTagComponent,IonList,IonItem,IonTextarea,IonButton
+  ],
+  standalone: true,
+})
+export class PageDreamAnalysisComponent  implements OnInit {
+  // 梦境关键词和梦境描述
+  dreamTags:Array<string>=[];
+  dreamDesc:string="";
+
+  setTagsValue(ev:any){
+  console.log("setTagsValue",ev);
+  this.dreamTags=ev;
+  }
+  userInput(ev:any){
+    this.dreamDesc=ev.detail.value;
+  }
+  analysisDream(){
+    console.log("关键词：",this.dreamTags);
+    console.log("描述",this.dreamDesc);
+    console.log("开始解析梦境");
+  }
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

newyouth-app/src/app/page-test/page-test.component.html

@@ -0,0 +1,16 @@
+<h2>星星打分演示:分值{{currentScore}}</h2>
+  <edit-rating-star 
+  [score]="currentScore" 
+  [scoreMax]="5" 
+  (onScoreChange)="handleScoreChange($event)">
+  </edit-rating-star>
+
+  <h2>编辑标签演示</h2>
+  <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+
+  <h1>父级页面：从子组件输出事件获取属性</h1>
+  <ul>
+    @for(tag of editTags;track tag;){
+      <li>{{tag}}</li>
+    }
+  </ul>

newyouth-app/src/app/page-test/page-test.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { PageTestComponent } from './page-test.component';
+
+describe('PageTestComponent', () => {
+  let component: PageTestComponent;
+  let fixture: ComponentFixture<PageTestComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PageTestComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(PageTestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

newyouth-app/src/app/page-test/page-test.component.ts

@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+
+@Component({
+  selector: 'app-page-test',
+  templateUrl: './page-test.component.html',
+  styleUrls: ['./page-test.component.scss'],
+  imports:[EditTagComponent,EditRatingStarComponent],
+  standalone: true,
+})
+export class PageTestComponent  implements OnInit {
+//星星打分
+currentScore: number = 0; // 初始分值
+
+handleScoreChange(newScore: number) {
+  this.currentScore = newScore;
+  console.log('新分值:', newScore); // 处理分值变化
+}
+//编辑标签
+editTags:Array<String>=[]
+setTagsValue(ev:any){
+  console.log("setTagsValue",ev);
+  this.editTags=ev;
+}
+  constructor() { }
+
+  ngOnInit() {}
+
+}

newyouth-app/src/app/tab1/tab1.page.html

@@ -15,20 +15,8 @@
 
   <app-explore-container name="健康">123</app-explore-container>
 
-  <h2>星星打分演示:分值{{currentScore}}</h2>
-  <edit-rating-star 
-  [score]="currentScore" 
-  [scoreMax]="5" 
-  (onScoreChange)="handleScoreChange($event)">
-  </edit-rating-star>
-
-  <h2>编辑标签演示</h2>
-  <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
-
-  <h1>父级页面：从子组件输出事件获取属性</h1>
-  <ul>
-    @for(tag of editTags;track tag;){
-      <li>{{tag}}</li>
-    }
-  </ul>
+  
+  <ion-button (click)="goTestPage()">进入测试页</ion-button>
+  <!-- 页面跳转加标签编辑 -->
+  <ion-button (click)="navigeteTo()">梦境分析</ion-button>
 </ion-content>

newyouth-app/src/app/tab1/tab1.page.ts

@@ -1,29 +1,24 @@
 import { Component } from '@angular/core';
-import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
+import { IonHeader, IonToolbar, IonTitle, IonContent ,IonButton} from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
-import { EditTagComponent } from '../edit-tag/edit-tag.component';
-import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-tab1',
   templateUrl: 'tab1.page.html',
   styleUrls: ['tab1.page.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,EditTagComponent,EditRatingStarComponent],
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,IonButton],
 })
 export class Tab1Page {
-//星星打分
-  currentScore: number = 0; // 初始分值
 
-  handleScoreChange(newScore: number) {
-    this.currentScore = newScore;
-    console.log('新分值:', newScore); // 处理分值变化
+  //页面跳转
+  constructor(private router: Router) {}
+  goTestPage(){
+    this.router.navigate(['/tabs/test']);
   }
-//编辑标签
-  editTags:Array<String>=[]
-  setTagsValue(ev:any){
-    console.log("setTagsValue",ev);
-    this.editTags=ev;
+
+  navigeteTo(){
+    this.router.navigate(['/tabs/dream-analysis'])
   }
-  constructor() {}
 }

newyouth-app/src/app/tabs/tabs.routes.ts

@@ -26,6 +26,16 @@ export const routes: Routes = [
         loadComponent: () =>
           import('../tab4/tab4.page').then((m) => m.Tab4Page),
       },
+      {
+        path: 'test',
+        loadComponent: () =>
+          import('../page-test/page-test.component').then((m) => m.PageTestComponent),
+      },
+      {
+        path: 'dream-analysis',
+        loadComponent: () =>
+          import('../page-dream-analysis/page-dream-analysis.component').then((m) => m.PageDreamAnalysisComponent),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',