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

写在前边的话

过去一年友好接触了广大部手机前端开发,得益于今后手机性格的晋级和4G普及,感觉使用混合技术开发手机App已经足以满足更加多的应用场景了。新年起头,对团结二零一五年所学知识做二个阶段性统计,记录三个自制的“小而萌”Hybrid
App开发进度,共勉!

〖伸张阅读〗

专营商移动采纳开发
混合开发成香饽饽

二〇一四年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/* ——
    那是本项目梯次界面的兑现代码(按三个界面2个子目录区分开来,html文件时视图,js文件是控制器代码)

 

实际可查阅源码文件

运转效果如下:

 图片 3

 

〖增添阅读〗

ionic示例app目录结构表明

Ionic的体系协会-工程目录

 

*【源码文件

 


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

正文版权归小编和和讯共有,欢迎转发,但未经作者同意必须保留此段申明,且在篇章页面显著地点给出原文连接,否则保留追究法律权利的职务。


 

相关文章