1 Star 2 Fork 2

bowen / ionic-cordova-demo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

简体中文 | English

一个基于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和cordova
npm 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和cordova
npm 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            * 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

MIT License Copyright (c) 2018 Easy Tuan Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

一个基于Ionic3.x cordova的移动APP demo,原始仓库 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/easytuan/ionic-cordova-demo.git
git@gitee.com:easytuan/ionic-cordova-demo.git
easytuan
ionic-cordova-demo
ionic-cordova-demo
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891