本文是Ionic入门教程的第二课，通过创建一个Tabs的Demo来介绍Ionic的MVC架构。在MVC模式下，视图位于templates文件夹，控制器位于js文件夹。使用路由进行视图和控制器的对应，ion-tab标签用于定义tabs页面。在实际项目中，控制器和视图之间的数据绑定通常使用ng-repeat等指令，服务（如Chat.all()）则封装了对服务器的访问和其他功能，提高了代码复用性和可维护性。
首先使用上一节课提到的方法创建一个tabs的Demo。提示：有时候案例下载不下来，可以反复尝试或者使用淘宝镜像。
建议在需要创建项目的地方，按住shift加鼠标右键选择在此处打开命令窗口，这样创建完的项目，就在当前的目录下，
若使用系统cmd直接创建，则项目保存在当前用户的文件夹里，可能有些朋友会找不到项目。
使用命令行创建项目ionic start firstApp tabs
出现第一行绿字时，其实就可以关闭窗口了，创建的项目已经可用，但是我还是习惯等命令行全部执行完毕。
我使用的是WebStorm来打开项目的。项目结构如图所示。
509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
订阅专栏 解锁全文
扫一扫
