Launch app ==>  home controller ==>  viewLoaded ==>  home view ==> viewWillAppear ==> viewDidAppear  ==> viewWillDisappear ==>  viewDidDisappear  

/Resources/app/controllers/home.js
/Resources/app/views/home.js

//load the controllers, the main controller must be the last one
CB.LoadControllers = ['home','login','mainFrame'];
CB.Launch();

__exports.viewLoaded = function(e) { ... };

__exports.viewWillAppear = function(e) { ... };
__exports.viewDidAppear = function(e) { ... };
__exports.viewWillDisappear = function(e) { ... };
__exports.viewDidDisappear = function(e) { ... };
The methods' names are self-explanatory.

//switch to the login view and use ‘left’ animation
CB.pushController(CB.controllers.login,’left’);

//go to the home view and use ‘right’ animation
CB.Launch(null, null, 'right');

//or just refresh a view without animation
CB.Launch('home', true, 'none');

//just back to previous view
CB.popController();

//create the base view
var view = Ti.UI.createView({
	width : '100%,
	height : '100%',
	backgroundImage : CB.ApplicationDirectory + 'images/bg.png'
});

//create the button with the view
view.memberLoginBtn = Ti.UI.createButton({
	left : 0,
	top : '74%',
	width : '100%',
	height : '12%',
	title : '  Member Login',
	color : 'red',
	textAlign : 'left',
	font : {
		fontSize : '18dp',
		fontWeight : 'bold'
	},
	backgroundImage : CB.ApplicationDirectory + 'images/memLogin.png'		
});

//add the button into the view
view.add(view.memberLoginBtn);

//the init events must be added to  __exports.viewLoaded
__exports.viewLoaded = function() {
	this.view.memberLoginBtn.addEventListener('click', function() {
		//pass data to next controller
		CB.controllers.login.data = 'test';
		CB.pushController(CB.controllers.login);
	});
};

//Must be use viewWillAppear or viewDidAppear to get data and show it
__exports.viewWillAppear = function(e) {
	//check the data whether is available
	if(e != undefined && e.data != undefined){
		//set the data to view's element
		this.view.loginLabel.text = e.data;
	}
}

Styles (/Resources/app/base/style.js):
 (function() {
	/**
	 * home view's styles
	 */
	CB.Styles.home = {
		baseView : {
			width : CB.Styles.screenWidth,
			height : CB.Styles.screenHeight,
			backgroundImage : CB.ApplicationDirectory + 'images/bg.png'
		},
		goBtn : {
			top : '50%',
			height : '6%',
			font : {
				fontSize : '17dp',
				fontWeight : 'bold'
			},
			title: 'Go Next'
		},
		switchLangBtn : {
			top : '30%',
			height : '6%',
			font : {
				fontSize : '17dp',
				fontWeight : 'bold'
			},
			title: CB.Util.L('switchLang')
		}
	}
})();

__exports = (function() {
	//set the views's name
	var viewName = 'home';
	//create element and set style with CB.Styles
	var view = Ti.UI.createView(CB.Styles[viewName].baseView);
	view.name = viewName; //just for add the refresh debug button
	
	view.goBtn = Ti.UI.createButton(CB.Styles[view.name].goBtn);
	view.add(view.goBtn);
	
	view.switchLangBtn = Ti.UI.createButton(CB.Styles[view.name].switchLangBtn);
	view.add(view.switchLangBtn);
	
	return view;
})();

/**
 * General echo the debug message
 * @param {String} s, echo which debug message
 * @param {int} line, the line of echo message
 * @param {String} page, the page  which debug message show
 * @param {String} type, debug type, support Titanium debug type:
 *		 info: display message with [INFO] style in console	
 * 		 warn: display message with [WARN] style in console (default)
 *		 error: display message with [ERROR] style in console
 */
CB.Debug.echo(s, line, page, type)

//for example:
CB.Debug.echo('Debug message, testing',33,'login controller',’warn’);

//or just show the debug message in line 33
CB.Debug.echo('Debug message, testing',33);

