美文网首页Ionic Frameworkhybrid APP(ionic)ionic2
[Ionic 2从入门到精通] 6.1 露营伴侣(Camper

[Ionic 2从入门到精通] 6.1 露营伴侣(Camper

作者: 老牛啃码 | 来源:发表于2018-05-17 19:37 被阅读7次

    介绍

    Camper Mate是一个制作起来非常有趣的应用,因为他跟其他应用不一样,他没有什么特定的目的,他应该只是一个工具带类的app。他给大篷车或者野外露营用户提供了很多有趣的功能。
    这就给了我们一个机会来做一些其他应用没做过的事情,同时他也提供了一些挑战 -- 其中一个就是我们有很多不同的数据需要去存储,而不是一套数据,所以我们的数据模型比之前创建的复杂得多。
    最重要的两个只是点数整合使用Google Maps和通过表单获取用户输入。同时,本书的第一个应用Quicklist可以非常好的作为这个应用的一个补充,所以我们也会学习怎么样把整个Quick Lists应用天建到Camper Mate的一个标签页中(无法想象的简单)。
    本应用的具体功能包括:

    • 一个给用户设置露营地点的地图。当他们离开营地的时候可以点击一个按钮来展示如何返回营地。
    • 一个给用户存储个人露营相关细节的表单(车和拖车注册信息)
    • 一个给用户存储个人露营地点相关信息的表单(访问代码,WiFi密码)
    • 创建,修改和删除自定义checklist的能力(这部分功能Quick List提供)

    以及一些会涵盖的概念:

    • 创建表单获取输入
    • 实现Google Maps创建provider对他进行操作
    • 创建一个标签页布局
    • 保存和获取不同套的数据
    • 重用其他应用的组件

    以下是一些最终效果图:

    5.1.1.jpg 5.1.2.jpg

    课程结构

    1. 准备工作
    2. 创建一个标签页布局
    3. 用户输入域表单
    4. 实现Google Maps和Geolocation
    5. 保存和获取数据
    6. 重用组件
    7. 自定义样式

    准备好了吗?
    现在你知道了你要做什么,那么我们就可以开始了。

    相关文章

      网友评论

        本文标题:[Ionic 2从入门到精通] 6.1 露营伴侣(Camper

        本文链接:https://www.haomeiwen.com/subject/mkeidftx.html