feat: add search-age & implement search function

TFPower-app/package-lock.json

@@ -24,6 +24,7 @@
         "@ionic/angular": "^8.0.0",
         "fmode-ng": "^0.0.63",
         "ionicons": "^7.2.1",
+        "pinyin-pro": "^3.26.0",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.2"
@@ -15153,6 +15154,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/pinyin-pro": {
+      "version": "3.26.0",
+      "resolved": "https://registry.npmmirror.com/pinyin-pro/-/pinyin-pro-3.26.0.tgz",
+      "integrity": "sha512-HcBZZb0pvm0/JkPhZHWA5Hqp2cWHXrrW/WrV+OtaYYM+kf35ffvZppIUuGmyuQ7gDr1JDJKMkbEE+GN0wfMoGg==",
+      "license": "MIT"
+    },
     "node_modules/piscina": {
       "version": "4.6.1",
       "resolved": "https://registry.npmmirror.com/piscina/-/piscina-4.6.1.tgz",

TFPower-app/package.json

@@ -29,6 +29,7 @@
     "@ionic/angular": "^8.0.0",
     "fmode-ng": "^0.0.63",
     "ionicons": "^7.2.1",
+    "pinyin-pro": "^3.26.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.2"

TFPower-app/src/app/app.routes.ts

@@ -1,54 +1,67 @@
-import { Routes, RouterModule } from '@angular/router';
-import { PostPageComponent } from './post-page/post-page.component'; // 导入 PostPage 组件
-import { CommunityPage } from './community/community.page';
-import { SharePageComponent } from './share-page/share-page.component';
-import { NgModule } from '@angular/core';
-export const routes: Routes = [
-  {
-    path: '',
-    loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
-  },
-  {
-    path: 'community',
-    loadComponent: () =>
-      import('./community/community.page').then((m) => m.CommunityPage),
-  },
-  { path: '', redirectTo: 'community', pathMatch: 'full' },
-  { path: 'community', component: CommunityPage },
-  { path: 'post-page/:id', component: PostPageComponent }, // 动态详情页面的路由
-  { path: 'share', component: SharePageComponent },
-
-  {
-    path: 'login-page',
-    loadComponent: () =>
-      import('./page/login-page/login-page.page').then((m) => m.LoginPagePage),
-  },
-  {
-    path: 'register-page',
-    loadComponent: () =>
-      import('./page/register-page/register-page.page').then(
-        (m) => m.RegisterPagePage
-      ),
-  },
-  {
-    path: 'modal-edit-page',
-    loadComponent: () =>
-      import('./page/modal/modal-edit-page/modal-edit-page.page').then(
-        (m) => m.ModalEditPagePage
-      ),
-  },
  {
+import { Routes, RouterModule } from '@angular/router';
+import { PostPageComponent } from './post-page/post-page.component'; // 导入 PostPage 组件
+import { CommunityPage } from './community/community.page';
+import { SharePageComponent } from './share-page/share-page.component';
+import { NgModule } from '@angular/core';
+export const routes: Routes = [
+  {
+    path: '',
+    loadChildren: () => import('./tabs/tabs.routes').then((m) => m.routes),
+  },
+  {
+    path: 'community',
+    loadComponent: () =>
+      import('./community/community.page').then((m) => m.CommunityPage),
+  },
+  { path: '', redirectTo: 'community', pathMatch: 'full' },
+  { path: 'community', component: CommunityPage },
+  { path: 'post-page/:id', component: PostPageComponent }, // 动态详情页面的路由
+  { path: 'share', component: SharePageComponent },
+
+  {
+    path: 'login-page',
+    loadComponent: () =>
+      import('./page/login-page/login-page.page').then((m) => m.LoginPagePage),
+  },
+  {
+    path: 'register-page',
+    loadComponent: () =>
+      import('./page/register-page/register-page.page').then(
+        (m) => m.RegisterPagePage
+      ),
+  },
+  {
+    path: 'modal-edit-page',
+    loadComponent: () =>
+      import('./page/modal/modal-edit-page/modal-edit-page.page').then(
+        (m) => m.ModalEditPagePage
+      ),
+  },
+  {
     path: 'modal-browse-page',
-    loadComponent: () => import('./page/modal/modal-browse-page/modal-browse-page.page').then( m => m.ModalBrowsePagePage)
+    loadComponent: () =>
+      import('./page/modal/modal-browse-page/modal-browse-page.page').then(
+        (m) => m.ModalBrowsePagePage
+      ),
   },
   {
     path: 'modal-newsedit',
-    loadComponent: () => import('./page/modal/modal-newsedit/modal-newsedit.page').then( m => m.ModalNewseditPage)
+    loadComponent: () =>
+      import('./page/modal/modal-newsedit/modal-newsedit.page').then(
+        (m) => m.ModalNewseditPage
+      ),
+  },
+  {
+    path: 'search-page',
+    loadComponent: () =>
+      import('./page/search-page/search-page.page').then(
+        (m) => m.SearchPagePage
+      ),
   },
+];
 
-];
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}

TFPower-app/src/app/page/register-page/register-page.page.html

@@ -19,9 +19,11 @@
       <!-- 验证 -->
       <div class="verify"><a (click)="checkPassword()" id="present-alert">验证</a></div>
       <!-- 登录按钮 -->
-      <ion-button expand="full" (click)="register()" class="auth-button">注册</ion-button>
+      <ion-button expand="full" (click)="register()" class="auth-button" id="presentRegister-alert">注册</ion-button>
       <ion-alert trigger="present-alert" [header]="header" [message]="errormsg" [buttons]="alertButtons"
         [cssClass]="alertClass"></ion-alert>
+      <ion-alert trigger="presentRegister-alert" [header]="header" [message]="errormsg" [buttons]="alertButtons"
+        [cssClass]="alertClass"></ion-alert>
 
       <div class="reminder">已有账号？前往 <a (click)="navigateTo('login-page')">登录</a></div>
 

TFPower-app/src/app/page/register-page/register-page.page.ts

@@ -38,6 +38,7 @@ export class RegisterPagePage implements OnInit {
   header: string = '';
   errormsg: string = '';
   alertClass: string = '';
+  flag: boolean = false;
 
   constructor(private router: Router) {}
 
@@ -96,12 +97,20 @@ export class RegisterPagePage implements OnInit {
   }
 
   async register() {
-    let flag = this.checkPassword();
+    this.flag = this.checkPassword();
 
-    if (flag) {
+    if (this.flag) {
       let user = new CloudUser();
-      let res = await user.register(this.username, this.password);
-      console.log(res);
+      let result = await user.register(this.username, this.password);
+      if (!result.objectId) {
+        this.header = '提示信息';
+        this.errormsg = '用户名已存在';
+      } else {
+        this.header = '提示信息';
+        this.errormsg = '注册成功，请前往登录';
+      }
+
+      console.log(result.objectId);
     }
   }
   ngOnInit() {}

TFPower-app/src/app/page/search-page/search-page.page.html

@@ -0,0 +1,28 @@
+<!-- <ion-searchbar animated="true" placeholder="搜索"></ion-searchbar> -->
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="/tabs/tab1"></ion-back-button>
+    </ion-buttons>
+    <!-- <ion-title>搜索</ion-title> -->
+    <ion-searchbar [(ngModel)]="userInput" placeholder="请输入" (keydown.enter)="confirm()"></ion-searchbar>
+  </ion-toolbar>
+</ion-header>
+
+
+
+<ion-content class="ion-padding">
+  <div *ngIf="!is_loading">
+    <ion-card *ngFor="let news of needlists" (click)="openModal(news)">
+      <img [src]="news.illustration" />
+      <ion-card-header>
+        <ion-card-subtitle>{{news.column}}</ion-card-subtitle>
+        <ion-card-title>{{news.title}}</ion-card-title>
+      </ion-card-header>
+      <ion-card-content [innerHTML]="news.article">
+
+      </ion-card-content>
+    </ion-card>
+  </div>
+
+</ion-content>

TFPower-app/src/app/page/search-page/search-page.page.scss

@@ -0,0 +1,5 @@
+ion-card-content {
+  max-height: 200px;
+  overflow-y: auto;
+  text-indent: 2em; /* 段落首行缩进 */
+}

TFPower-app/src/app/page/search-page/search-page.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { SearchPagePage } from './search-page.page';
+
+describe('SearchPagePage', () => {
+  let component: SearchPagePage;
+  let fixture: ComponentFixture<SearchPagePage>;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SearchPagePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

TFPower-app/src/app/page/search-page/search-page.page.ts

@@ -0,0 +1,116 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonSearchbar,
+  IonTitle,
+  IonToolbar,
+  ModalController,
+} from '@ionic/angular/standalone';
+import { CloudQuery } from 'src/lib/cyxncloud';
+import { ModalBrowsePagePage } from '../modal/modal-browse-page/modal-browse-page.page';
+
+@Component({
+  selector: 'app-search-page',
+  templateUrl: './search-page.page.html',
+  styleUrls: ['./search-page.page.scss'],
+  standalone: true,
+  imports: [
+    IonContent,
+    IonHeader,
+    IonTitle,
+    IonToolbar,
+    CommonModule,
+    FormsModule,
+    IonSearchbar,
+    IonList,
+    IonItem,
+    IonLabel,
+    IonButton,
+    IonCard,
+    IonCardHeader,
+    IonCardTitle,
+    IonCardSubtitle,
+    IonCardContent,
+    IonButtons,
+    IonBackButton,
+  ],
+})
+export class SearchPagePage implements OnInit {
+  userInput: string = '';
+  constructor(private modalCtrl: ModalController) {
+    this.getAllNews();
+  }
+
+  ngOnInit() {}
+
+  confirm() {
+    console.log('Enter key pressed!');
+    console.log(this.userInput);
+    this.getneeds(this.userInput);
+  }
+  // 查看页面详细信息
+  async openModal(news: any) {
+    const modal = await this.modalCtrl.create({
+      component: ModalBrowsePagePage,
+      componentProps: {
+        newsData: news, // 将news数据传递给子组件
+      },
+    });
+    modal.present();
+  }
+
+  // 搜索新闻
+  newslists: any[] = [];
+  is_loading: boolean = true;
+
+  async getAllNews() {
+    let className = 'News';
+    let newsQuery = new CloudQuery(className);
+    let newslist = await newsQuery.getAll();
+    this.newslists = newslist.results;
+
+    this.newslists = newslist.results.map((news: any) => {
+      // 删除所有空格，并替换换行符\n\n为</p><p>，并在开始和结束处添加<p>和</p>
+      news.article =
+        '<p>' +
+        news.article.replace(/\n\n/g, '</p><p>').replace(/\s+/g, '') +
+        '</p>';
+      return news;
+    });
+
+    this.is_loading = false;
+  }
+
+  needlists: any[] = [];
+  getneeds(userinput: string) {
+    // 清空 needlists
+    this.needlists = [];
+
+    // 遍历 newslists，检查 theme 是否在 userinput 中
+    this.newslists.forEach((item) => {
+      // 使用 includes 来检查 userinput 中是否包含 item.theme
+      if (userinput.includes(item.theme)) {
+        this.needlists.push(item);
+      }
+    });
+
+    console.log(this.needlists);
+
+    // 返回匹配的结果
+    return this.needlists;
+  }
+}

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

@@ -41,8 +41,20 @@
           <ion-title>渴望力量</ion-title>
         </ion-toolbar>
       </ion-header> -->
-      <!-- <ion-searchbar animated="true" placeholder="搜索"></ion-searchbar> -->
-      <ion-searchbar animated="true" placeholder="搜索"></ion-searchbar>
+      <ion-header>
+        <ion-toolbar>
+          <ion-buttons slot="start" color="primary">
+            <ion-menu-button></ion-menu-button>
+          </ion-buttons>
+          <ion-title>渴望力量</ion-title>
+          <ion-buttons slot="end">
+            <ion-button color="primary" (click)="navigatePageTo('search-page')">
+              <ion-icon name="search-outline"></ion-icon>
+            </ion-button>
+          </ion-buttons>
+        </ion-toolbar>
+      </ion-header>
+
 
       <!-- 横向导航栏 -->
       <div class="horizontal-nav"></div>
@@ -57,16 +69,16 @@
           <ion-card *ngFor="let news of newslists" (click)="openModal(news)">
             <img [src]="news.illustration" />
             <ion-card-header>
-              <ion-card-title>{{news.title}}</ion-card-title>
               <ion-card-subtitle>{{news.column}}</ion-card-subtitle>
+              <ion-card-title>{{news.title}}</ion-card-title>
             </ion-card-header>
             <ion-card-content>
               <div [innerHTML]="news.article" class="news-description"></div>
             </ion-card-content>
           </ion-card>
-
         </div>
 
+
         <!-- 第一张卡片 -->
         <ion-card class="bigcard">
           <img src="../../assets/images/26547.png" />

TFPower-app/src/app/tab1/tab1.page.scss

@@ -37,8 +37,8 @@ p {
   text-indent: 2em; /* 段落首行缩进 */
   display: -webkit-box; /* 将元素设置为弹性盒子 */
   -webkit-box-orient: vertical; /* 设置盒子的排列方向为垂直方向 */
-  overflow: hidden; /* 超出部分隐藏 */
-  -webkit-line-clamp: 4; /* 限制显示 8 行 */
+  overflow: hidden;
+  -webkit-line-clamp: 8; /* 限制显示 8 行 */
   text-overflow: ellipsis; /* 超出部分用省略号显示 */
   white-space: normal; /* 允许多行文本 */
 }
@@ -54,7 +54,7 @@ p {
   overflow-x: auto; /* 允许横向滚动 */
   padding: 0 0;
   white-space: nowrap; /* 防止换行 */
-  margin-top: -7px;
+  margin-top: 0px;
   overflow-x: auto;
   -ms-overflow-style: none; /* 适用于IE */
   scrollbar-width: none; /* 适用于Firefox */

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

@@ -42,6 +42,8 @@ import { CloudQuery, CloudNews, CloudUser } from 'src/lib/cyxncloud';
 import { CommonModule } from '@angular/common';
 import { ModalBrowsePagePage } from '../page/modal/modal-browse-page/modal-browse-page.page';
 import { DraggableButtonComponent } from '../component/draggable-button/draggable-button.component';
+import { addIcons } from 'ionicons';
+import { searchOutline } from 'ionicons/icons';
 
 @Component({
   selector: 'app-tab1',
@@ -95,6 +97,9 @@ export class Tab1Page implements OnInit {
     private modalCtrl: ModalController
   ) {
     this.getAllNews();
+    addIcons({
+      searchOutline,
+    });
   }
 
   ngOnInit() {
@@ -154,6 +159,9 @@ export class Tab1Page implements OnInit {
   navigateTo(path: string) {
     this.router.navigate([`/tabs/${path}`]);
   }
+  navigatePageTo(path: string) {
+    this.router.navigate([`${path}`]);
+  }
 
   goodbody() {
     let allChange = document.querySelector('#allChange');

TFPower-app/src/app/tab4/tab4.page.html

@@ -46,6 +46,8 @@
       }
     </ion-grid>
   </ion-card>
+
+  @if(is_login) {
   <ion-card>
     <ion-list>
       <ion-item>
@@ -53,47 +55,36 @@
           <ion-segment-button value="first" content-id="first">
             <ion-label>发布的文章</ion-label>
           </ion-segment-button>
-          <ion-segment-button value="second" content-id="second">
-            <ion-label>动态</ion-label>
-          </ion-segment-button>
         </ion-segment>
       </ion-item>
+
       <ion-item>
         <ion-segment-view>
-          <!-- <ion-card *ngFor="let news of newslists"> -->
-          <ion-segment-content id="first">
-            <ion-card class="showHistory">
-              <img class="showIllustration"
-                src="https://s1.imagehub.cc/images/2024/12/18/8166e90f04a179c424c947e222e37620.jpg" />
-              <ion-avatar class="showAvatar">
-                <img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
-              </ion-avatar>
-              <span class="showTitle">hhhhh</span>
-            </ion-card>
-            <ion-card class="showHistory">
-              <img class="showIllustration"
-                src="https://s1.imagehub.cc/images/2024/12/18/8166e90f04a179c424c947e222e37620.jpg" />
-              <ion-avatar class="showAvatar">
-                <img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
-              </ion-avatar>
-              <span class="showTitle">hhhhh</span>
-            </ion-card>
-            <ion-card class="showHistory">
-              <img class="showIllustration"
-                src="https://s1.imagehub.cc/images/2024/12/18/8166e90f04a179c424c947e222e37620.jpg" />
-              <ion-avatar class="showAvatar">
-                <img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
-              </ion-avatar>
-              <span class="showTitle">hhhhh</span>
+
+          @if(newslists.length) {
+          <ion-segment-content id="first" class="ionsegmentcontent">
+            <ion-card class="showHistory" *ngFor="let news of newslists">
+              <img class="showIllustration" [src]="news.illustration" />
+              <div class="bottomPart">
+                <ion-avatar class="showAvatar">
+                  <img alt="Silhouette of a person's head" [src]="user.avatar" />
+                </ion-avatar>
+                <span class="showTitle">{{news.title}}</span>
+              </div>
             </ion-card>
           </ion-segment-content>
-          <ion-segment-content id="second">Second</ion-segment-content>
-        </ion-segment-view>
-      </ion-item>
+          }
+          @if(!newslists.length) {
+          <ion-segment-content id="first">
+            <span class="showEmpty">这个家伙很懒，什么都没留下</span>
+          </ion-segment-content>
+          }
 
 
+        </ion-segment-view>
+      </ion-item>
     </ion-list>
   </ion-card>
-
+  }
 
 </ion-content>

TFPower-app/src/app/tab4/tab4.page.scss

@@ -15,29 +15,8 @@ ion-avatar {
   text-align: center;
 }
 
-// .showHistory {
-//   width: 45%;
-// }
-
-// .showAvatar {
-//   display: inline-block;
-//   width: 40px;
-//   height: 40px;
-//   margin-bottom: 3px;
-//   margin-left: 3px;
-// }
-// .showAvatar img {
-//   vertical-align: -10px;
-//   --border-radius: 50%;
-// }
-// .showTitle {
-//   display: inline-block;
-//   padding-left: 10px;
-//   font-weight: 900;
-//   font-size: 20px;
-// }
 /* 设置容器为两列瀑布流布局 */
-ion-segment-content#first {
+.ionsegmentcontent {
   display: grid; /* 使用 grid 布局 */
   grid-template-columns: repeat(2, 1fr); /* 定义两列 */
   gap: 0; /* 设置卡片之间的间距 */
@@ -48,7 +27,7 @@ ion-segment-content#first {
 .showHistory {
   background-color: #fff;
   border-radius: 10px;
-
+  margin: 5px 3px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }
@@ -56,32 +35,46 @@ ion-segment-content#first {
 /* 卡片中的图片样式 */
 .showIllustration {
   width: 100%;
-  height: auto;
+  min-width: 178px;
+  height: 100px;
   object-fit: cover;
 }
+/* 底部部分的容器 */
+.bottomPart {
+  display: flex; /* 使用 Flexbox 布局 */
+  align-items: center; /* 垂直居中对齐头像和标题 */
+  width: 100%;
+  height: 40px;
+}
 
 /* 头像的样式 */
 .showAvatar {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-  margin-bottom: 3px;
-  margin-left: 3px;
+  flex: none;
+  width: 40px; /* 固定宽度 */
+  height: 40px; /* 固定高度 */
+  margin-right: 5px; /* 给头像和标题之间添加间距 */
 }
 
 .showAvatar img {
-  vertical-align: middle; /* 确保头像垂直对齐 */
-  width: 100%;
-  height: 100%;
+  width: 100%; /* 确保图片占满头像容器 */
+  height: 100%; /* 确保图片占满头像容器 */
   border-radius: 50%; /* 圆形头像 */
 }
 
 /* 标题的样式 */
 .showTitle {
-  display: inline-block;
-  padding-left: 10px;
   font-weight: 900;
-  font-size: 20px;
-  vertical-align: middle; /* 确保标题垂直对齐 */
-  line-height: 40px; /* 设置行高与头像一致 */
+  font-size: 14px;
+  line-height: 40px; /* 设置行高与头像一致，确保垂直居中 */
+  white-space: nowrap; /* 防止文本换行 */
+  overflow: hidden; /* 超出部分隐藏 */
+  text-overflow: ellipsis; /* 超出部分用省略号表示 */
+  flex-grow: 1; /* 标题部分占据剩余空间 */
+}
+
+.showEmpty {
+  display: block;
+  margin: 20px 15px;
+  font-size: 14px;
+  color: #abc;
 }

TFPower-app/src/app/tab4/tab4.page.ts

@@ -23,6 +23,7 @@ import {
 } from '@ionic/angular/standalone';
 import { CloudQuery, CloudUser } from 'src/lib/cyxncloud';
 import { ModalEditPagePage } from '../page/modal/modal-edit-page/modal-edit-page.page';
+import { CommonModule } from '@angular/common';
 export interface User {
   avatar: string;
   username: string;
@@ -60,6 +61,7 @@ export interface User {
     IonLabel,
     IonSegmentView,
     IonSegmentContent,
+    CommonModule,
   ],
 })
 export class Tab4Page implements OnInit {
@@ -80,7 +82,7 @@ export class Tab4Page implements OnInit {
   };
 
   constructor(private router: Router, private modalCtrl: ModalController) {
-    // this.getAllNews();
+    this.getByUser();
     let userCache = localStorage.getItem('userData');
     if (userCache) {
       let userData = JSON.parse(userCache);
@@ -98,7 +100,6 @@ export class Tab4Page implements OnInit {
       this.is_login = is_loginCache === 'true' ? true : false;
     }
   }
-  hasRefreshedKey = 'hasRefreshed'; // 用于在 localStorage 中存储状态
 
   ngOnInit() {}
 
@@ -145,20 +146,22 @@ export class Tab4Page implements OnInit {
     let res = await user.update(this.userChangeInfo);
     console.log('成功更新用户信息');
   }
+
   newslists: any[] = [];
-  // async getAllNews() {
-  //   let className = 'News';
-  //   let newsQuery = new CloudQuery(className);
-  //   let newslist = await newsQuery.getAll();
-  //   this.newslists = newslist.results;
+  async getByUser() {
+    let className = 'News';
+    let newsQuery = new CloudQuery(className);
+    let userCache = localStorage.getItem('userData');
+    let objectId = '';
+    if (userCache) {
+      let userData = JSON.parse(userCache);
+      objectId = userData.objectId;
+    }
 
-  //   this.newslists = newslist.results.map((news: any) => {
-  //     // 删除所有空格，并替换换行符\n\n为</p><p>，并在开始和结束处添加<p>和</p>
-  //     news.article =
-  //       '<p>' +
-  //       news.article.replace(/\n\n/g, '</p><p>').replace(/\s+/g, '') +
-  //       '</p>';
-  //     return news;
-  //   });
-  // }
+    if (objectId) {
+      let newslist = await newsQuery.getBy('author', objectId);
+      this.newslists = newslist.results;
+      console.log(this.newslists);
+    }
+  }
 }

TFPower-app/src/lib/cyxncloud.ts

@@ -42,35 +42,35 @@ export class CloudQuery {
    * @desc 获取数据表中单个信息，配合CloudQuery()使用
    * @param {string} objectId:数据库中表的名称
    */
-  async getBy(objectId: string) {
-    let response = await fetch(
+  async getBy(entry: string, objectId: string) {
+    let url =
       'http://1.94.237.145:1338/parsecyx/classes/' +
-        this.className +
-        '/' +
-        objectId,
-      {
-        headers: {
-          accept: '*/*',
-          'accept-language':
-            'zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6,zh-TW;q=0.5,ja;q=0.4',
-          'if-none-match': 'W/"f36-Q0ech+Jn3bu0uYx1n7/k1+XDYr0"',
-          'x-parse-application-id': 'cyx',
-        },
-        referrer: 'http://127.0.0.1:4040/',
-        referrerPolicy: 'strict-origin-when-cross-origin',
-        body: null,
-        method: 'GET',
-        mode: 'cors',
-        credentials: 'omit',
-      }
-    );
+      this.className +
+      '?' +
+      `where={"${entry}":"${objectId}"}`;
+
+    let response = await fetch(url, {
+      headers: {
+        accept: '*/*',
+        'accept-language':
+          'zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6,zh-TW;q=0.5,ja;q=0.4',
+        'if-none-match': 'W/"f36-Q0ech+Jn3bu0uYx1n7/k1+XDYr0"',
+        'x-parse-application-id': 'cyx',
+      },
+      referrer: 'http://127.0.0.1:4040/',
+      referrerPolicy: 'strict-origin-when-cross-origin',
+      body: null,
+      method: 'GET',
+      mode: 'cors',
+      credentials: 'omit',
+    });
 
-    let json = {};
+    let json = [];
     if (response) {
       json = await response.json();
     }
 
-    return json || null;
+    return json || [];
   }
 }