目录

1. 概述
2. 功能设计
3. Kotlin 实现代码（KMP）
4. JavaScript 调用示例
5. ArkTS 页面集成与调用
6. 数据输入与交互体验
7. 编译与自动复制流程
8. 总结

---

概述

本案例在 Kotlin Multiplatform (KMP) 工程中实现了一个 市场分析工具 - 市场竞争力分析工具：

• 输入：市场竞争力评估数据（产品创新力、品牌影响力、市场占有率、客户忠诚度、价格竞争力），使用空格分隔，例如：85 80 75 82 78。
• 输出：
  • 竞争力基本信息：各项竞争力评分
  • 竞争力分析：平均竞争力分数、竞争力等级、最强项、最弱项
  • 竞争力评估：各项竞争力的详细评估
  • 竞争优势：根据分析结果的竞争优势识别
  • 改进建议：根据分析结果的竞争力改进建议
• 技术路径：Kotlin → Kotlin/JS → JavaScript 模块 → ArkTS 页面调用。

这个案例展示了 KMP 跨端开发在市场分析领域的应用：

把市场竞争力分析逻辑写在 Kotlin 里，一次实现，多端复用；把分析界面写在 ArkTS 里，专注 UI 和体验。

Kotlin 侧负责解析竞争力数据、计算竞争力指标、评估竞争力等级、生成改进建议；ArkTS 侧只需要把输入字符串传给 Kotlin 函数，并把返回结果原样展示出来即可。借助 KMP 的 Kotlin/JS 能力，这个市场竞争力分析工具可以在 Node.js、Web 前端以及 OpenHarmony 中复用相同的代码逻辑。

---

功能设计

输入数据格式

市场竞争力分析工具采用简单直观的输入格式：

• 使用 空格分隔 各个参数。
• 第一个参数是产品创新力（整数或浮点数，范围 0-100）。
• 第二个参数是品牌影响力（整数或浮点数，范围 0-100）。
• 第三个参数是市场占有率（整数或浮点数，范围 0-100）。
• 第四个参数是客户忠诚度（整数或浮点数，范围 0-100）。
• 第五个参数是价格竞争力（整数或浮点数，范围 0-100）。
• 输入示例：

85 80 75 82 78

这可以理解为：

• 产品创新力：85 分
• 品牌影响力：80 分
• 市场占有率：75 分
• 客户忠诚度：82 分
• 价格竞争力：78 分

工具会基于这些数据计算出：

• 平均竞争力分数：所有竞争力评分的平均值
• 竞争力等级：根据平均竞争力分数的等级评估
• 最强项：竞争力分数最高的方面
• 最弱项：竞争力分数最低的方面
• 竞争力差距：最高和最低竞争力的差异

输出信息结构

为了便于在 ArkTS 页面以及终端中直接展示，Kotlin 函数返回的是一段结构化的多行文本，划分为几个分区：

1. 标题区：例如"📊 市场竞争力分析"，一眼看出工具用途。
2. 竞争力基本信息：各项竞争力评分。
3. 竞争力分析：平均竞争力分数、竞争力等级、最强项、最弱项。
4. 竞争力评估：各项竞争力的详细评估。
5. 竞争优势：根据分析结果的竞争优势识别。
6. 改进建议：根据分析结果的改进建议。

这样的输出结构使得：

• 在 ArkTS 中可以直接把整段文本绑定到 Text 组件，配合 monospace 字体，阅读体验类似终端报告。
• 如果将来想把结果保存到日志或者后端，直接保存字符串即可。
• 需要更精细的 UI 时，也可以在前端根据分隔符进行拆分，再按块展示。

---

Kotlin 实现代码（KMP）

核心代码在 src/jsMain/kotlin/App.kt 中，通过 @JsExport 导出。以下是完整的 Kotlin 实现：

