初始版本

statics/mobile/login/css/global.css

@@ -0,0 +1,44 @@
+body,div,h1,h2,h3,h4,p,ol,ul,li{
+    margin:0;
+    padding:0;
+    border:0;
+    text-shadow:0 0 0 #fff;
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+}
+@-webkit-viewport{
+    width:device-width;
+}
+@-moz-viewport{
+    width:device-width;
+}
+@-ms-viewport{
+    width:device-width;
+}
+@-o-viewport{
+    width:device-width;
+}
+@viewport{
+    width:device-width;
+}
+html,body{
+    min-height:100%;
+	height: 100%;
+	width: 100%;
+    font-size:0.9em;
+}
+body{
+    min-width:320px;
+    -webkit-font-smoothing:antialiased;
+    -webkit-text-size-adjust:100%;
+    -ms-text-size-adjust:100%;
+    text-size-adjust:100%;
+    color:#666;
+    font-family:arial;
+    margin:0 auto;
+}
+ul{
+    list-style-type:none;
+}
+a:link,a:visited,a:hover,a:active{
+    text-decoration:none;
+}

statics/mobile/login/css/login.css

@@ -0,0 +1,152 @@
+.login{
+    padding-top: 0px; 
+    margin:0 auto; 
+    min-width: 320px;
+    background: url(../images/login_bg.png) no-repeat;    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
+   -moz-background-size:100% 100%;
+    background-size:100% 100%;
+    min-height:480px; 
+	height:100%;
+	width:100%;
+}
+.login-title{
+    position: relative;
+    width:100%;
+    height:25%;
+    line-height: 80px;
+    text-align: center;
+    font-size: 1.7em;
+    font-family: "Microsoft YaHei";
+    color:#fff;
+	padding-top:10%;
+}
+.login-title i{
+    position: absolute;
+    top:130px;
+    left:50px;
+    width:230px;
+    height:20px;
+    line-height: 20px;
+    text-align: center;
+    font-size: 14px;
+}
+.login-bar{
+    position: relative;
+    width:100%;
+    height:30%;
+    
+}
+.login-bar ul li{
+    width:80%;
+    height:25px;
+    margin: 30px 0 0 11%;
+    border-bottom:1px solid #fff;
+}
+.login-bar .text{
+    position: absolute;
+    margin-left:3%;
+    width:80%;
+    height:25px;
+    border:none;
+    background:none;
+    color:#fff;
+}
+.login-bar .psd{
+    position: absolute;
+    top:55px;
+    margin-left:3%;
+    width:80%;
+    height:25px;
+    border:none;
+    background:none;
+    color:#fff;
+}
+input:focus {
+    outline:none;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+    color: #fff;  
+}
+
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    color: #fff;
+}
+
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+    color: #fff;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+    color: #fff;
+}
+.login-btn{
+    width:100%;
+    height:30%;
+    margin-top:80px;
+}
+.submit{
+    width:80%;
+    height:35px;
+    background:#f34541;
+    border:1px solid #f34541;
+    text-align: center;
+    margin-left:11%;
+    color:#fff;
+    font-family: "Microsoft YaHei";
+    font-size: 14px;
+    border-radius: 3px;
+    cursor: pointer;
+}
+.login-reg p{
+    width:70%;
+    height:35px;
+    line-height: 35px;
+    background:#989898;
+    border:1px solid #989898;
+    text-align: center;
+    margin:25px 0 0 11%;
+    color:#fff;
+    font-family: "Microsoft YaHei";
+    font-size: 14px;
+    border-radius: 3px;
+    display: block;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

statics/mobile/login/css/success.css

@@ -0,0 +1,120 @@
+.success{
+    padding-top: 0px; 
+    margin:0 auto; 
+    min-width: 320px;
+    background: url(../images/success_bg.png) no-repeat;    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
+   -moz-background-size:100% 100%;
+    background-size:100% 100%;
+    width:100%;
+	height:100%;
+}
+.success img {
+    margin:35px 0 10px 50%;
+}
+.success p{
+    display: block;
+    margin:20px 0 0 11%;
+    font-family: "Microsoft YaHei";
+    font-size: 24px;
+    color:#fff;
+    text-align: center;
+}
+.s_msg{
+    width:65%;
+    height:20%;
+    margin:50px 0 0 15%;
+    background:#fff;
+    border-radius:3px;
+    filter:alpha(opacity:80);
+    opacity:0.8;
+    padding:10px;
+}
+.s_title{
+    display: block;
+    font-family: "Microsoft YaHei";
+    font-size: 14px;
+    color:#323232;
+    margin:20px 0 10px 10px;
+	text-align:center;
+}
+.s_red{
+    font-family: "Microsoft YaHei";
+    color:red;
+    font-size: 18px;
+    text-align: center;
+}
+.s_redlink{
+    font-family: "Microsoft YaHei";
+    color:red;
+    font-size: 18px;
+    text-align: center;
+    margin:0 0 0 0;
+}
+.s_redlink a:link,a:visited,a:hover,a:active{
+    color:red;
+    text-decoration: underline;
+}
+.login-btn{
+	position:absolute;
+    width:100%;
+    height:30%;
+    bottom: 0;
+}
+.submit{
+    width:80%;
+    height:35px;
+    background:#f34541;
+    border:1px solid #f34541;
+    text-align: center;
+    margin-left:11%;
+    color:#fff;
+    font-family: "Microsoft YaHei";
+    font-size: 14px;
+    border-radius: 3px;
+    cursor: pointer;
+}
+.login-reg p{
+    width:80%;
+    height:35px;
+    line-height: 35px;
+    background:#B8B8B8;
+    border:1px solid #B8B8B8;
+    text-align: center;
+    color:#fff;
+    font-family: "Microsoft YaHei";
+    font-size: 14px;
+    border-radius: 3px;
+    display: block;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

statics/mobile/login/js/login.js

@@ -0,0 +1,153 @@
+window.onload=function(){
+    var aInput=document.getElementsByTagName('input');
+    var oUser=aInput[0];
+    var oPwd=aInput[1]
+    var aI=document.getElementsByTagName('i')[0];
+    var sub = document.getElementById("submit");
+    sub.onclick = function(){
+    	if(oUser.value==""){
+            aI.innerHTML='账号不可为空';
+            return false;
+        }
+    	if(oPwd.value==""){
+            aI.innerHTML='密码不可为空';
+            return false;
+        }
+    	/*Ajax.post("loginIn",
+    			"user=1&pwd=2",
+    			function(rtn){
+    				alert(rtn);
+    			}
+    			);*/
+    	ajax({ 
+    		  type:"POST", 
+    		  url:"loginIn", 
+    		  dataType:"json", 
+    		  data:{user:oUser.value,pwd:oPwd.value}, 
+    		  beforeSend:function(){ 
+    		    //some js code 
+    		  }, 
+    		  success:function(rtn){ 
+    			  if(rtn.code !=200)
+    				  aI.innerHTML= rtn.msg;
+    			  else
+    				  location.href = rtn.msg;
+    		  }, 
+    		  error:function(){ 
+    		    console.log("error") 
+    		  } 
+    		})
+
+    	return false;
+    }
+    
+    
+    
+    //用户名检测
+    
+    oUser.onfocus=function(){
+        aI.innerHTML='';
+        oUser.removeAttribute("placeholder");
+    }
+    
+    oUser.onkeyup=function(){
+        
+    }
+    
+    oUser.onblur=function(){
+    	if(oUser.value==""){
+    		oUser.setAttribute("placeholder","账号不可为空");
+    	}
+       /* var tel = /1[3|4|5|7|8][0-9]\d{8}$/;
+        if(!tel.test(this.value)){
+            aI.innerHTML='手机号不正确';
+        }else if(this.value==""){
+            aI.innerHTML='手机号不可为空';
+        }*/
+    }
+    
+    //密码检测
+    
+    oPwd.onfocus=function(){
+        oPwd.removeAttribute("placeholder");
+    }
+    oPwd.onblur=function(){
+    	if(oPwd.value==""){
+    		oPwd.setAttribute("placeholder","请输入确认密码");
+    	}
+    }
+    
+    
+}
+var Ajax={
+	    get: function(url, fn) {
+	        var obj = new XMLHttpRequest();  // XMLHttpRequest对象用于在后台与服务器交换数据          
+	        obj.open('GET', url, true);
+	        obj.onreadystatechange = function() {
+	            if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
+	                fn.call(this, obj.responseText);  //从服务器获得数据
+	            }
+	        };
+	        obj.send();
+	    },
+	    post: function (url, data, fn) {         // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
+	        var obj = new XMLHttpRequest();
+	        obj.open("POST", url, true);
+	        obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  // 添加http头，发送信息至服务器时内容编码类型
+	        obj.onreadystatechange = function() {
+	            if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) {  // 304未修改
+	                fn.call(this, obj.responseText);
+	            }
+	        };
+	        obj.send(data);
+	    }
+	}
+function ajax(){ 
+	  var ajaxData = { 
+	    type:arguments[0].type || "GET", 
+	    url:arguments[0].url || "", 
+	    async:arguments[0].async || "true", 
+	    data:arguments[0].data || null, 
+	    dataType:arguments[0].dataType || "text", 
+	    contentType:arguments[0].contentType || "application/x-www-form-urlencoded", 
+	    beforeSend:arguments[0].beforeSend || function(){}, 
+	    success:arguments[0].success || function(){}, 
+	    error:arguments[0].error || function(){} 
+	  } 
+	  ajaxData.beforeSend() 
+	  var xhr = createxmlHttpRequest();  
+	  xhr.responseType=ajaxData.dataType; 
+	  xhr.open(ajaxData.type,ajaxData.url,ajaxData.async);  
+	  xhr.setRequestHeader("Content-Type",ajaxData.contentType);  
+	  xhr.send(convertData(ajaxData.data));  
+	  xhr.onreadystatechange = function() {  
+	    if (xhr.readyState == 4) {  
+	      if(xhr.status == 200){ 
+	        ajaxData.success(xhr.response) 
+	      }else{ 
+	        ajaxData.error() 
+	      }  
+	    } 
+	  }  
+	} 
+	  
+	function createxmlHttpRequest() {  
+	  if (window.ActiveXObject) {  
+	    return new ActiveXObject("Microsoft.XMLHTTP");  
+	  } else if (window.XMLHttpRequest) {  
+	    return new XMLHttpRequest();  
+	  }  
+	} 
+	  
+	function convertData(data){ 
+	  if( typeof data === 'object' ){ 
+	    var convertResult = "" ;  
+	    for(var c in data){  
+	      convertResult+= c + "=" + data[c] + "&";  
+	    }  
+	    convertResult=convertResult.substring(0,convertResult.length-1) 
+	    return convertResult; 
+	  }else{ 
+	    return data; 
+	  } 
+	}

