使用jQuery Mobile,Django和Phonegap构建移动应用程序

时间:2012-05-24 20:58:33

标签: django json jquery-mobile cordova

我目前正在开始使用jQuery Mobile构建移动应用程序并将其与Phonegap一起包装以获得本机应用程序支持,它是我们现有的用Django编写的桌面应用程序的扩展,我的问题是,什么是最好的连接方式用html5 / js / css编写的客户端应用程序到服务器端,我只是使用JSON发送/接收数据,有没有人有这方面的好文章?

2 个答案:

答案 0 :(得分:19)

我个人创建了多个本机应用程序,其中JqueryMobile作为我的前端 - Django作为服务器端 - 以及将本机包装到itunes商店应用程序中的phonegap。它真的是一种很好的技术组合 - 如果正确完成 - 可以产生快速的原生应用程序。

首先你应该看看Tastypie。 Tastypie是一种非常简单的方法来创建一个可以将JSON数据发送到javascript / JQuery的即时RESful API。它是一个Django应用程序,它非常pythonic(很多简单的类/方法覆盖 - 一切都是透明的)。

数据传输流程如下所示:

  1. 使用jquery.ajax函数或getJSON函数从指定的URL获取/发布/放置JSON数据。

  2. 此网址是根据您的模型创建的tastypie API。它可能看起来像/ api / vi / blogs / all /

  3. 现在你在Jonery的前端有JSON数据 - 你可以随心所欲地做任何事情 - 填写表格 - 使用表格等等。

  4. 首先查看一些Jquery / Jquery移动ajax函数以及如何使用Jquery库在前端使用JSON。其次熟悉将JSON发送回Django视图(解析数据并将其保存到数据库中)。然后深入了解JQuery Mobile用户界面的细节以及使其与PhoneGap配合良好的步骤。

答案 1 :(得分:4)

您需要注意的一件事是内置于jquery中的同源功能。由于phonegap使用webview withl url file://您所做的任何Web请求都将是跨域的,因此您需要配置jquery mobile以允许它。

请参阅http://jquerymobile.com/test/docs/pages/phonegap.html

除此之外,在获取/发布JSON方面,phonegap移动应用程序和常规Web应用程序之间没有太大区别。