Ioinc框架

       ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。

      【目录文件】

       Ionic 是一种强大的混合式hybirdHTML5移动开发框架，集成大量的APP组件，又兼容主流手机系统，因此越来越成为APP开发首选架构。

 初次学习从架构文件出发，了解架构整体结构：

                     

   platform用于检测本系统适用于那种平台；plugins是cordova插件目录，cordova提供了一组硬件设备API，诸如摄像头，麦克风等，这些API能够通过javascript访问原生设备功能；resources存放系统资源，例如软件启动图标和splash。

WWW文件夹中内容是自己在开发过程中要手动添加或者引用的内容，其基本结构如下：

                              

                                     

 对比于C#的MVC结构，ionic的mvc架构基本相同，app.js对比于Global.asax和配置文件信息，将提供接口的服务信息配置到项目当中；controller与.net一致，是view和model数据传递的中转站，起到解耦的作用；路由设置页面跳转，将页面切换进行封装，体现了ionic的模块化编程；services则连接后台数据，是前台数据接口的访问点。

【样式汇总】

       上面是从文件类型对整体框架进行了分析，Ionic的作用无非就是通过将anjularjs的基本语法进行封装，简化了前台页面的调试过程，增强系统的适应性，兼容性。下面通过对ionic代码框架，样式和组件的汇总对ionic有一个整体把握。

      

        Ionic javascript负责系统样式调整，ionic css对封装了ionic组件样式，ionicons是ioinic的标签库，使用时我们可以通过查阅：http://ionicons.com/查询到自己喜欢的标签样式，添加到标签中；Ionic CLI则负责系统的打包发布，最终生成SDK文件就可以在手机端访问了。

                           

         手机端APP可分为头部header，内容区content，和底部footer。

              

       ionic则通过色彩，边距大小，图标和封装好的组件对页面样式进行调节，ionic对这些样式进行了强大的封装，我们只要简单的学会怎么使用就可以了，另外，各个组件或样式可嵌套使用，使得灵活可配，完全满足开发者需求。

【总结】

      有过对easyui的前台框架的使用，对比ionic前台框架搭建，两者大同小异，只是ionic封装性更好，要想熟练使用，还需要熟练掌握官网资料的查阅，小编刚开始使用webstorm开发APP，个人感觉这些开发工具有很多功能没有发现，如果大家在这些工具的使用上有什么技巧，一定要多多讨论才是呀。