在这里插入图片描述

目录

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

概述

本案例在 Kotlin Multiplatform (KMP) 工程中实现了一个 财务分析工具 - 财务健康度评估工具

  • 输入:财务健康度评估数据(流动比率、速动比率、债务比率、利息覆盖率、资产回报率),使用空格分隔,例如:2.5 1.8 0.4 5.0 8.5
  • 输出:
    • 财务基本信息:各项财务指标评分
    • 财务分析:综合健康度、健康等级、最强项、最弱项
    • 财务评估:各项指标的详细评估
    • 财务建议:根据分析结果的改进建议
    • 财务管理策略:根据评估结果的管理策略
  • 技术路径:Kotlin → Kotlin/JS → JavaScript 模块 → ArkTS 页面调用。

这个案例展示了 KMP 跨端开发在财务管理领域的应用:

把财务健康度评估逻辑写在 Kotlin 里,一次实现,多端复用;把评估界面写在 ArkTS 里,专注 UI 和体验。

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


功能设计

输入数据格式

财务健康度评估工具采用简单直观的输入格式:

  • 使用 空格分隔 各个参数。
  • 第一个参数是流动比率(浮点数,范围 0-10,理想值 1.5-2.5)。
  • 第二个参数是速动比率(浮点数,范围 0-10,理想值 1.0-1.5)。
  • 第三个参数是债务比率(浮点数,范围 0-1,理想值 0.3-0.5)。
  • 第四个参数是利息覆盖率(浮点数,范围 0-20,理想值 3.0 以上)。
  • 第五个参数是资产回报率(浮点数,范围 0-20,理想值 5.0 以上)。
  • 输入示例:
2.5 1.8 0.4 5.0 8.5

这可以理解为:

  • 流动比率:2.5
  • 速动比率:1.8
  • 债务比率:0.4
  • 利息覆盖率:5.0
  • 资产回报率:8.5

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

  • 综合健康度:所有财务指标的加权平均评分
  • 健康等级:根据综合健康度的等级评估
  • 最强项:财务指标中表现最好的方面
  • 最弱项:财务指标中表现最差的方面
  • 财务差距:最强项和最弱项的差异

输出信息结构

