fix name

DramaComponion-app/src/main.ts

@@ -1,14 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { RouteReuseStrategy, provideRouter, withPreloading, PreloadAllModules } from '@angular/router';
-import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone';
-
-import { routes } from './app/app.routes';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
-    provideIonicAngular(),
-    provideRouter(routes, withPreloading(PreloadAllModules)),
-  ],
-});

DramaComponion-app/package.json → FilmDraw-app/package.json

@@ -27,6 +27,7 @@
     "@capacitor/keyboard": "6.0.3",
     "@capacitor/status-bar": "6.0.2",
     "@ionic/angular": "^8.0.0",
+    "fmode-ng": "^0.0.62",
     "ionicons": "^7.2.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",

DramaComponion-app/src/app/tab2/tab2.page.html → FilmDraw-app/src/app/tab2/tab2.page.html

@@ -33,6 +33,21 @@
       </ion-card>
     </section>
   
+    <!-- AI智能推荐 -->
+    <section>
+      <ion-card>
+        <ion-card-header>
+          <ion-card-title>AI智能推荐</ion-card-title>
+        </ion-card-header>
+        <ion-card-content>
+          <ion-button expand="full" routerLink="/recommend">
+            <ion-icon slot="start" name="bulb-outline"></ion-icon>
+            AI推荐
+          </ion-button>
+        </ion-card-content>
+      </ion-card>
+    </section>
+
     <!-- 推荐影视剧列表 -->
     <section>
       <ion-card>
@@ -55,19 +70,7 @@
         </ion-card-content>
       </ion-card>
     </section>
-  
-    <!-- 推荐理由展示 -->
-    <section>
-      <ion-card>
-        <ion-card-header>
-          <ion-card-title>推荐理由</ion-card-title>
-        </ion-card-header>
-        <ion-card-content>
-          <p>{{ recommendationReason }}</p>
-        </ion-card-content>
-      </ion-card>
-    </section>
-  
+
     <!-- 底部推荐区 -->
     <section>
       <ion-card>

DramaComponion-app/src/app/tab2/tab2.page.scss → FilmDraw-app/src/app/tab2/tab2.page.scss

@@ -10,6 +10,19 @@ ion-header {
     color: white; // 设置头部文字颜色
   }
   
+  /* 按钮样式 */
+ion-button {
+  background-color: #3880ff; /* 按钮背景色 */
+  color: white; /* 按钮字体颜色 */
+  border-radius: 8px; /* 按钮圆角 */
+  font-size: 18px; /* 按钮字体大小 */
+}
+
+/* 按钮图标样式 */
+ion-icon {
+  margin-right: 8px; /* 图标与文本之间的间距 */
+}
+  
   ion-card {
     margin: 10px; // 设置卡片之间的间距
     border-radius: 10px; // 设置卡片圆角

DramaComponion-app/src/app/tab2/tab2.page.ts → FilmDraw-app/src/app/tab2/tab2.page.ts

@@ -1,7 +1,8 @@
 import { Component } from '@angular/core';
 import { IonHeader, IonToolbar, IonTitle, IonContent, 
   IonCard, IonCardHeader, IonCardTitle, IonCardContent, 
-  IonItem, IonAvatar, IonLabel, IonList, IonThumbnail } from '@ionic/angular/standalone';
+  IonItem, IonAvatar, IonLabel, IonList, IonThumbnail, 
+  IonIcon, IonButton} from '@ionic/angular/standalone';
 import { ExploreContainerComponent } from '../explore-container/explore-container.component';
 import { CommonModule } from '@angular/common';
 
@@ -13,8 +14,9 @@ import { CommonModule } from '@angular/common';
   imports: [
     CommonModule,
     IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent,
+    IonIcon, IonButton,
     IonCard, IonCardHeader, IonCardTitle, IonCardContent, 
-    IonItem, IonAvatar, IonLabel, IonList, IonThumbnail, 
+    IonItem, IonAvatar, IonLabel, IonList, IonThumbnail,
   ]
 })
 export class Tab2Page {
@@ -38,8 +40,6 @@ export class Tab2Page {
     // 其他推荐影视剧...
   ];
 
-  recommendationReason: string = '根据您的观看历史推荐。'; // 推荐理由
-
   similarMovies = [
     {
       title: '您可能喜欢的剧名1',

FilmDraw-app/src/main.ts

@@ -0,0 +1,33 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { RouteReuseStrategy, provideRouter, withPreloading, PreloadAllModules } from '@angular/router';
+import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone';
+
+import { routes } from './app/app.routes';
+import { AppComponent } from './app/app.component';
+
+
+// 引用HttpClient方法
+import { provideHttpClient } from '@angular/common/http';
+// 引用移动端授权检测供应器
+import { Diagnostic } from '@awesome-cordova-plugins/diagnostic/ngx';
+// 设置Parse服务属性
+import Parse from "parse";
+Parse.initialize("ncloudmaster");
+Parse.serverURL = "https://server.fmode.cn/parse";
+localStorage.setItem("NOVA_APIG_SERVER", 'aHR0cHMlM0ElMkYlMkZzZXJ2ZXIuZm1vZGUuY24lMkZhcGklMkZhcGlnJTJG')
+
+// 注意：替换Token 根据Token设置Parse服务帐套权限
+Parse.User.become("r:07993ca4e37176c5df93e985da8f7b5e")
+
+
+bootstrapApplication(AppComponent, {
+  providers: [
+    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
+    provideIonicAngular(),
+    provideRouter(routes, withPreloading(PreloadAllModules)),
+    // 添加HttpClient供应器
+    provideHttpClient(),
+    // 添加Diagnostic
+    Diagnostic,
+  ],
+});

DramaComponion-app/tsconfig.json → FilmDraw-app/tsconfig.json

@@ -2,6 +2,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "allowSyntheticDefaultImports":true,
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,

DramaComponion-prod/README.md → FilmDraw-prod/README.md

@@ -62,13 +62,13 @@
 
 
 ## 主要功能
-- 个性化影视剧推荐：根据对用户进行画像，精准推荐
+- 个性化影视剧推荐：根据对用户进行画像，精准推荐，由AI进行智能推荐
 - 角色互动：塑造相应角色的智能体与用户进行交流
 - 用户互动与社区功能：设立热门话题讨论区，引导用户围绕一定主题进行交流和分享
 
 
 ## 商业模式
-- 订阅模式：提供免费基础功能，同时设立高级订阅服务，用户支付月费或年费以解锁更多个性化推荐、独家内容或高级角色互动功能。
+- 订阅模式：提供免费基础功能，同时设立高级订阅服务，用户支付月费或年费以解锁AI智能推荐、独家内容或高级角色互动功能。
 - 广告收入：在软件中嵌入相关广告通过展示广告或点击广告获得收入。
 - 合作推广：与影视制作公司、流媒体平台等合作，推广其新剧或新片，收取推广费用。
 - 内容付费：提供一些大V的专业影评或同人文等，用户需支付额外费用才能访问。
@@ -82,6 +82,7 @@
 - 数据收集：确定获取用户数据的方式，包括用户行为数据（历史评分、收藏等）和用户画像数据（年龄、性别、兴趣等）。
 - 算法选择：评估现有的推荐算法，选择合适的算法进行实现，考虑算法的准确性和实时性。
 - 用户反馈机制：用户能够对推荐结果进行评分和反馈。
+- AI影视剧推荐：用户通过描述想看的影片类型，结局走向，演员阵容等，由AI推荐符合用户期望的影片。
 
 
 ## 角色互动的可行性