"Personal daily Management" App of "Ionic+angularjs development" (i)

Write it in front.

In the past year, I have been exposed to a lot of mobile phone front-end development, thanks to the current mobile phone performance and 4G popularity, feel that the use of hybrid technology to develop mobile app has been able to meet more and more application scenarios. The beginning of the new year, 2016 years of their own knowledge to do a phased summary, recording a homemade "small and moe" Hybrid app development process, mutual encouragement!

Extended Reading

Enterprise Mobile application development mixed development into fragrant bobo

The most popular "stars" in the 2016 JavaScript world

Some experience and summary of Hybrid app hybrid development

App Preview

(* Blurring of personal data)

Brief introduction

Personal daily management app, referred to as PDM (Personal Daily Management), small data recording tool in the big data age, can carry on daily bookkeeping, activity record, matter planning, scientific and reasonable arrangement personal consumption, office study.

Use of technology

Ionic+angularjs+sqlite

Extended Reading

On the core characteristics of ANGULARJS learning and finishing---

Design and development Environment Building (Android)

• Install node
• Installing the Android SDK
• Install Python (what may be used to install the NPM plugin later)
• Install CNPM (NPM Greater China version, install node after command line: NPM install-g cnpm)

Extended Reading

Build the development environment and create the project

Create a Ionic project

1 Ionic Start PDM

Originally is a command can be easy to fix things, in the domestic line is not very good--network card half a day. Here is another way to "twist the Project", the command line split-type start:

1 ionic start PDM--v1--skip-npm2 cd PDM3 cnpm install--save

At this point, the project is created, the command line is in the directory where the project is located, enter:

1  Ionic serve

Can see (the official tabs template) run effect

List of frame-building catalogs

The main functions of the project are implemented in the WWW directory, focusing on the following documents:

• www/js/app.js--project initialization, customizing various functions, etc.
• www/views/*--This is the implementation code of each interface of this project (separated by a subdirectory of an interface, HTML file view, JS file is controller code)

Specific to view source files

The results are as follows:

Extended Reading

Ionic Sample App Directory structure description

Project structure of Ionic-engineering catalogue

* "Source file"

Ken
Source:http://www.cnblogs.com/glife/

This article is copyright to the author and the blog Park, Welcome to reprint, but without the consent of the author must retain this paragraph, and in the article page obvious location to the original link, otherwise reserves the right to pursue legal responsibility.

"Personal daily Management" App of "Ionic+angularjs development" (i)