@OptIn(ExperimentalJsExport::class)
@JsExport
fun marketCompetitivenessAnalyzer(inputData: String = "85 80 75 82 78"): String {
    // 输入格式: 产品创新力 品牌影响力 市场占有率 客户忠诚度 价格竞争力
    val parts = inputData.trim().split(" ").filter { it.isNotEmpty() }

    if (parts.size < 5) {
        return "❌ 错误: 请输入完整的信息，格式: 产品创新力 品牌影响力 市场占有率 客户忠诚度 价格竞争力\n例如: 85 80 75 82 78"
    }

    val productInnovation = parts[0].toDoubleOrNull() ?: return "❌ 错误: 产品创新力必须是数字"
    val brandInfluence = parts[1].toDoubleOrNull() ?: return "❌ 错误: 品牌影响力必须是数字"
    val marketShare = parts[2].toDoubleOrNull() ?: return "❌ 错误: 市场占有率必须是数字"
    val customerLoyalty = parts[3].toDoubleOrNull() ?: return "❌ 错误: 客户忠诚度必须是数字"
    val priceCompetitiveness = parts[4].toDoubleOrNull() ?: return "❌ 错误: 价格竞争力必须是数字"

    if (productInnovation < 0 || productInnovation > 100) {
        return "❌ 错误: 产品创新力必须在 0-100 之间"
    }

    if (brandInfluence < 0 || brandInfluence > 100) {
        return "❌ 错误: 品牌影响力必须在 0-100 之间"
    }

    if (marketShare < 0 || marketShare > 100) {
        return "❌ 错误: 市场占有率必须在 0-100 之间"
    }

    if (customerLoyalty < 0 || customerLoyalty > 100) {
        return "❌ 错误: 客户忠诚度必须在 0-100 之间"
    }

    if (priceCompetitiveness < 0 || priceCompetitiveness > 100) {
        return "❌ 错误: 价格竞争力必须在 0-100 之间"
    }

    // 计算平均竞争力分数
    val averageCompetitiveness = (productInnovation + brandInfluence + marketShare + customerLoyalty + priceCompetitiveness) / 5

    // 判断竞争力等级
    val competitivenessLevel = when {
        averageCompetitiveness >= 90 -> "⭐⭐⭐⭐⭐ 非常强"
        averageCompetitiveness >= 80 -> "⭐⭐⭐⭐ 强"
        averageCompetitiveness >= 70 -> "⭐⭐⭐ 中等"
        averageCompetitiveness >= 60 -> "⭐⭐ 较弱"
        else -> "⭐ 弱"
    }

    // 找出最强和最弱项
    val competitiveness = mapOf(
        "产品创新力" to productInnovation,
        "品牌影响力" to brandInfluence,
        "市场占有率" to marketShare,
        "客户忠诚度" to customerLoyalty,
        "价格竞争力" to priceCompetitiveness
    )

    val strongest = competitiveness.maxByOrNull { it.value }
    val weakest = competitiveness.minByOrNull { it.value }

    // 判断各项竞争力等级
    val getCompetitivenessGrade = { score: Double ->
        when {
            score >= 90 -> "非常强"
            score >= 80 -> "强"
            score >= 70 -> "中等"
            score >= 60 -> "较弱"
            else -> "弱"
        }
    }

    // 生成竞争力分析
    val competitivenessAnalysis = StringBuilder()
    competitivenessAnalysis.append("• 产品创新力: ${String.format("%.1f", productInnovation)} 分 (${getCompetitivenessGrade(productInnovation)})\n")
    competitivenessAnalysis.append("• 品牌影响力: ${String.format("%.1f", brandInfluence)} 分 (${getCompetitivenessGrade(brandInfluence)})\n")
    competitivenessAnalysis.append("• 市场占有率: ${String.format("%.1f", marketShare)} 分 (${getCompetitivenessGrade(marketShare)})\n")
    competitivenessAnalysis.append("• 客户忠诚度: ${String.format("%.1f", customerLoyalty)} 分 (${getCompetitivenessGrade(customerLoyalty)})\n")
    competitivenessAnalysis.append("• 价格竞争力: ${String.format("%.1f", priceCompetitiveness)} 分 (${getCompetitivenessGrade(priceCompetitiveness)})\n")

    // 生成竞争优势
    val competitiveAdvantages = StringBuilder()
    if (productInnovation >= 80) {
        competitiveAdvantages.append("• 产品创新力强: 具有明显的产品创新优势\n")
    }
    if (brandInfluence >= 80) {
        competitiveAdvantages.append("• 品牌影响力强: 具有强大的品牌认知度\n")
    }
    if (marketShare >= 80) {
        competitiveAdvantages.append("• 市场占有率高: 具有较大的市场份额\n")
    }
    if (customerLoyalty >= 80) {
        competitiveAdvantages.append("• 客户忠诚度高: 具有稳定的客户基础\n")
    }
    if (priceCompetitiveness >= 80) {
        competitiveAdvantages.append("• 价格竞争力强: 具有价格优势\n")
    }
    if (competitiveAdvantages.isEmpty()) {
        competitiveAdvantages.append("• 竞争力需要全面提升\n")
    }

    // 生成改进建议
    val improvementAdvice = StringBuilder()
    if (productInnovation < 80) {
        improvementAdvice.append("• 产品创新力需要提升，建议加大研发投入\n")
    }
    if (brandInfluence < 80) {
        improvementAdvice.append("• 品牌影响力需要提升，建议加强品牌建设\n")
    }
    if (marketShare < 80) {
        improvementAdvice.append("• 市场占有率需要提升，建议扩大市场覆盖\n")
    }
    if (customerLoyalty < 80) {
        improvementAdvice.append("• 客户忠诚度需要提升，建议改进客户服务\n")
    }
    if (priceCompetitiveness < 80) {
        improvementAdvice.append("• 价格竞争力需要提升，建议优化成本结构\n")
    }
    if (improvementAdvice.isEmpty()) {
        improvementAdvice.append("• 竞争力保持良好，继续优化\n")
    }

    // 生成竞争策略建议
    val strategyAdvice = when {
        averageCompetitiveness >= 90 -> "市场竞争力非常强，建议巩固优势，开拓新市场。"
        averageCompetitiveness >= 80 -> "市场竞争力强，建议继续优化，提高市场份额。"
        averageCompetitiveness >= 70 -> "市场竞争力中等，建议加强薄弱项，提升整体竞争力。"
        averageCompetitiveness >= 60 -> "市场竞争力较弱，建议制定改进计划，重点突破。"
        else -> "市场竞争力弱，建议全面评估，制定转变策略。"
    }

    // 构建输出文本
    val result = StringBuilder()
    result.append("📊 市场竞争力分析\n")
    result.append("═".repeat(60)).append("\n\n")
    
    result.append("💼 竞争力基本信息\n")
    result.append("─".repeat(60)).append("\n")
    result.append("产品创新力: ${String.format("%.1f", productInnovation)} 分\n")
    result.append("品牌影响力: ${String.format("%.1f", brandInfluence)} 分\n")
    result.append("市场占有率: ${String.format("%.1f", marketShare)} 分\n")
    result.append("客户忠诚度: ${String.format("%.1f", customerLoyalty)} 分\n")
    result.append("价格竞争力: ${String.format("%.1f", priceCompetitiveness)} 分\n\n")

    result.append("📈 竞争力分析\n")
    result.append("─".repeat(60)).append("\n")
    result.append("平均竞争力分数: ${String.format("%.1f", averageCompetitiveness)}/100\n")
    result.append("竞争力等级: ${competitivenessLevel}\n")
    result.append("最强项: ${strongest?.key} (${String.format("%.1f", strongest?.value ?: 0.0)} 分)\n")
    result.append("最弱项: ${weakest?.key} (${String.format("%.1f", weakest?.value ?: 0.0)} 分)\n")
    result.append("竞争力差距: ${String.format("%.1f", (strongest?.value ?: 0.0) - (weakest?.value ?: 0.0))} 分\n\n")

    result.append("🔍 竞争力评估\n")
    result.append("─".repeat(60)).append("\n")
    result.append(competitivenessAnalysis.toString()).append("\n")

    result.append("🏆 竞争优势\n")
    result.append("─".repeat(60)).append("\n")
    result.append(competitiveAdvantages.toString()).append("\n")

    result.append("💡 改进建议\n")
    result.append("─".repeat(60)).append("\n")
    result.append(improvementAdvice.toString()).append("\n")

    result.append("🎯 竞争策略\n")
    result.append("─".repeat(60)).append("\n")
    result.append("${strategyAdvice}\n\n")

    result.append("📋 市场竞争力管理建议\n")
    result.append("─".repeat(60)).append("\n")
    result.append("1. 定期进行市场竞争力评估，了解竞争态势\n")
    result.append("2. 建立竞争对标体系，学习竞争对手优势\n")
    result.append("3. 加强产品创新，提升产品竞争力\n")
    result.append("4. 建设品牌形象，提升品牌影响力\n")
    result.append("5. 优化市场策略，扩大市场占有率\n")
    result.append("6. 改进客户服务，提高客户忠诚度\n")
    result.append("7. 优化成本结构，提升价格竞争力\n")
    result.append("8. 建立竞争预警机制，及时应对竞争变化\n")
    result.append("9. 制定竞争战略，明确竞争方向\n")
    result.append("10. 建立竞争优势，形成差异化竞争\n\n")

    result.append("🔧 竞争力提升方法\n")
    result.append("─".repeat(60)).append("\n")
    result.append("• 产品创新: 加大研发投入，推出创新产品\n")
    result.append("• 品牌建设: 加强品牌宣传，提升品牌认知\n")
    result.append("• 市场拓展: 开拓新市场，扩大市场覆盖\n")
    result.append("• 客户服务: 改进服务质量，提高客户满意度\n")
    result.append("• 成本优化: 优化成本结构，提升价格竞争力\n")
    result.append("• 渠道优化: 优化销售渠道，提高市场覆盖\n")
    result.append("• 人才培养: 培养竞争人才，提升竞争能力\n")
    result.append("• 战略合作: 建立战略合作，实现互利共赢\n\n")

    result.append("⚖️ 竞争力等级标准\n")
    result.append("─".repeat(60)).append("\n")
    result.append("• 非常强 (90-100分): 市场竞争力突出，具有明显优势\n")
    result.append("• 强 (80-89分): 市场竞争力较强，具有一定优势\n")
    result.append("• 中等 (70-79分): 市场竞争力中等，与竞争对手相当\n")
    result.append("• 较弱 (60-69分): 市场竞争力较弱，需要改进\n")
    result.append("• 弱 (0-59分): 市场竞争力弱，需要全面改进\n")

    return result.toString()
}

