Mobile first! Wijmo 5 + Ionic Framework之:费用跟踪 App
费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app。 我们基于《Mobile first! Wijmo 5 + Ionic Framework之:Hello World!》的环境,将在本教程中完成费用跟踪App的构建。下面的代码结构是本教程完成要达到的效果,请预先创建好文件和目录。 www/ -->-->/ -->/ -->-->-->/ -->/ -->/ -->/ --> angularJs视图代码目录(通过UI-/ --> 第三方类库, 包括Ionic, Wijmo, jQuery等 数据模型(Data Model) 在费用跟踪App中,我们先要创建Data Model,E-R图如下 Category:开支分类 Expense:开支记录 Budget: 预算(下面会用到) 在代码中,我们需要在www/js/services构建AngularJs Services来对数据模型进行建模。我们会用到HTML5的localStorage进行数据本地存储, 采用的格式为JSON。 需要注意的是,HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。目前我们实现的是HTML5 本地存储,有兴趣的读者还可移植为RESTful API、SQLite等数据存储方法。 运行demo后