臻我生活 - 前端文档

本文档用于说明臻我生活前端框架AWLFrame的使用方法。

文档中包含了：

AWLStorage 核心存储类：用于存储用户数据，具有跨域保护，安全性高。
AWLDateUtil 时间工具类：用于时间与时间戳的转换
AWLConst 枚举列表类：列举了APP中所使用的各类枚举类型
AWLDialog 提示信息类：弹出模态框，给与用户友好提示
AWLFileUpload 文件交互类类：主要用于上传图片
AWLHttp 网络请求类：POST和GET的快速实现

项目资源文件说明：

assets/js/controller：在这里面为每一个页面编写数据交互功能

阅读文档应注意：

主要注意**“示例”的阅读，“示例”**一般列举了该类方法的一般使用情况。
方法列表中，没有给出具体的参数模型，应该结合示例进行操作。

JS文件模板：

JS文件主要分为四个部分：Vars定义页面元素，Functions 定义具体操作，Events 定义事件侦听， Init 定义页面初始化内容

$(function () {
    /**
     * Vars  定义页面元素
     */
    var loginFormUsernameElem = $("#loginForm [name='username']");
    var loginFormPasswordElem = $("#loginForm [name='password']");
    /**
     * Functions 定义具体操作
     */
    var loginEvent = function (){
		    // 获取用户名密码的值
        var username = $(loginFormUsernameElem).val();
        var password = $(loginFormPasswordElem).val();
				
        if(username===""||password===""){
				// 如果用户名密码都没有填写，做相应的处理，一般return false;拒绝表单的默认提交方法
            return false;
        }else{
            AWLHttp.post(httpAddress.请求地址名, {
               //  请求参数对象
            }, {
                success: function (msg) {
								if(msg.code===200){
                    // 访问成功
										}
                }, error: function (msg) {
                      // 访问失败
                }
            });
        }
        return false;
    } ;
    /**
     * Events  定义事件侦听
     */
		 // 例点击元素执行事件Event
    $("#元素ID").click(function () {
        return Event();
    });
		/**
		* Init 定义页面初始化内容
		*/
		var xxxInit = (function(){
			// 这里写初始化代码
		})();
});

Readme