代码说明

这段 Kotlin 代码实现了完整的市场竞争力分析和改进建议功能。让我详细解释关键部分：

数据验证：首先验证输入的竞争力数据是否有效，确保数据在 0-100 范围内。

竞争力计算：计算平均竞争力分数，这是评估整体市场竞争力的关键指标。

等级评估：根据平均竞争力分数给出相应的竞争力等级。

项目分析：找出最强项和最弱项，计算两者的差距，帮助识别竞争优势和改进方向。

建议生成：根据各项竞争力指标生成个性化的竞争优势识别和改进建议。

---

JavaScript 调用示例

编译后的 JavaScript 代码可以在 Node.js 或浏览器中直接调用。以下是 JavaScript 的使用示例：

// 导入编译后的 Kotlin/JS 模块
const { marketCompetitivenessAnalyzer } = require('./hellokjs.js');

// 示例 1：竞争力非常强
const result1 = marketCompetitivenessAnalyzer("85 80 75 82 78");
console.log("示例 1 - 竞争力非常强:");
console.log(result1);
console.log("\n");

// 示例 2：竞争力强
const result2 = marketCompetitivenessAnalyzer("82 78 72 80 75");
console.log("示例 2 - 竞争力强:");
console.log(result2);
console.log("\n");

// 示例 3：竞争力中等
const result3 = marketCompetitivenessAnalyzer("75 72 68 75 70");
console.log("示例 3 - 竞争力中等:");
console.log(result3);
console.log("\n");