statics/mobile/login/js/vlogin.js

@@ -0,0 +1,153 @@
+window.onload=function(){
+    var aInput=document.getElementsByTagName('input');
+    var oUser=aInput[0];
+    var oPwd=aInput[1]
+    var aI=document.getElementsByTagName('i')[0];
+    var sub = document.getElementById("submit");
+    sub.onclick = function(){
+    	if(oUser.value==""){
+            aI.innerHTML='账号不可为空';
+            return false;
+        }
+    	if(oPwd.value==""){
+            aI.innerHTML='密码不可为空';
+            return false;
+        }
+    	/*Ajax.post("loginIn",
+    			"user=1&pwd=2",
+    			function(rtn){
+    				alert(rtn);
+    			}
+    			);*/
+    	ajax({ 
+    		  type:"POST", 
+    		  url:"vloginIn", 
+    		  dataType:"json", 
+    		  data:{user:oUser.value,pwd:oPwd.value}, 
+    		  beforeSend:function(){ 
+    		    //some js code 
+    		  }, 
+    		  success:function(rtn){ 
+    			  if(rtn.code !=200)
+    				  aI.innerHTML= rtn.msg;
+    			  else
+    				  location.href = rtn.msg;
+    		  }, 
+    		  error:function(){ 
+    		    console.log("error") 
+    		  } 
+    		})
+
+    	return false;
+    }
+    
+    
+    
+    //用户名检测
+    
+    oUser.onfocus=function(){
+        aI.innerHTML='';
+        oUser.removeAttribute("placeholder");
+    }
+    
+    oUser.onkeyup=function(){
+        
+    }
+    
+    oUser.onblur=function(){
+    	if(oUser.value==""){
+    		oUser.setAttribute("placeholder","账号不可为空");
+    	}
+       /* var tel = /1[3|4|5|7|8][0-9]\d{8}$/;
+        if(!tel.test(this.value)){
+            aI.innerHTML='手机号不正确';
+        }else if(this.value==""){
+            aI.innerHTML='手机号不可为空';
+        }*/
+    }
+    
+    //密码检测
+    
+    oPwd.onfocus=function(){
+        oPwd.removeAttribute("placeholder");
+    }
+    oPwd.onblur=function(){
+    	if(oPwd.value==""){
+    		oPwd.setAttribute("placeholder","请输入确认密码");
+    	}
+    }
+    
+    
+}
+var Ajax={
+	    get: function(url, fn) {
+	        var obj = new XMLHttpRequest();  // XMLHttpRequest对象用于在后台与服务器交换数据          
+	        obj.open('GET', url, true);
+	        obj.onreadystatechange = function() {
+	            if (obj.readyState == 4 && obj.status == 200 || obj.status == 304) { // readyState == 4说明请求已完成
+	                fn.call(this, obj.responseText);  //从服务器获得数据
+	            }
+	        };
+	        obj.send();
+	    },
+	    post: function (url, data, fn) {         // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
+	        var obj = new XMLHttpRequest();
+	        obj.open("POST", url, true);
+	        obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  // 添加http头，发送信息至服务器时内容编码类型
+	        obj.onreadystatechange = function() {
+	            if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) {  // 304未修改
+	                fn.call(this, obj.responseText);
+	            }
+	        };
+	        obj.send(data);
+	    }
+	}
+function ajax(){ 
+	  var ajaxData = { 
+	    type:arguments[0].type || "GET", 
+	    url:arguments[0].url || "", 
+	    async:arguments[0].async || "true", 
+	    data:arguments[0].data || null, 
+	    dataType:arguments[0].dataType || "text", 
+	    contentType:arguments[0].contentType || "application/x-www-form-urlencoded", 
+	    beforeSend:arguments[0].beforeSend || function(){}, 
+	    success:arguments[0].success || function(){}, 
+	    error:arguments[0].error || function(){} 
+	  } 
+	  ajaxData.beforeSend() 
+	  var xhr = createxmlHttpRequest();  
+	  xhr.responseType=ajaxData.dataType; 
+	  xhr.open(ajaxData.type,ajaxData.url,ajaxData.async);  
+	  xhr.setRequestHeader("Content-Type",ajaxData.contentType);  
+	  xhr.send(convertData(ajaxData.data));  
+	  xhr.onreadystatechange = function() {  
+	    if (xhr.readyState == 4) {  
+	      if(xhr.status == 200){ 
+	        ajaxData.success(xhr.response) 
+	      }else{ 
+	        ajaxData.error() 
+	      }  
+	    } 
+	  }  
+	} 
+	  
+	function createxmlHttpRequest() {  
+	  if (window.ActiveXObject) {  
+	    return new ActiveXObject("Microsoft.XMLHTTP");  
+	  } else if (window.XMLHttpRequest) {  
+	    return new XMLHttpRequest();  
+	  }  
+	} 
+	  
+	function convertData(data){ 
+	  if( typeof data === 'object' ){ 
+	    var convertResult = "" ;  
+	    for(var c in data){  
+	      convertResult+= c + "=" + data[c] + "&";  
+	    }  
+	    convertResult=convertResult.substring(0,convertResult.length-1) 
+	    return convertResult; 
+	  }else{ 
+	    return data; 
+	  } 
+	}

