【Ionic+AngularJS 开发】之『个人通常管理』App(一)

形容以前方的话语

千古一样年友好沾了许多部手机前端开发,得益于今天手机特性的升迁及4G普及,感觉用混合技术开发手机App已经可以满足越来越多的行使场景了。新年伊始,对自己2016年所模拟知识做一个阶段性总结,记录一个自制的“小而萌”Hybrid
App开发进程,共勉!

〖扩展阅读〗

号活动采用开发
混合开发成为香饽饽

2016年JavaScript领域中最好给欢迎之“明星”们

Hybrid
APP混合开发之部分更及总结

 

App预览

 图片 1

(*模糊化的个人数据)

 

简介

个体普通管理App,简称PDM(Personal Daily
Management),大数额时代的粗数目记录工具,可开展日常记账、活动记录、事项规划,科学合理安排个人消费、办公学习。

 

采取技巧

Ionic+AngularJS+SQLite

〖扩展阅读〗

至于AngularJS学习整理—核心特性

 

规划和开发

出环境搭建(Android)

  • 安装node
  • 安装Android SDK
  • 设置Python(后面安装npm插件什么的恐怕就此到)
  • 安装cnpm(npm大中华版,安装好node后命令行:npm install -g cnpm)

〖扩展阅读〗

搭建开发环境,并创工程

 

创建ionic项目

1 ionic start PDM

自是千篇一律条命令就会简单搞定的从,在境内就实施未极端通了——网络卡半龙。这里介绍其他一样栽“弯曲立项”的章程,命令执行分裂式开始:

1 ionic start PDM --v1 --skip-npm
2 cd PDM
3 cnpm install --save

由来,项目创造好,命令行在品种所当目,输入:

1  ionic serve

哪怕不过看出(官方Tabs模板的)运行效果了

搭建框架

目录一盼

 图片 2

品类之要害功能实现还当www目录下,重点看之下文件:

  • www/js/app.js ——项目初始化,自定义各种功能等
  • www/views/* ——
    这是按照档梯次界面的落实代码(按一个界面一个子目录区分开来,html文件时视图,js文件是控制器代码)

 

切实而查看源码文件

运作效果如下:

 图片 3

 

〖扩展阅读〗

ionic示例app目录结构说明

Ionic的色布局-工程目录

 

*【源码文件】

 


作者:Ken
出处:http://www.cnblogs.com/glife/

本文版权归作者和博客园共有,欢迎转载,但未经作者同意要保留这个段子声明,且当篇章页面明显位置让有原文连接,否则保留追究法律责任的权。


 

相关文章