如何在脱机平板电脑应用程序中显示图像

Question

我正在寻找一种为Android和Apple平板电脑创建离线订单输入应用程序的方法。

应用程序应下载包含图像的产品列表。

应该允许显示大型产品图像并允许输入产品的订购数量。

如果没有互联网连接，此订单条目也必须有效。

如果互联网可用，则输入的订单应提交给服务器。

我查看了

中的离线Web应用程序示例

http://diveintohtml5.info/offline.html

并搜索了sourceforge和codeplex以供参考应用程序使用但未找到任何内容。

最困难的似乎是显示离线图片。在html5应用程序中，我发现了两种可能性：

1. 将图像存储在Indexeddb中（或以其他方式）并使用javascript显示图像 在离线模式下的平板电脑浏览器中。

   在哪里可以找到样品？要将数据库数据转换为平板电脑中显示的图像吗？

2. 动态创建包含所有图片网址的清单。平板电脑浏览器可能会将图像加载到离线缓存中，并允许在离线模式下显示它们。

在何处可以找到可用作起点的框架或示例应用程序？

我应该使用html5 + Indexeddb + jQuery + jQuery UI还是有更好的方法？

服务器是运行C＃Mono ASP.NET MVC4应用程序的Linux服务器，它可以为此计划的平板电脑离线应用程序提供数据并从中接收订单。我可以为应用程序创建WebAPI控制器。

Answer 1

您需要在应用程序中保留图像并使用数据库控制引用（搜索iOS的核心数据和Android的greendao）。无论如何，当互联网连接可用于存储时，您将需要一种机制从服务器下载这些图像。

关于订单，您可以在数据库中本地存储订单，当互联网可用时，您可以将这些信息与服务器同步，可以随时调用该机制，您需要定义用户体验的方式。

我的建议：尝试在小问题中解决问题并尝试解决它们。您的问题看起来更像是一般架构问题。

以下主题可以帮助您开发这些应用：

<强>机器人：

数据库：greendao： http://greendao-orm.com/

Webservice / Persistence：https://github.com/koush/ion

<强>的iOS： 数据库：核心数据：https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/CoreData/cdProgrammingGuide.html

Webservice / Persistence：https://github.com/AFNetworking/AFNetworking

我希望这有助于你开始。