小费计算器应用程序 - 我们是如何做到的

引言

我和我的同事们都非常喜欢寿司，并且经常一起出去吃饭。就在一次外出用餐时，我们讨论了如果有一个小费计算器应用，不仅能告诉我们账单的总小费是多少，还能告诉我们聚餐的每个人分别欠多少小费，那该有多好。由于我们使用运行在不同平台上的设备，我们希望这个应用能在所有这些平台上运行。

 

巧合的是，我们对 PhoneJS 有着第一手的了解——我们正在开发它。因此，在这次寿司外出用餐不久后，亚历克斯花了一个小时——确切地说是一个小时——创建了我们之前讨论的小费计算器。

我们很高兴在这里向您展示它！

 

我们已将此应用程序添加到我们的网站上，作为一个演示应用。这让您可以立即在线试用它。

从结构上讲，TipCalculator 应用是一个简单的单页应用程序，只有一个视图。它遵循 MVVM 模式（模型-视图-视图模型）构建。页面由一个视图表示，该视图定义为 HTML 标记。视图模型是一个 JavaScript 对象，它将视图和模型绑定在一起，并在视图渲染时自动执行的函数中返回。此视图模型对象包含一组用于输入值的属性，以及另一组用于计算结果的属性。视图模型使用 Knockout MVVM 功能绑定到视图。

我们决定与您分享应用程序项目（在 GitHub 上），以便您可以浏览源代码，了解应用程序的实现方式、结构以及使用该框架实现该功能有多么容易。通常，您可以仅探索 home.html 和 home.js 文件中的代码。这是我们唯一需要实现的的代码，因为我们使用了为 PhoneJS 应用程序提供的 项目模板。

有关 TipCalculator 应用实现方式的详细信息，请访问 小费计算器演示教程。我们希望此应用程序的实现能够激励您使用 PhoneJS 编写您自己有趣且有用的移动应用程序。祝你好运！