跨平台ionic和angularjs编程应用感想

WordPress插件小结拖了好久还是不想现在写,既然都拖了那么久了,那再久一点吧。现在还是想写点ionic平台结合angularjs的编程应用体验。

最近由于健康问题,感觉已经进阶到了以下的第三阶段:

(原图来自网络)

断断续续的写了快一个月的ionic+angularjs的手机应用。先说说为什么会选择ionic:

  1. 各平台上的界面好看,对的,就是好看,就是颜控
  2. 对比像monaca之流,其实两者各方面相差并不是很多,单个人偏爱ioni。两者都支持visual studio。Monaca有online IDE(ionic没有), ionic有online creator,能帮助UI的设计,monaca也有类似的online IDE。手机端都有viewer类app能模拟查看编程中的app。
  3. ionic的整体开发环境不错,ionic有market,开发者可以从上面下载或者购买插件或者主题(比较方便我这种不太会弄前端的懒人)。
  4. ionic有自家的后台管理环境(https://apps.ionic.io),这个对未来的开发环境有更好的帮助。

至于angularjs,没办法,ionic基于angularjs。不过跨平台的手机应用也挺适合angularjs来编写的。这里不过多讲解angularjs(因为我也不太怎么理解,哈哈)

 

对于刚启程的开发者欢迎查阅:http://shengnong.work/2016/02/15/ionic-angular-%E7%9A%84%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/

 

这里只是总结一下这大半个月对ionic+angularjs的应用体验。

ionic用CLI或者ionic lab都可以简单的开始搭建基础应用框架,接着可以直接写代码或者用online ionic creator来设计UI。

ionic lab可以直接在应用里模拟应用,也能在浏览器里查看,在线实时更新代码预览。

ionic在对开发者的前端优化挺不错的了,所以开发者可以把更多的时间放在后端代码和后台服务器上。ionic和angularjs最近都有更新到第二版本,说实话angularjs的第二版本还没怎么看,希望可以在更简化好理解一些。不过ionic的第二版本UI的更新使得开发更贴近手机原始的功能和特性。

对于ionic应用的编程,更多的是在controller.js和对应的view里用angularjs编写,这里要归功于ionic把基础的结构都设计好了,简单的angularjs编写就可以进行高阶的开发。

ionic和angularjs在这里稍微总结了一下,那我们来看看对于后端的,类似数据库是怎么设计的,我们可以通过用已有的服务器上传服务器脚本和搭建sql数据库来实现类REST API的应用,不过这样就会要求开发者编写另一类的服务器脚本(类似PHP)和设计数据库,而且花更多时间在这两个内容上。

不过个人感觉大部分的跨平台app大部分应该都会选用像parse之类的网络服务来实现,不行的是parse在2017年要关闭服务了,最近有使用cloudboost,这里本人就不无耻的做推广了,下面有他们自己家与其他家关键服务的对比图:

然后就是他们自己家做了这么看似牛逼不要脸的对比之后,我想吐槽的是现在的SDK只有js和java,看得出来是针对移动端应用的网络服务,希望未来会有在其他语言平台上的扩展。然后就是js和java的bug还是不断的有,自己就刚碰到,至今仍未修复,比较郁闷。

而且cloudboost的自家网页应用有事也会有load半天不知道load出来什么,然后就报错了。期待他们以后的表现。不过ionic+angularjs+(类似cloudboost/parse的网络服务)能大大节省开发时间和流程,是开发者的福音。

好像说的差不多了。。。

 

时间: 2024-09-15 22:37:40

跨平台ionic和angularjs编程应用感想的相关文章

详细分析使用AngularJS编程中提交表单的方式

这篇文章主要介绍了详细分析使用AngularJS提交表单的方式,AngularJS是非常热门的JavaScript库,文中展示了AngularJS在前端与后端的PHP进行交互的场景,需要的朋友可以参考下 在AngularJS出现之前,很多开发者就面对了表单提交这一问题.由于提交表单的方式繁杂而不同,很容易令人疯掉--然而现在看来,依然会让人疯掉. 今天,我们会看一下过去使用PHP方式提交的表单,现在如何将其转换为使用Angular提交.使用Angular来处理表单,对我而言,是一个"啊哈&quo

感悟:几年来编程的感想

2003年,中考结束,意外得到一本<BASIC>编程的书,于是用自己的小霸王学习机的 G-BASIC 编程. 小霸王 G-BASIC 不支持小数(除法运算的结果都是整数),但是自己写成了 质数算法. G-BASIC 语法 和 书本中的语法不一样,如:书本中  20 NEXT A     小霸王中需要写成  20 NEXT'A(很多类似的不兼容语法都是自己发现的) 2005年,高二,用同学的文曲星BASIC编程.写下了一个 4000 行代码的小程序. 也是那时才知道 文曲星电子词典 的主要编程语

跨平台Java程序_JSP编程

使用Java语言编写应用程序最大的优点在于"一次编译,处处运行",然而这并不是说所有的Java程序都具有跨平台的特性,事实上,相当一部分的Java程序是不能在别的操作系统上正确运行的,那么如何才能编写一个真正的跨平台的Java程序呢?下面是在编写跨平台的Java程序是需要注意的一些事情: 1.编写Java跨平台应用程序时,你可以选择JDK1.0,1.1,1.2或支持它们的GUI开发工具如:Jbuilder,Visual Age for Java 等等,但是必须注意你的Java程序只能使

Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Co

cordova-一些关于Ionic的简单问题

问题描述 一些关于Ionic的简单问题 因为没有接触过Ionic,所以有一些很低级的问题想请教各位大大 1.Ionic = Cordova + AngularJS + Ionic UI ,那么能够理解为Ionic只做前端没有做后台业务逻辑之类的吗? 2.Ionic创建一个项目,然后通过什么IDE来开发? 3.Ionic创建的项目是一个可以转化成各个平台的项目,然后添加对应的平台后就会将这个项目转为对应平台的项目,之后才进行业务逻辑开发?如果我添加android平台后在Eclipse中写了一些代码

想念ionic的好,从dcloud又转战回来了(文章较长)

基于之前有写过一篇ionic对比国内APICloud和dcloud的文章,觉得再开一篇对比文似乎不是很有必要.但是最近回到国外看到了ionic的更新之后,还是很想不要脸的写写ionic的新优势. 五月份回的中国,一直待到九月份,期间一直在研究dcloud.可能因为回国太懒,几个月的时间过来发现自己还真是搞不定dcloud.而且在开发的时候,前端就已经是一个很蛋疼的东西(主要是因为自己前端技术实在太菜),后台的代码更是没时间完成了.我自己在dcloud开发时面临的坑也比较多. 第一坑,前端作为我前

Ionic如何创建APP项目_javascript技巧

前面的章节中我们已经学会了ionic 框架如何导入到项目中. 接下来我们将为大家介绍如何创建一个 ionic APP 应用. ionic 创建 APP 使用 HTML.CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创建 index.html 文件,代码如下: 大家按照步骤在自己的编辑器上来认真的完成这个APP的创建吧. <!DOCTYPE html> <html> <head> <meta charset="ut

AngularJS 路由详解和简单实例_AngularJS

AngularJS 路由 本章节我们将为大家介绍 AngularJS 路由. AngularJS 路由允许我们通过不同的 URL 访问不同的内容. 通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA). 通常我们的URL形式为 http://runoob.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如: http://runoob.com/#/first http://r

AngularJS 简单应用实例_AngularJS

AngularJS 应用 现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web application,SPA)了. AngularJS 应用实例 您已经学习了足够多关于 AngularJS 的知识,现在可以开始创建您的第一个 AngularJS 应用程序: 我的笔记   保存 清除 剩余字数: 100 应用程序讲解 AngularJS 实例 <!DOCTYPE html> <html> <head> <meta cha