// 示例 4：竞争力较弱
const result4 = marketCompetitivenessAnalyzer("65 62 58 65 60");
console.log("示例 4 - 竞争力较弱:");
console.log(result4);
console.log("\n");

// 示例 5：竞争力弱
const result5 = marketCompetitivenessAnalyzer("55 50 45 55 48");
console.log("示例 5 - 竞争力弱:");
console.log(result5);
console.log("\n");

// 示例 6：使用默认参数
const result6 = marketCompetitivenessAnalyzer();
console.log("示例 6 - 使用默认参数:");
console.log(result6);

// 实际应用场景：从用户输入获取数据
function analyzeMarketCompetitiveness(userInput) {
    try {
        const result = marketCompetitivenessAnalyzer(userInput);
        return {
            success: true,
            data: result
        };
    } catch (error) {
        return {
            success: false,
            error: error.message
        };
    }
}

// 测试实际应用
const userInput = "88 85 80 85 82";
const analysis = analyzeMarketCompetitiveness(userInput);
if (analysis.success) {
    console.log("市场竞争力分析结果:");
    console.log(analysis.data);
} else {
    console.log("分析失败:", analysis.error);
}

// 多个产品竞争力对比
function compareMarketCompetitiveness(products) {
    console.log("\n多个产品竞争力对比:");
    console.log("═".repeat(60));
    
    const results = products.map((product, index) => {
        const analysis = marketCompetitivenessAnalyzer(product);
        return {
            number: index + 1,
            product,
            analysis
        };
    });

    results.forEach(result => {
        console.log(`\n产品 ${result.number} (${result.product}):`);
        console.log(result.analysis);
    });

    return results;
}