/**
 * General dump the object
 * @param {Object} o, dump object
 * @param {int} line, the line of debug object
 * @param {String} page, the page  which debug message show
 * @param {String} type, debug type, support Titanium debug type:
 *		 info: display message with [INFO] style in console 
 * 		 warn: display message with [WARN] style in console (default)
 *		 error: display message with [ERROR] style in console
 */
function dump(o, line, page, type)

//for example:
CB.Debug.dump(this.view,10,'login controller','info');

//or just dump the object in line 10
CB.Debug.dump(this.view,33);

/**
 * Add a refresh function to top bar, then you can click the top bar to refresh the page 
 * just for review the layout changed and testing without re-launch the app.
 * @param {Object} coreObj
 * @param {Object} view
 */
function addRefreshBtn(coreObj, view)

//for example, add the button before view appear 
__exports.viewWillAppear = function(e) {
	//add a refresh button for testing layout
	CB.Debug.addRefreshBtn(CB, e.view);
};

/**
 * set the remote API
 */
CB.API = {
	server : 'http://www.coderblog.in/'
};

(function(){
	
	CB.Platform.extend(CB.API, {
		//set each api function's url
		login : CB.API.server + 'api/login.aspx'
		info : CB.API.server + 'api/info.aspx',
	});
	
})();

/**
 * Get date with remote API function
 * @param {String} api, the API's name
 * @param {Object} controller, which controller need to show after got data
 * @param {Boolean} saveData, save response data to local storage or just pass data to next view
 * 					true, save in local storage
 * 					false, just pass data to controller.model to next view
 * @param {String} animate
 * @param {Object} requestData, the data need to be pass to server (except user session_id and user_key)
 */
CB.Common.getRemoteData : function(api, controller, saveData, animate, requestData)

//get user info within controller in __exports.viewWillAppear event
__exports.viewWillAppear = function(e) {	
     //get data from controller.model 	
    if(e != undefined && e.model != undefined){
	e.view.barTitle.text = CB.Util.L('hi') + e.model.first_name + ' ' + e.model.last_name;
}

//or get date from local storage with api name
var userInfo = CB.Util.loadObject('info');	
if(userInfo != null){
	e.view.barTitle.text = CB.Util.L('hi') + userInfo.first_name + ' ' + userInfo.last_name;
}
    ...

CB.DB.initModels = function() {
	var m = {};

	m.human = new CB.DB.instance.model({
		table : 'human',
		columns : {
			id : 'INTEGER PRIMARY KEY AUTOINCREMENT',
			city_id : 'INTEGER',
			first_name : 'TEXT',
			last_name : 'TEXT'
		},
		methods : {
			getByFirstName : function(firstName) {
				// get by firstName
				var result = CB.DB.instance.models.get('human').findOneBy('first_name', firstName);

				if (!result) {
					throw 'Could not find a firstName  with the  ' + firstName + '!';
				} else {
					return result;
				}
			}
		}
	});

	m.city = new CB.DB.instance.model({
		table : 'city',
		columns : {
			id : 'INTEGER PRIMARY KEY AUTOINCREMENT',
			country_id : 'INTEGER',
			name : 'TEXT',
			description : 'TEXT'
		}
	});

	m.country = new CB.DB.instance.model({
		table : 'country',
		columns : {
			id : 'INTEGER PRIMARY KEY AUTOINCREMENT',
			name : 'TEXT'
		}
	});

	return m;
}

//insert record
CB.Models.human.newRecord(properties).save();

//edit record
var result = new CB.DB.instance.query().update('human').set({
	 first_name : e.view.textFirstName.value
}).where(' city_id = ?', e.view.textCityId.value).execute();

//delete record
var q = new CB.DB.instance.query().destroy().from('human').
		where(' city_id = ?', e.view.textCityId.value).execute();

//query record
var mp = CB.Models.human.getByFirstName(e.view.textFirstName.value);

//for example, English should be use
/Resources/app/languages/en.xml

//Chinese should be use
/Resources/app/languages/cn.xml

<?xml version="1.0" encoding="utf-8"?>
<root>
<string id="logo">Welcome to Coder Blog!</string>
<string id="switchLang">Switch to Chinese</string>
</root>

CB.Util.switchLang('en');

//set the default language with the app
CB.DefaultLang = 'en';