PhoneGap入门

它是一个移动开发框架，允许开发人员使用熟悉的web开发技术，如HTML、CSS和JavaScript，开发跨平台app。

也就是说，您可以使用PhoneGap架构开发app并将其部署到多个移动应用程序平台，而无需重写额外的代码行。

在本教程中，您将学习使用PhoneGap创建一个简单的app。在这个过程中，您将学到很多关于PhoneGap的知识，例如安装PhoneGa、编写Javascript代码、使用本地存储等~

本教程假设您已经具备基本的HTML、CSS和Javascript基础知识。如果你对此一无所知，你也可以遵循教程，但你会错过很多背景知识，所以我建议你读一些关于这方面的书。

开始

像任何新项目一样，想象你想要创建的app的外观总是很好的。

以下是您要构建的app的外观：

简单地说，这只是为了让你知道下一步要做什么。屏幕顶部是一个app徽标，徽标下方是两个按钮；一个是添加新任务，另一个是删除已完成的项目。当用户将待办事项添加到待办事项列表中时，该表将创建包含四个元素的行。

首先，您有一个复选框来指示要完成的项目的状态。接下来是一个输入框，用于填写要完成的内容。最后，有两个按钮。一种是以弹出框的形式显示要完成的内容，另一种是删除要完成的项目。

app使用本地存储API保存要完成的项目。

还有一件事，多亏了大哥维姬·温德里奇。他为我设计了图片，所以app是这样的。

现在是时候看看app的功能了：

添加待办事项：按下“添加待办事项”按钮后，用户可以立即将待办事项内容输入到待办事项列表项中。

将待办事项标记为已完成：用户可以单击待办事项左侧的复选框，将待办事项标为已完成。

删除已完成的待办事项：单击“删除已完成任务”按钮以删除所有已完成的任务。

查看待办事项：单击“查看”按钮时，可以查看完整的待办事项。

删除待办事项：单击〖删除〗按钮，删除对应的待办事项。

总的来说，这是一个相当简单的app。使用phoneGap开发此app的目的是说明可以在不使用本机API的情况下开发一个完整的app，并且可以在多个平台上使用。

安装PhoneGap

注意：如果您已安装PhoneGap，则可以直接跳过此部分。由于作者在撰写本文时使用了PhoneGap 2.3.0，它已更新到2.9.1，因此直接使用了新的API。

PhoneGap的官方网站：；在这里

文件：；安装PhoneGap；Comman Line接口或查看以下内容：

安装PhoneGap之前，请确保您已经安装；NodeJS，打开终端，输入以下命令：

Sudo npm install-g cordova转到要保存项目的文件夹，然后输入：

科多瓦创造了僵尸com.aaron。Zombie ZombieApocalypseToDoList可以看到已创建以下文件夹：

然而，平台仍然是空的。现在，让我们为它们添加ios平台代码，并输入：

cordova平台添加ios

安装后，您可以在Zombie/platforms/目录中看到ios目录

添加其他平台支持请参阅《命令行界面和平台指南》

打开。XCode中的xcodeproj文件，并运行它以查看效果。

构建app

上述app打开的第一页是；ios/www/索引下。HTML接口，所以这部分是修改索引HTML代码以使其符合我们的要求。

将索引替换为以下代码html代码：

在索引处，以下代码被添加到html接口的body标记中：

<；br/>

编译并运行app

来到统软云免费了解更多信息：、、、等。统软云支持您可以通过单击网站生成自己的app。

，注册后为新手提供免费开发包

提交app定制需求，免费获取报价和周期：