// 测试多个产品竞争力对比
const products = [
    "85 80 75 82 78",
    "82 78 72 80 75",
    "75 72 68 75 70",
    "65 62 58 65 60"
];

compareMarketCompetitiveness(products);

// 市场竞争力统计分析
function analyzeMarketStats(products) {
    const data = products.map(product => {
        const parts = product.split(' ').map(Number);
        return {
            innovation: parts[0],
            brand: parts[1],
            share: parts[2],
            loyalty: parts[3],
            price: parts[4]
        };
    });

    console.log("\n市场竞争力统计分析:");
    const avgInnovation = data.reduce((sum, d) => sum + d.innovation, 0) / data.length;
    const avgBrand = data.reduce((sum, d) => sum + d.brand, 0) / data.length;
    const avgShare = data.reduce((sum, d) => sum + d.share, 0) / data.length;
    const avgLoyalty = data.reduce((sum, d) => sum + d.loyalty, 0) / data.length;
    const avgPrice = data.reduce((sum, d) => sum + d.price, 0) / data.length;
    
    console.log(`平均产品创新力: ${avgInnovation.toFixed(1)}`);
    console.log(`平均品牌影响力: ${avgBrand.toFixed(1)}`);
    console.log(`平均市场占有率: ${avgShare.toFixed(1)}`);
    console.log(`平均客户忠诚度: ${avgLoyalty.toFixed(1)}`);
    console.log(`平均价格竞争力: ${avgPrice.toFixed(1)}`);
    console.log(`平均竞争力分数: ${((avgInnovation + avgBrand + avgShare + avgLoyalty + avgPrice) / 5).toFixed(1)}`);
}

analyzeMarketStats(products);

JavaScript 代码说明

这段 JavaScript 代码展示了如何在 Node.js 环境中调用编译后的 Kotlin 函数。关键点包括：