statics/mobile/login/login.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>登陆页面</title>
+         <meta charset="utf-8">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-touch-fullscreen" content="yes">
+        <meta http-equiv="Access-Control-Allow-Origin" content="*">
+        <link href="css/login.css" type="text/css" rel="stylesheet">
+        <link href="css/global.css" type="text/css" rel="stylesheet">
+        <script type="text/javascript" src="js/login.js"></script>
+    </head>
+    <body>
+        <div class="login">
+            <div class="login-title"><p>台州镇杰商品系统</p>
+                <i></i>
+            </div>
+            <form method="post" action="success.html">
+            <div class="login-bar">
+                <ul>
+                    <li><img src="images/login_user.png"><input type="text" class="text" placeholder="请输入用户名" /></li>
+                    <li><img src="images/login_pwd.png"><input type="password" class="psd" placeholder="请输入确认密码" /></li>
+                </ul>
+            </div>
+            <div class="login-btn">
+                <button class="submit" type="submit">登陆</button>
+            </div>
+            </form>
+        </div>
+    </body>
+</html>

statics/mobile/login/success.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>注册页面</title>
+        <meta charset="utf-8">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-touch-fullscreen" content="yes">
+        <meta http-equiv="Access-Control-Allow-Origin" content="*">
+        <link href="css/success.css" type="text/css" rel="stylesheet">
+        <link href="css/global.css" type="text/css" rel="stylesheet">
+    </head>
+    <body>
+        <div class="success">
+            <img src="images/success.png" />
+            <p>镇杰，已登陆！</p>
+            <div class="s_msg">
+                <div class="s_title"><span class="s_red">历史订单</span></div>
+                <div class="s_title"></div>
+                <span class="s_redlink"><a href="http://www.tuilang.cc" target="_blank">100</a></span>
+            </div>
+        </div>
+    </body>
+</html>