Ionic之顺带APP

1:Ionic简介

  官方:我们设计ionic来帮助 web 开发人员能够像开发网站一样开发出强大的移动APP应用。

  ionic是一个html5开发APP的框架,在开发运行效率可以说是最好的H5框架,把传统的JS开发变成面向对象开发,可控性比较好(个人实在是驾驭不了代码量较大的JS)。

2:Ionic版“顺带”APP项目

  项目地址:https://github.com/DaLeiGe/Ionic-shundai

  结合这十来天对ionic的学习,使用ionic重新开发了一个我参加计算机作品赛时的项目:基于校园代领快递的一款APP。并完成项目里大部分功能。

  开发中需要使用AngularJs2 typescripte ES6等。推荐一下几个网站进行学习

  AngularJS2中文网: https://angular.cn/

  Typescript:https://www.typescriptlang.org/

  ES6:http://es6.ruanyifeng.com/

  至于Ionic学习当然推荐官方文档:http://ionicframework.com/

  注:ionic现有两个版本。稳定版1.3 和bate版2.x。如果以学习为目的建议直接使用ionic 2.x版本。

 3::项目部分界面截图如下:

  具体项目代码可关注项目“顺带”github地址:https://github.com/DaLeiGe/Ionic-shundai

                         

                    

                 

  

  本博客系楼主原创,转载请注明出处。

时间: 2024-12-30 01:02:34

Ionic之顺带APP的相关文章

Ionic开发Hybrid App问题总结

http://ionichina.com/topic/5641b891b903cba630e25f10 http://www.cnblogs.com/parry/p/issues_about_build_hybrid_app_with_ionic.html 作者:Parry 出处:http://www.cnblogs.com/parry/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 此篇文章主要整理了最近在

Ionic构建Hybrid App - 上海地铁图

Qunee有一个 上海地铁图的例子,有客户希望转成mobile app,考察过android的webview,以及PhoneGap等多种Hybrid App方案后,最后选择使用ionic,准确的说是ionic + PhoneGap + Qunee ionic是一种基于HTML5创建Hybrid应用的前端框架,借助phoneGap + angularJS实现一套跨平台,轻量的移动UI方案,本文将介绍借助ionic实现移动版Qunee上海地图的示例 背景知识 安装ionic所需软件环境 - java

Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后

Ionic创建混合App(一)

最近公司要开始做App项目,最终选定了ionic开发方案,在这里我将学习的过程记录在这里,一方面避免自己忘记,另一方面方便大家交流学习. 一.环境搭建 首先还是开发环境的搭建,这里我只说andorid环境的搭建,ios之后再说. 1.java JDK安装(建议安装新版) 下载地址一:http://www.oracle.com/technetwork/java/javase/downloads/index.html 下载地址二: http://www.androiddevtools.cn/ 下载地

【Ionic学习】---App名字和图标修改+启动画修改

[app名称修改] 修改config.xml--name标签 [图标和启动画修改] //进入项目所在文件夹执行ionic resources 执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,把相应素材放到文件夹如下图 resources/android/icon/app.png---应用图标 resources/android/splash/start.png---启动画 <platform name="android"> <icon s

用angular7+Ionic做移动App做成了webapp引发的系列问题

背景:公司前端开发一直使用angular,后公司想开发移动app应用,便考虑使用Ionic+angular使用.项目快结束时上级领导决定不做app,做移动端适配,emmm..... 大的问题不说了,网上都有,说下遇到的奇葩需求:由于使用Ionic框架,用一个做app的框架做了移动端适配,总是有点感觉在浏览器里面套了一个浏览器在装我们的页面,web原来是div高度撑出浏览器显示高度浏览器出现滚动条,但是使用这个确认Ionic有自己的想法,看前端的层级目录发现,在body下上来就是app-root根

一个简单移动页面ionic打包成app

先贴JS代码好了,缓动和调整透明度的功能,最后用ionic打包成应用就可以 window.onload=function(){ search(); move(); calc();}function search(){ var search = document.querySelector(".hw_header_box"); var banner = document.querySelector(".img_content"); var height = banne

Ionic初探 + 混合app的尝试

当然首先的问题,部署环境 1.需要有node.js环境 2.安装Ionic npm install -g cordova ionic  //安装 cordova 和 ionic command-line tools 3.建项目 ionic start myApp tabs  //创建myApp项目 也可以是blank 或者 sidemenu cd myApp ionic platform add android //如果是ios,则这边以及下面 substitute android with i

在Ionic Framework 退出APP

使用以下代码: ionic.Platform.exitApp(); 在控制器中增加: $scope.Quit = function(){ ionic.Platform.exitApp(); }