模块导入：使用 require 导入编译后的 JavaScript 模块，获取导出的 marketCompetitivenessAnalyzer 函数。

多个示例：展示了不同竞争力等级的调用方式，包括非常强、强、中等、较弱、弱等。

错误处理：在实际应用中，使用 try-catch 块来处理可能的错误。

多产品对比：compareMarketCompetitiveness 函数展示了如何对比多个产品的竞争力。

统计分析：analyzeMarketStats 函数演示了如何进行市场竞争力统计分析。

---

ArkTS 页面集成与调用

在 OpenHarmony 的 ArkTS 页面中集成这个市场竞争力分析工具。以下是完整的 ArkTS 实现代码：

import { marketCompetitivenessAnalyzer } from './hellokjs';

@Entry
@Component
struct MarketCompetitivenessAnalyzerPage {
  @State productInnovation: string = "85";
  @State brandInfluence: string = "80";
  @State marketShare: string = "75";
  @State customerLoyalty: string = "82";
  @State priceCompetitiveness: string = "78";
  @State analysisResult: string = "";
  @State isLoading: boolean = false;

  build() {
    Column() {
      // 顶部栏
      Row() {
        Text("📊 市场竞争力分析")
          .fontSize(24)
          .fontWeight(FontWeight.Bold)
          .fontColor(Color.White)
      }
      .width("100%")
      .height(60)
      .backgroundColor("#FF6F00")
      .justifyContent(FlexAlign.Center)
      .padding({ top: 10, bottom: 10 })

      // 主容器
      Scroll() {
        Column() {
          // 产品创新力输入
          Text("产品创新力 (0-100)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ top: 20, left: 15 })

          TextInput({
            placeholder: "例如: 85",
            text: this.productInnovation
          })
            .width("90%")
            .height(45)
            .margin({ top: 8, bottom: 15, left: 15, right: 15 })
            .padding({ left: 10, right: 10 })
            .backgroundColor("#FFE0B2")
            .border({ width: 1, color: "#FF6F00" })
            .onChange((value: string) => {
              this.productInnovation = value;
            })

          // 品牌影响力输入
          Text("品牌影响力 (0-100)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

          TextInput({
            placeholder: "例如: 80",
            text: this.brandInfluence
          })
            .width("90%")
            .height(45)
            .margin({ top: 8, bottom: 15, left: 15, right: 15 })
            .padding({ left: 10, right: 10 })
            .backgroundColor("#FFE0B2")
            .border({ width: 1, color: "#FF6F00" })
            .onChange((value: string) => {
              this.brandInfluence = value;
            })

          // 市场占有率输入
          Text("市场占有率 (0-100)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

          TextInput({
            placeholder: "例如: 75",
            text: this.marketShare
          })
            .width("90%")
            .height(45)
            .margin({ top: 8, bottom: 15, left: 15, right: 15 })
            .padding({ left: 10, right: 10 })
            .backgroundColor("#FFE0B2")
            .border({ width: 1, color: "#FF6F00" })
            .onChange((value: string) => {
              this.marketShare = value;
            })

          // 客户忠诚度输入
          Text("客户忠诚度 (0-100)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

          TextInput({
            placeholder: "例如: 82",
            text: this.customerLoyalty
          })
            .width("90%")
            .height(45)
            .margin({ top: 8, bottom: 15, left: 15, right: 15 })
            .padding({ left: 10, right: 10 })
            .backgroundColor("#FFE0B2")
            .border({ width: 1, color: "#FF6F00" })
            .onChange((value: string) => {
              this.customerLoyalty = value;
            })

          // 价格竞争力输入
          Text("价格竞争力 (0-100)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

          TextInput({
            placeholder: "例如: 78",
            text: this.priceCompetitiveness
          })
            .width("90%")
            .height(45)
            .margin({ top: 8, bottom: 15, left: 15, right: 15 })
            .padding({ left: 10, right: 10 })
            .backgroundColor("#FFE0B2")
            .border({ width: 1, color: "#FF6F00" })
            .onChange((value: string) => {
              this.priceCompetitiveness = value;
            })

          // 按钮区域
          Row() {
            Button("📊 分析竞争力")
              .width("45%")
              .height(45)
              .backgroundColor("#FF6F00")
              .fontColor(Color.White)
              .fontSize(16)
              .fontWeight(FontWeight.Bold)
              .onClick(() => {
                this.isLoading = true;
                setTimeout(() => {
                  const input = `${this.productInnovation} ${this.brandInfluence} ${this.marketShare} ${this.customerLoyalty} ${this.priceCompetitiveness}`;
                  this.analysisResult = marketCompetitivenessAnalyzer(input);
                  this.isLoading = false;
                }, 300);
              })

            Blank()

            Button("🔄 重置")
              .width("45%")
              .height(45)
              .backgroundColor("#2196F3")
              .fontColor(Color.White)
              .fontSize(16)
              .fontWeight(FontWeight.Bold)
              .onClick(() => {
                this.productInnovation = "85";
                this.brandInfluence = "80";
                this.marketShare = "75";
                this.customerLoyalty = "82";
                this.priceCompetitiveness = "78";
                this.analysisResult = "";
                this.isLoading = false;
              })
          }
          .width("90%")
          .margin({ top: 10, bottom: 20, left: 15, right: 15 })
          .justifyContent(FlexAlign.SpaceBetween)

          // 加载指示器
          if (this.isLoading) {
            Row() {
              LoadingProgress()
                .width(40)
                .height(40)
                .color("#FF6F00")
              Text("  正在分析中...")
                .fontSize(14)
                .fontColor("#666666")
            }
            .width("90%")
            .height(50)
            .margin({ bottom: 15, left: 15, right: 15 })
            .justifyContent(FlexAlign.Center)
            .backgroundColor("#FFE0B2")
            .borderRadius(8)
          }

          // 结果显示区域
          if (this.analysisResult.length > 0) {
            Column() {
              Text("📋 分析结果")
                .fontSize(16)
                .fontWeight(FontWeight.Bold)
                .fontColor("#FF6F00")
                .margin({ bottom: 10 })

              Text(this.analysisResult)
                .width("100%")
                .fontSize(12)
                .fontFamily("monospace")
                .fontColor("#333333")
                .lineHeight(1.6)
                .padding(10)
                .backgroundColor("#FAFAFA")
                .border({ width: 1, color: "#E0E0E0" })
                .borderRadius(8)
            }
            .width("90%")
            .margin({ top: 20, bottom: 30, left: 15, right: 15 })
            .padding(15)
            .backgroundColor("#FFE0B2")
            .borderRadius(8)
            .border({ width: 1, color: "#FF6F00" })
          }
        }
        .width("100%")
      }
      .layoutWeight(1)
      .backgroundColor("#FFFFFF")
    }
    .width("100%")
    .height("100%")
    .backgroundColor("#F5F5F5")
  }
}

ArkTS 代码说明

这段 ArkTS 代码实现了完整的用户界面和交互逻辑。关键点包括：

导入函数：从编译后的 JavaScript 模块中导入 marketCompetitivenessAnalyzer 函数。

状态管理：使用 @State 装饰器管理七个状态：产品创新力、品牌影响力、市场占有率、客户忠诚度、价格竞争力、分析结果和加载状态。

UI 布局：包含顶部栏、五个输入框、分析竞争力和重置按钮、加载指示器和结果显示区域。

交互逻辑：用户输入竞争力评分后，点击分析竞争力按钮。应用会调用 Kotlin 函数进行分析，显示加载动画，最后展示详细的分析结果。

样式设计：使用橙色主题，与市场分析和竞争力相关的主题相符。所有输入框、按钮和结果显示区域都有相应的样式设置。

---

数据输入与交互体验

输入数据格式规范

为了确保工具能够正确处理用户输入，用户应该遵循以下规范：

1. 产品创新力：整数或浮点数，范围 0-100。
2. 品牌影响力：整数或浮点数，范围 0-100。
3. 市场占有率：整数或浮点数，范围 0-100。
4. 客户忠诚度：整数或浮点数，范围 0-100。
5. 价格竞争力：整数或浮点数，范围 0-100。
6. 分隔符：使用空格分隔各个参数。

示例输入

• 竞争力非常强：85 80 75 82 78
• 竞争力强：82 78 72 80 75
• 竞争力中等：75 72 68 75 70
• 竞争力较弱：65 62 58 65 60
• 竞争力弱：55 50 45 55 48

交互流程

1. 用户打开应用，看到输入框和默认数据
2. 用户输入五项竞争力评分
3. 点击"分析竞争力"按钮，应用调用 Kotlin 函数进行分析
4. 应用显示加载动画，表示正在处理
5. 分析完成后，显示详细的分析结果，包括竞争力分析、竞争优势、建议等
6. 用户可以点击"重置"按钮清空数据，重新开始

---

编译与自动复制流程

编译步骤

1. 编译 Kotlin 代码：

   ./gradlew build
   

2. 生成 JavaScript 文件：
   编译过程会自动生成 hellokjs.d.ts 和 hellokjs.js 文件。

3. 复制到 ArkTS 项目：
   使用提供的脚本自动复制生成的文件到 ArkTS 项目的 pages 目录：

   ./build-and-copy.bat
   

文件结构

编译完成后，项目结构如下：

kmp_openharmony/
├── src/
│   └── jsMain/
│       └── kotlin/
│           └── App.kt (包含 marketCompetitivenessAnalyzer 函数)
├── build/
│   └── js/
│       └── packages/
│           └── hellokjs/
│               ├── hellokjs.d.ts
│               └── hellokjs.js
└── kmp_ceshiapp/
    └── entry/
        └── src/
            └── main/
                └── ets/
                    └── pages/
                        ├── hellokjs.d.ts (复制后)
                        ├── hellokjs.js (复制后)
                        └── Index.ets (ArkTS 页面)

---

总结

这个案例展示了如何使用 Kotlin Multiplatform 技术实现一个跨端的市场分析工具 - 市场竞争力分析工具。通过将核心逻辑写在 Kotlin 中，然后编译为 JavaScript，最后在 ArkTS 中调用，我们实现了代码的一次编写、多端复用。

核心优势

1. 代码复用：Kotlin 代码可以在 JVM、JavaScript 和其他平台上运行，避免重复开发。
2. 类型安全：Kotlin 的类型系统确保了代码的安全性和可维护性。
3. 性能优化：Kotlin 编译为 JavaScript 后，性能与手写 JavaScript 相当。
4. 易于维护：集中管理业务逻辑，使得维护和更新变得更加容易。
5. 用户体验：通过 ArkTS 提供的丰富 UI 组件，可以创建美观、易用的用户界面。

扩展方向

1. 数据持久化：将竞争力分析数据保存到本地存储或云端。
2. 数据可视化：使用图表库展示竞争力分布和趋势。
3. 多产品管理：支持多个产品的竞争力管理和对比。
4. 竞争预警：设置竞争预警阈值，及时提醒竞争力变化。
5. 竞争报表：生成详细的竞争力分析报表和分析报告。
6. 集成 CRM：与客户关系管理系统集成，获取市场信息。
7. AI 分析：使用机器学习进行竞争力预测和优化建议。
8. 团队协作：支持市场分析团队的竞争力管理和协作。

通过这个案例，开发者可以学到如何在 KMP 项目中实现复杂的市场竞争力分析逻辑，以及如何在 OpenHarmony 平台上构建高效的跨端应用。这个市场竞争力分析工具可以作为市场分析平台、竞争力管理系统或市场决策支持工具的核心模块。