干货 | ionic开发ios/安卓应用app实战

Posted 2021-05-01 Hack与geek

武汉义工联盟

官网 http://www.whyigong.com/forum.php

义工联盟简介:

    武汉在线义工联盟成立于2006年5月    是由武汉的网络爱心人士发起、志愿者组成    以救助弱势群体为目的的慈善性    非盈利性民间公益组织

---

官网论坛

官方网站是基于Discuz!搭建的社区论坛

有以下不便:

• 1.手动在浏览器访问网址

• 2.版块较多,不方便检索

• 3.信息冗余度高

构建ios / 安卓 app

技术选型 ionic + AngularJS

ionic 是一个强大的 html5 应用程序开发框架(HTML5 Hybrid Mobile App Framework ) 
可以使用HTML、CSS 和 javascript 构建接近原生体验的移动应用程序。 
ionic 主要关注外观和体验， UI 交互

ngCordova调用手机底层接口

ngCordova是基于Cordova封装的Angularjs的调用本地设备接口的模块 
Cordova提供了一组设备相关的API 
通过这组API 
移动应用能够以JavaScript访问原生的设备功能 
如摄像头、麦克风等

---

components文档

官方提供的css样式

电梯直达http://ionicframework.com/docs/components/#overview

ngCordova插件

轻松调用ios,android原生接口

roid原生接口 

原型设计 - 墨刀

墨刀是一款好用的原型设计工具

能快速构建移动应用原型与线框图

• 云端保存

• 实时手机预览

• 多种手势动画特效

• 一键导出工作流

• 团队协作管理功能

这是第3个页面

首页和第2页除了问题,没有保存 
所以这里就不贴图了 
官网教程文档 https://modao.cc/tutorials/6978

主要的界面UI和功能是:

• 轮播图

• 页面导航

• 标签打开浏览器页面

• 显示QQ等资料

开发app

app界面

提示 
原设计图标如下 

由于编译问题 
现在是个萌机器人图标 
后续会完善

首页4个版块

论坛各个板块

资料详情页

声明:本人非义工官方负责人 
是义工联的一份子

上部分是开发者信息 
下部分是官方媒体,包括:

• 新浪微博

• 官放网址

• 地理位置

功能:

• QQ非好友直接交流

• 直接唤醒QQ加入群组 [非官方新人群]

• 直接发送邮件

如图:

app下载地址  [点击原文也可下载]

百度云: http://pan.baidu.com/s/1i4K40Nr

希望和你做朋友

会邀请你加入到微信群

---

更多精彩文章

 
 

 

---

加入我们的私密社群

加入小密圈

---

点击原文,即可加入小密圈: 
http://t.xiaomiquan.com/mu3ZVRV

你有什么问题或者看法,不妨在留言区评论噢.