一个基于Ionic3.x cordova的移动APP demo
项目地址
如遇网络不佳,请移步国内镜像加速节点
前台技术:
Angular4.x + ionic3.x + cordova
项目运行:
git clone git@github.com:EasyTuan/ionic-cordova-demo.git# 国内镜像加速节点:git@gitee.com:easytuan/ionic-cordova-demo.git# 全局安装ionic和cordovanpm install -g cordova ionic# 安装项目依赖npm install# 在浏览器中启动项目npm run serve# 增加android平台ionic cordova platform add android# usb连接安卓手机运行npm run dev
项目名:[A Ionic3.x project],Ionic3.x的移动APP demo。
1. 如何运行
node版本
[8.0.0]
1.1 开发环境配置
# 安装ionic和cordovanpm install -g cordova ionic# 安装项目依赖npm install
1.2 开发过程
1.2.1 命令
# 在浏览器中启动项目ionic serve# 增加android平台ionic cordova platform add android# usb连接安卓手机运行ionic cordova run android
1.3 发布
# 打包npm run build
2. 业务详情
2.1 小程序业务入口
入口地址为 src/app/app.module.ts
目录结构
ionic-conference-app/||-- resources/||-- src/| |-- app/| | ├── app.component.ts| | └── app.module.ts| | └── app.template.html| | └── main.ts| || ├── assets/| | ├── fonts/| | || | ├── icon/| | || | └── images/| || |-- components/ * 组件| || |-- pages/ * 页面| |│ ├── services/ * angular主题| | └── httpService.ts.scss * http请求封装| |│ ├── theme/ * ionic主题配置| | └── variables.scss * 主题 Sass 变量| || └── index.html|├── .editorconfig * 代码风格配置文件├── .gitignore * git忽略目录├── LICENSE ├── README.md ├── config.xml * Cordova配置文件├── ionic.config.json * Ionic配置文件├── package.json * 依赖配置文件├── tsconfig.json * TypeScript配置选项└── tslint.json * 定义 TypeScript 规则
2.2 已完成功能
- 底部tabbar的跳转
- 组件间的通信
- 二级页面的跳转
- http请求通信
- app图标以及启动页的配置
部分截图展现
首页展现 && 店铺列表
3. 其余
ionic开发文档地址
https://ionicframework.com/docs/
4. 友情链接
项目完整版本(基于mui)
License
MIT
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 一个基于Ionic3.x cordova的移动APP demo
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 一个基于Ionic3.x cordova的移动APP demo