为了便于在 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 financialHealthAssessor(inputData: String = "2.5 1.8 0.4 5.0 8.5"): String {
    // 输入格式: 流动比率 速动比率 债务比率 利息覆盖率 资产回报率
    val parts = inputData.trim().split(" ").filter { it.isNotEmpty() }

    if (parts.size < 5) {
        return "❌ 错误: 请输入完整的信息,格式: 流动比率 速动比率 债务比率 利息覆盖率 资产回报率\n例如: 2.5 1.8 0.4 5.0 8.5"
    }

    val currentRatio = parts[0].toDoubleOrNull() ?: return "❌ 错误: 流动比率必须是数字"
    val quickRatio = parts[1].toDoubleOrNull() ?: return "❌ 错误: 速动比率必须是数字"
    val debtRatio = parts[2].toDoubleOrNull() ?: return "❌ 错误: 债务比率必须是数字"
    val interestCoverage = parts[3].toDoubleOrNull() ?: return "❌ 错误: 利息覆盖率必须是数字"
    val returnOnAssets = parts[4].toDoubleOrNull() ?: return "❌ 错误: 资产回报率必须是数字"

    if (currentRatio < 0 || currentRatio > 10) {
        return "❌ 错误: 流动比率必须在 0-10 之间"
    }

    if (quickRatio < 0 || quickRatio > 10) {
        return "❌ 错误: 速动比率必须在 0-10 之间"
    }

    if (debtRatio < 0 || debtRatio > 1) {
        return "❌ 错误: 债务比率必须在 0-1 之间"
    }

    if (interestCoverage < 0 || interestCoverage > 20) {
        return "❌ 错误: 利息覆盖率必须在 0-20 之间"
    }

    if (returnOnAssets < 0 || returnOnAssets > 20) {
        return "❌ 错误: 资产回报率必须在 0-20 之间"
    }

    // 计算各项指标的评分(0-100)
    val currentRatioScore = when {
        currentRatio >= 1.5 && currentRatio <= 2.5 -> 100.0
        currentRatio >= 1.0 && currentRatio < 1.5 -> 80.0
        currentRatio > 2.5 && currentRatio <= 3.0 -> 80.0
        currentRatio >= 0.5 && currentRatio < 1.0 -> 60.0
        else -> 40.0
    }

    val quickRatioScore = when {
        quickRatio >= 1.0 && quickRatio <= 1.5 -> 100.0
        quickRatio >= 0.8 && quickRatio < 1.0 -> 80.0
        quickRatio > 1.5 && quickRatio <= 2.0 -> 80.0
        quickRatio >= 0.5 && quickRatio < 0.8 -> 60.0
        else -> 40.0
    }

    val debtRatioScore = when {
        debtRatio >= 0.3 && debtRatio <= 0.5 -> 100.0
        debtRatio >= 0.2 && debtRatio < 0.3 -> 80.0
        debtRatio > 0.5 && debtRatio <= 0.6 -> 80.0
        debtRatio >= 0.1 && debtRatio < 0.2 -> 70.0
        debtRatio > 0.6 && debtRatio <= 0.8 -> 60.0
        else -> 40.0
    }

    val interestCoverageScore = when {
        interestCoverage >= 3.0 -> 100.0
        interestCoverage >= 2.0 -> 80.0
        interestCoverage >= 1.5 -> 60.0
        interestCoverage >= 1.0 -> 40.0
        else -> 20.0
    }

    val returnOnAssetsScore = when {
        returnOnAssets >= 5.0 -> 100.0
        returnOnAssets >= 3.0 -> 80.0
        returnOnAssets >= 1.0 -> 60.0
        returnOnAssets >= 0.5 -> 40.0
        else -> 20.0
    }

    // 计算加权综合健康度
    val comprehensiveHealth = (currentRatioScore * 0.25 + quickRatioScore * 0.20 + debtRatioScore * 0.20 + interestCoverageScore * 0.20 + returnOnAssetsScore * 0.15)

    // 判断健康等级
    val healthLevel = when {
        comprehensiveHealth >= 90 -> "⭐⭐⭐⭐⭐ 非常健康"
        comprehensiveHealth >= 80 -> "⭐⭐⭐⭐ 健康"
        comprehensiveHealth >= 70 -> "⭐⭐⭐ 基本健康"
        comprehensiveHealth >= 60 -> "⭐⭐ 一般"
        else -> "⭐ 需要改善"
    }

    // 找出最强和最弱项
    val healthItems = mapOf(
        "流动比率" to currentRatioScore,
        "速动比率" to quickRatioScore,
        "债务比率" to debtRatioScore,
        "利息覆盖率" to interestCoverageScore,
        "资产回报率" to returnOnAssetsScore
    )

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

    // 生成财务分析
    val financialAnalysis = StringBuilder()
    financialAnalysis.append("• 流动比率: ${String.format("%.2f", currentRatio)} (评分: ${String.format("%.0f", currentRatioScore)})\n")
    financialAnalysis.append("• 速动比率: ${String.format("%.2f", quickRatio)} (评分: ${String.format("%.0f", quickRatioScore)})\n")
    financialAnalysis.append("• 债务比率: ${String.format("%.2f", debtRatio)} (评分: ${String.format("%.0f", debtRatioScore)})\n")
    financialAnalysis.append("• 利息覆盖率: ${String.format("%.2f", interestCoverage)} (评分: ${String.format("%.0f", interestCoverageScore)})\n")
    financialAnalysis.append("• 资产回报率: ${String.format("%.2f", returnOnAssets)}% (评分: ${String.format("%.0f", returnOnAssetsScore)})\n")

    // 生成改进建议
    val improvementAdvice = StringBuilder()
    if (currentRatioScore < 80) {
        improvementAdvice.append("• 流动比率需改进: 建议提高流动资产或降低流动负债\n")
    }
    if (quickRatioScore < 80) {
        improvementAdvice.append("• 速动比率需改进: 建议提高速动资产比例\n")
    }
    if (debtRatioScore < 80) {
        improvementAdvice.append("• 债务比率需改进: 建议降低债务水平或增加权益\n")
    }
    if (interestCoverageScore < 80) {
        improvementAdvice.append("• 利息覆盖率需改进: 建议提高利润或降低利息支出\n")
    }
    if (returnOnAssetsScore < 80) {
        improvementAdvice.append("• 资产回报率需改进: 建议提高资产利用效率\n")
    }
    if (improvementAdvice.isEmpty()) {
        improvementAdvice.append("• 财务状况良好,继续维护\n")
    }

    // 生成健康建议
    val healthAdvice = when {
        comprehensiveHealth >= 90 -> "财务状况非常健康,建议保持现有策略,继续优化。"
        comprehensiveHealth >= 80 -> "财务状况健康,建议定期监控,适度优化。"
        comprehensiveHealth >= 70 -> "财务状况基本健康,建议加强管理,重点改进。"
        comprehensiveHealth >= 60 -> "财务状况一般,建议制定改进计划,重点突破。"
        else -> "财务状况需要改善,建议进行深入分析,制定改善方案。"
    }

    // 生成管理策略
    val managementStrategy = when {
        comprehensiveHealth >= 80 -> "建议加强财务监控,保持健康水平"
        comprehensiveHealth >= 70 -> "建议定期进行财务审查,持续改进"
        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("%.2f", currentRatio)}\n")
    result.append("速动比率: ${String.format("%.2f", quickRatio)}\n")
    result.append("债务比率: ${String.format("%.2f", debtRatio)}\n")
    result.append("利息覆盖率: ${String.format("%.2f", interestCoverage)}\n")
    result.append("资产回报率: ${String.format("%.2f", returnOnAssets)}%\n\n")

    result.append("📈 财务分析\n")
    result.append("─".repeat(60)).append("\n")
    result.append("综合健康度: ${String.format("%.1f", comprehensiveHealth)}/100\n")
    result.append("健康等级: ${healthLevel}\n")
    result.append("最强项: ${strongest?.key} (${String.format("%.0f", strongest?.value ?: 0.0)} 分)\n")
    result.append("最弱项: ${weakest?.key} (${String.format("%.0f", weakest?.value ?: 0.0)} 分)\n")
    result.append("财务差距: ${String.format("%.0f", (strongest?.value ?: 0.0) - (weakest?.value ?: 0.0))} 分\n\n")

    result.append("🔍 财务评估\n")
    result.append("─".repeat(60)).append("\n")
    result.append(financialAnalysis.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("${healthAdvice}\n\n")

    result.append("📋 管理策略\n")
    result.append("─".repeat(60)).append("\n")
    result.append("${managementStrategy}\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 代码实现了完整的财务健康度评估和改进建议功能。让我详细解释关键部分:

数据验证:首先验证输入的财务数据是否有效,确保数据在合理范围内。

评分计算:根据各项财务指标与理想值的对比,计算每项指标的评分。采用加权平均方式计算综合健康度,其中流动比率占25%,速动比率占20%,债务比率占20%,利息覆盖率占20%,资产回报率占15%。

等级评估:根据综合健康度给出相应的健康等级。

项目分析:找出最强项和最弱项,计算两者的差距,帮助识别改进方向。

建议生成:根据各项指标生成个性化的改进建议和管理策略。


JavaScript 调用示例

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

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

// 示例 1:非常健康
const result1 = financialHealthAssessor("2.5 1.8 0.4 5.0 8.5");
console.log("示例 1 - 非常健康:");
console.log(result1);
console.log("\n");

// 示例 2:健康
const result2 = financialHealthAssessor("2.2 1.6 0.45 4.0 7.0");
console.log("示例 2 - 健康:");
console.log(result2);
console.log("\n");

// 示例 3:基本健康
const result3 = financialHealthAssessor("1.8 1.3 0.5 3.0 5.0");
console.log("示例 3 - 基本健康:");
console.log(result3);
console.log("\n");

// 示例 4:一般
const result4 = financialHealthAssessor("1.2 0.9 0.6 2.0 3.0");
console.log("示例 4 - 一般:");
console.log(result4);
console.log("\n");

// 示例 5:需要改善
const result5 = financialHealthAssessor("0.8 0.5 0.8 1.0 1.0");
console.log("示例 5 - 需要改善:");
console.log(result5);
console.log("\n");

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

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

// 测试实际应用
const userInput = "2.8 1.9 0.35 6.0 9.0";
const assessment = assessFinancialHealth(userInput);
if (assessment.success) {
    console.log("财务健康度评估结果:");
    console.log(assessment.data);
} else {
    console.log("评估失败:", assessment.error);
}

// 多个企业财务健康度对比
function compareFinancialHealth(companies) {
    console.log("\n多个企业财务健康度对比:");
    console.log("═".repeat(60));
    
    const results = companies.map((company, index) => {
        const assessment = financialHealthAssessor(company);
        return {
            number: index + 1,
            company,
            assessment
        };
    });

    results.forEach(result => {
        console.log(`\n企业 ${result.number} (${result.company}):`);
        console.log(result.assessment);
    });

    return results;
}

// 测试多个企业财务健康度对比
const companies = [
    "2.5 1.8 0.4 5.0 8.5",
    "2.2 1.6 0.45 4.0 7.0",
    "1.8 1.3 0.5 3.0 5.0",
    "1.2 0.9 0.6 2.0 3.0"
];

compareFinancialHealth(companies);

// 财务健康度统计分析
function analyzeFinancialStats(companies) {
    const data = companies.map(company => {
        const parts = company.split(' ').map(Number);
        return {
            current: parts[0],
            quick: parts[1],
            debt: parts[2],
            interest: parts[3],
            roa: parts[4]
        };
    });

    console.log("\n财务健康度统计分析:");
    const avgCurrent = data.reduce((sum, d) => sum + d.current, 0) / data.length;
    const avgQuick = data.reduce((sum, d) => sum + d.quick, 0) / data.length;
    const avgDebt = data.reduce((sum, d) => sum + d.debt, 0) / data.length;
    const avgInterest = data.reduce((sum, d) => sum + d.interest, 0) / data.length;
    const avgRoa = data.reduce((sum, d) => sum + d.roa, 0) / data.length;
    
    console.log(`平均流动比率: ${avgCurrent.toFixed(2)}`);
    console.log(`平均速动比率: ${avgQuick.toFixed(2)}`);
    console.log(`平均债务比率: ${avgDebt.toFixed(2)}`);
    console.log(`平均利息覆盖率: ${avgInterest.toFixed(2)}`);
    console.log(`平均资产回报率: ${avgRoa.toFixed(2)}%`);
}

analyzeFinancialStats(companies);

JavaScript 代码说明

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

模块导入:使用 require 导入编译后的 JavaScript 模块,获取导出的 financialHealthAssessor 函数。

多个示例:展示了不同财务健康度等级的调用方式,包括非常健康、健康、基本健康、一般、需要改善等。

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

多企业对比compareFinancialHealth 函数展示了如何对比多个企业的财务健康度。

统计分析analyzeFinancialStats 函数演示了如何进行财务健康度统计分析。


ArkTS 页面集成与调用

在 OpenHarmony 的 ArkTS 页面中集成这个财务健康度评估工具。以下是完整的 ArkTS 实现代码:

import { financialHealthAssessor } from './hellokjs';

@Entry
@Component
struct FinancialHealthAssessorPage {
  @State currentRatio: string = "2.5";
  @State quickRatio: string = "1.8";
  @State debtRatio: string = "0.4";
  @State interestCoverage: string = "5.0";
  @State returnOnAssets: string = "8.5";
  @State assessmentResult: string = "";
  @State isLoading: boolean = false;

  build() {
    Column() {
      // 顶部栏
      Row() {
        Text("💰 财务健康度评估")
          .fontSize(24)
          .fontWeight(FontWeight.Bold)
          .fontColor(Color.White)
      }
      .width("100%")
      .height(60)
      .backgroundColor("#1976D2")
      .justifyContent(FlexAlign.Center)
      .padding({ top: 10, bottom: 10 })

      // 主容器
      Scroll() {
        Column() {
          // 流动比率输入
          Text("流动比率 (0-10)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ top: 20, left: 15 })

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

          // 速动比率输入
          Text("速动比率 (0-10)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

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

          // 债务比率输入
          Text("债务比率 (0-1)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

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

          // 利息覆盖率输入
          Text("利息覆盖率 (0-20)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

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

          // 资产回报率输入
          Text("资产回报率 (0-20%)")
            .fontSize(14)
            .fontColor("#333333")
            .margin({ left: 15 })

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

          // 按钮区域
          Row() {
            Button("📊 评估健康度")
              .width("45%")
              .height(45)
              .backgroundColor("#1976D2")
              .fontColor(Color.White)
              .fontSize(16)
              .fontWeight(FontWeight.Bold)
              .onClick(() => {
                this.isLoading = true;
                setTimeout(() => {
                  const input = `${this.currentRatio} ${this.quickRatio} ${this.debtRatio} ${this.interestCoverage} ${this.returnOnAssets}`;
                  this.assessmentResult = financialHealthAssessor(input);
                  this.isLoading = false;
                }, 300);
              })

            Blank()

            Button("🔄 重置")
              .width("45%")
              .height(45)
              .backgroundColor("#2196F3")
              .fontColor(Color.White)
              .fontSize(16)
              .fontWeight(FontWeight.Bold)
              .onClick(() => {
                this.currentRatio = "2.5";
                this.quickRatio = "1.8";
                this.debtRatio = "0.4";
                this.interestCoverage = "5.0";
                this.returnOnAssets = "8.5";
                this.assessmentResult = "";
                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("#1976D2")
              Text("  正在评估中...")
                .fontSize(14)
                .fontColor("#666666")
            }
            .width("90%")
            .height(50)
            .margin({ bottom: 15, left: 15, right: 15 })
            .justifyContent(FlexAlign.Center)
            .backgroundColor("#BBDEFB")
            .borderRadius(8)
          }

          // 结果显示区域
          if (this.assessmentResult.length > 0) {
            Column() {
              Text("📋 评估结果")
                .fontSize(16)
                .fontWeight(FontWeight.Bold)
                .fontColor("#1976D2")
                .margin({ bottom: 10 })

              Text(this.assessmentResult)
                .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("#BBDEFB")
            .borderRadius(8)
            .border({ width: 1, color: "#1976D2" })
          }
        }
        .width("100%")
      }
      .layoutWeight(1)
      .backgroundColor("#FFFFFF")
    }
    .width("100%")
    .height("100%")
    .backgroundColor("#F5F5F5")
  }
}

ArkTS 代码说明

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

导入函数:从编译后的 JavaScript 模块中导入 financialHealthAssessor 函数。

状态管理:使用 @State 装饰器管理七个状态:流动比率、速动比率、债务比率、利息覆盖率、资产回报率、评估结果和加载状态。

UI 布局:包含顶部栏、五个输入框、评估健康度和重置按钮、加载指示器和结果显示区域。

交互逻辑:用户输入财务指标后,点击评估健康度按钮。应用会调用 Kotlin 函数进行评估,显示加载动画,最后展示详细的评估结果。

样式设计:使用蓝色主题,与财务和健康相关的主题相符。所有输入框、按钮和结果显示区域都有相应的样式设置。


数据输入与交互体验

输入数据格式规范

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

  1. 流动比率:浮点数,范围 0-10,理想值 1.5-2.5。
  2. 速动比率:浮点数,范围 0-10,理想值 1.0-1.5。
  3. 债务比率:浮点数,范围 0-1,理想值 0.3-0.5。
  4. 利息覆盖率:浮点数,范围 0-20,理想值 3.0 以上。
  5. 资产回报率:浮点数,范围 0-20,理想值 5.0 以上。
  6. 分隔符:使用空格分隔各个参数。

示例输入

  • 非常健康2.5 1.8 0.4 5.0 8.5
  • 健康2.2 1.6 0.45 4.0 7.0
  • 基本健康1.8 1.3 0.5 3.0 5.0
  • 一般1.2 0.9 0.6 2.0 3.0
  • 需要改善0.8 0.5 0.8 1.0 1.0

交互流程

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

编译与自动复制流程

编译步骤

  1. 编译 Kotlin 代码

    ./gradlew build
    
  2. 生成 JavaScript 文件
    编译过程会自动生成 hellokjs.d.tshellokjs.js 文件。

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

    ./build-and-copy.bat
    

文件结构

编译完成后,项目结构如下:

kmp_openharmony/
├── src/
│   └── jsMain/
│       └── kotlin/
│           └── App.kt (包含 financialHealthAssessor 函数)
├── 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. 集成 ERP:与企业资源规划系统集成,获取财务数据。
  7. AI 分析:使用机器学习进行财务预测和优化建议。
  8. 团队协作:支持财务团队的财务管理和协作。

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

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