Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 11 Releases 0 Wiki
Browse Source

注册，登录

happy 8 years ago
parent
e4c07e1481
commit
9dc0aa1d4f
10 changed files with 339 additions and 87 deletions
Split View Show Diff Stats
  1. 2 2
      app/html/login.html
  2. 38 21
      app/html/myaccount.html
  3. 51 60
      app/index.html
  4. 0 1
      app/js/fillinfo.js
  5. 14 0
      app/js/index.js
  6. 140 1
      app/js/login.js
  7. 38 0
      app/js/myaccount.js
  8. 55 0
      app/js/public/base.js
  9. 1 1
      app/js/register-setpass.js
  10. 0 1
      app/js/register.js

+ 2 - 2
app/html/login.html
View File 

@ -22,7 +22,7 @@
22 22 
			</div>
23 23 
		    <form class="mui-input-group frmbox">
24 24 
		        <div class="mui-input-row frm-input">
25 
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号">
25 
		            <input type="text" class="mui-input-clear frmtype" placeholder="请输入账号" id="username">
26 26 
		        </div>
27 27 
		        <div class="mui-input-row frm-input">
28 28 
					<input id='password' type="password" class="mui-input-clear frmtype" placeholder="请输入密码">
 
@ -31,7 +31,7 @@
31 31 
		    </form>
32 32
33 33 
		    <div class="mui-content-padded frmbox">
34 
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive">登&nbsp;录</button>
34 
				<button id='login' class="mui-btn mui-btn-block frmbtn frmactive2">登&nbsp;录</button>
35 35 
				<button id='reg' class="mui-btn mui-btn-block mui-btn-outlined frmbtn">注&nbsp;册</button>
36 36 
			</div>
37 37

+ 38 - 21
app/html/myaccount.html
View File 

@ -13,27 +13,44 @@
13 13 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
14 14 
		    <h1 class="mui-title toptit">我的账户</h1>
15 15 
		</header>
16 
		<!--主页面底部菜单-->
17 
	    <nav class="mui-bar mui-bar-tab footbox">
18 
		    <a class="mui-tab-item">
19 
		        <span class="mui-icon mui-icon-home"></span>
20 
		    </a>
21 
		    <a class="mui-tab-item">
22 
		        <span class="mui-icon mui-icon-chat"></span>
23 
		    </a>
24 
		    <a class="mui-tab-item">
25 
		        <span class="mui-icon mui-icon-email"></span>
26 
		    </a>
27 
		    <a class="mui-tab-item mui-active">
28 
		        <span class="mui-icon mui-icon-person"></span>
29 
		    </a>
30 
		</nav>
16 31 
		<div class="mui-content">
17 32 
			<!-- 主界面具体展示内容 -->
18 33 
    		<div class="mui-input-group  marginbox">
19 34 
				<div class="maincon personinfo2">
20 35 
					<div class="headbox2" >
21 
					    <a class="mui-pull-left proinfor" href="proinforbrow.html">
36 
					    <a class="mui-pull-left proinfor">
22 37 
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
23 
		                    <div class="mui-pull-left infobasic">
38 
		                    <div class="mui-pull-left infobasic" style="display:none;" id="loginYes">
24 39 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
25 40 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span></p>
26 41 
		                    	<p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
27 42 
		                    </div>
43 
		                    <div id="loginNo" style="display:none;"><span id="goreg">注册</span>/<span id="gologin">登录</span> </div>
28 44 
		                </a>
29 45 
		                <div class="mui-pull-right updatebtn">
30 
			        		<a class="editbox" href="proinforupdate.html">
46 
			        		<a class="editbox" id="editbox">
31 47 
			        			<img src="../images/edit.png" />
32 48 
			        		</a>
33 49 
			        	</div>
50 
			        	<span id="removeid">退出登录</span>
34 51 
			        </div>
35 52 
		        </div>
36 
		        <div class="mui-clearfix peolevelbox">
53 
		        <a class="mui-clearfix peolevelbox" href="coophistory.html">
37 54 
		        	<div class="mui-pull-left peocountbox">
38 55 
		        		<div class="peocount mui-clearfix">
39 56 
		        			<em class="actionicon dialogicon mui-pull-left "></em>
 
@ -41,22 +58,23 @@
41 58 
		        		</div>
42 59 
		        	</div>
43 60 
		        	<div class="mui-pull-right levelbox">
44 
		        		<span class="mui-icon mui-icon-star"></span>
45 
		        		<span class="mui-icon mui-icon-star"></span>
46 
		        		<span class="mui-icon mui-icon-star"></span>
47 
		        		<span class="mui-icon mui-icon-star"></span>
48 
		        		<span class="mui-icon mui-icon-star"></span>
61 
		        		<span class="star"></span>
62 
		        		<span class="star"></span>
63 
		        		<span class="star"></span>
64 
		        		<span class="star"></span>
65 
		        		<span class="star"></span>
49 66 
		        	</div>
50 
		        </div>
67 
		        </a>
51 68 
		    </div>
52 
			<div class="mui-input-group  marginbox">
69
70 
	        <div class="mui-input-group  marginbox">
53 71 
				<ul class="mui-table-view">
54 
				    <!--<li class="mui-table-view-cell">
55 
				        <a class="mui-navigate-right walltebox">
56 
				        	<em class="actionicon wallteicon mui-pull-left"></em>
57 
				        	<span class="mui-pull-left">我的钱包</span>
58 
				        	<span class="rightword">￥0.00</span>
59 
				        </a>
72 
				    <!--<li class="mui-table-view-cell">
73 
				        <a class="mui-navigate-right walltebox">
74 
				        	<em class="actionicon wallteicon mui-pull-left"></em>
75 
				        	<span class="mui-pull-left">我的钱包</span>
76 
				        	<span class="rightword">￥0.00</span>
77 
				        </a>
60 78 
				    </li>-->
61 79 
				    <li class="mui-table-view-cell">
62 80 
				        <a class="mui-navigate-right" href="attentions.html">
 
@ -84,10 +102,9 @@
84 102 
				</ul>
85 103 
		    </div>
86 104 
		</div>
87 
		<script src=" ../js/public/mui.min.js"></script>
88 
		<script type="text/javascript">
89 
			mui.init()
90 
		</script>
105 
		<script src="../js/public/mui.min.js"></script>
106 
		<script src="../js/public/base.js"></script>
107 
		<script src="../js/myaccount.js"></script>
91 108 
	</body>
92 109
93 110 
</html>

+ 51 - 60
app/index.html
View File 

@ -6,14 +6,9 @@
6 6 
    <title></title>
7 7 
    <link href="css/mui.min.css" rel="stylesheet"/>
8 8 
    <link href="css/app.css" rel="stylesheet"/>
9 
    <script src="js/public/mui.min.js"></script>
10 
    <script type="text/javascript" charset="utf-8">
11 
      	mui.init();
12
13 
    </script>
14 9 
</head>
15 10 
<body>
16
11
17 12 
	<!-- 主页面标题 -->
18 13 
    <header class="mui-bar mui-bar-nav toptitbox">
19 14 
		<!--<div class="mui-input-row frm-input searchbox">

@ -24,30 +19,9 @@
24 19 
		    <input type="search" class="mui-input-clear searchtxt" placeholder="搜索专家、设备资源">
25 20 
		</div>
26 21 
	</header>
27 
	<!--主页面底部菜单-->
28 
    <nav class="mui-bar mui-bar-tab footbox">
29 
	    <a class="mui-tab-item mui-active" href="index.html">
30 
	        <span class="mui-icon mui-icon-home"></span>
31 
	    </a>
32 
	    <a class="mui-tab-item">
33 
	        <span class="mui-icon mui-icon-chat"></span>
34 
	    </a>
35 
	    <a class="mui-tab-item">
36 
	        <span class="mui-icon mui-icon-email"></span>
37 
	    </a>
38 
	    <a class="mui-tab-item" href="html/myaccount.html">
39 
	        <span class="mui-icon mui-icon-person"></span>
40 
	    </a>
41 
	</nav>
42 22 
    <!-- 主页面内容容器 -->
43 23 
    <div class="mui-content">
44 24 
    	<!-- 主界面具体展示内容 -->
45
46 
            <a href="html/login.html">登录</a>
47 
             <a href="html/reg.html">注册</a>
48 
             <a href="html/setpass.html">设置密码</a>
49 
             <a href="html/fillinfo.html">完善信息</a>
50 
        <a href="html/proinforupdate.html">修改信息</a>
51 25 
    	<!--图片轮播-->
52 26 
        <div id="slider" class="mui-slider" >
53 27 
          <div class="mui-slider-group mui-slider-loop">
 
@ -101,56 +75,56 @@
101 75 
        	<div class="maintitbox">
102 76 
        		<h4 class="maintit">热门领域</h4>
103 77 
        	</div>
104 
	        <ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
105 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
78 
	        <ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
79 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
106 80 
		            <a href="#">
107 
		                <div class="fieldicon">
108 
		                	<img src="images/field-icon8.png"/>
81 
		                <div class="fieldicon">
82 
		                	<img src="images/field05.png"/>
109 83 
		                </div>
110 84 
		                <div class="mui-media-body">材料失效与保护</div>
111 
		            </a>
112 
		        </li>
113 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
85 
		            </a>
86 
		        </li>
87 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
114 88 
		            <a href="#">
115 89 
		                <div class="fieldicon">
116 
		                	<img src="images/field-icon8.png"/>
90 
		                	<img src="images/field02.png"/>
117 91 
		                </div>
118 
		                <div class="mui-media-body">材料失效与保护</div>
119 
		            </a>
120 
		        </li>
121 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
92 
		                <div class="mui-media-body">材料表面与界面</div>
93 
		            </a>
94 
		        </li>
95 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
122 96 
		            <a href="#">
123 97 
		                <div class="fieldicon">
124 
		                	<img src="images/field-icon8.png"/>
98 
		                	<img src="images/field07.png"/>
125 99 
		                </div>
126 
		                <div class="mui-media-body">材料失效与保护</div>
127 
		            </a>
128 
		        </li>
129 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
100 
		                <div class="mui-media-body">黑色金属及其合金</div>
101 
		            </a>
102 
		        </li>
103 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
130 104 
		            <a href="#">
131 105 
		                <div class="fieldicon">
132 
		                	<img src="images/field-icon8.png"/>
106 
		                	<img src="images/field18.png"/>
133 107 
		                </div>
134 
		                <div class="mui-media-body">材料失效与保护</div>
135 
		            </a>
136 
		        </li>
137 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
108 
		                <div class="mui-media-body">有色金属及其合金</div>
109 
		            </a>
110 
		        </li>
111 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
138 112 
		            <a href="#">
139 113 
		                <div class="fieldicon">
140 
		                	<img src="images/field-icon8.png"/>
114 
		                	<img src="images/field04.png"/>
141 115 
		                </div>
142 
		                <div class="mui-media-body">材料失效与保护</div>
143 
		            </a>
144 
		        </li>
145 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
116 
		                <div class="mui-media-body">材料检测与分析技术</div>
117 
		            </a>
118 
		        </li>
119 
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
146 120 
		            <a href="#">
147 121 
		                <div class="fieldicon">
148 
		                	<img src="images/field-icon8.png"/>
122 
		                	<img src="images/field16.png"/>
149 123 
		                </div>
150 
		                <div class="mui-media-body">材料失效与保护</div>
151 
		            </a>
152 
		        </li>
153 
            </ul>
124 
		                <div class="mui-media-body">非晶、微晶金属材料</div>
125 
		            </a>
126 
		        </li>
127 
            </ul>
154 128 
        </div>
155 129 
        <!--图文列表-->
156 130 
        <div class="mui-card-content conblock">

@ -238,6 +212,23 @@
238 212 
	        </ul>
239 213 
		</div>
240 214 
    </div>
241
215 
    <!--主页面底部菜单-->
216 
    <nav class="mui-bar mui-bar-tab footbox">
217 
	    <a class="mui-tab-item mui-active" href="index.html">
218 
	        <span class="mui-icon mui-icon-home"></span>
219 
	    </a>
220 
	    <a class="mui-tab-item">
221 
	        <span class="mui-icon mui-icon-chat"></span>
222 
	    </a>
223 
	    <a class="mui-tab-item">
224 
	        <span class="mui-icon mui-icon-email"></span>
225 
	    </a>
226 
	    <a class="mui-tab-item" id="isLogin">
227 
	        <span class="mui-icon mui-icon-person"></span>
228 
	    </a>
229 
	</nav>
230 
    <script src="js/public/mui.min.js"></script>
231 
	<script src="js/public/base.js"></script>
232 
	<script src="js/index.js"></script>
242 233 
</body>
243 234 
</html>

+ 0 - 1
app/js/fillinfo.js
View File 

@ -2,7 +2,6 @@
2 2 
mui.init();
3 3 
mui.plusReady(function(){
4 4 
	/*定义全局变量*/
5 
	//var userid = plus.storage.getItem('userid');
6 5 
	var userName = document.getElementById("userName");
7 6 
	var userMechanism = document.getElementById("userMechanism");
8 7 
	var userDepartment = document.getElementById("userDepartment");

+ 14 - 0
app/js/index.js
View File 

@ -0,0 +1,14 @@
1 
//首页
2 
mui.plusReady(function(){
3
4 
	/*定义全局变量*/
5 
	var isLogin = document.getElementById("isLogin");
6 
	var userId = plus.storage.getItem('userid');
7 
	console.log(userId);
8 
	/*点击个人中心按钮*/
9 
	isLogin.addEventListener('tap', function(){
10 
		myAccount();
11 
	});
12
13
14 
});

+ 140 - 1
app/js/login.js
View File 

@ -1,6 +1,13 @@
1 
mui.init()
1 
//登录
2 2 
mui.plusReady(function(){
3
4 
	/*定义全局变量*/
3 5 
	var reg = document.getElementById("reg");
6 
	var login = document.getElementById("login");
7 
	var userName = document.getElementById("username");
8 
	var userPassword = document.getElementById("password");
9 
	var phoneCode=false;
10
4 11 
	reg.addEventListener("tap",function(){
5 12 
		mui.openWindow({
6 13 
			url:"reg.html",

@ -10,4 +17,136 @@ mui.plusReady(function(){
10 17 
  			}
11 18 
		})
12 19 
	})
20
21 
	/*校验登录按钮显示状态*/
22 
	mui('.frmbox').on('keyup',"#username,#password",function() {
23 
		hideButtn();
24 
	});
25
26 
	/*登录按钮*/
27 
	login.addEventListener('tap',function(){
28 
		if(phoneCode){
29 
			loginBut();
30 
		}else{
31 
			userVal();
32 
		}
33 
	})
34
35 
	/*校验按钮显示状态*/
36 
	function hideButtn(){
37 
		if(userName.value==""||userPassword.value==""){
38 
			login.classList.remove('frmactiveok');
39 
			login.disabled="disabled";
40 
		}else{
41 
			login.classList.add('frmactiveok');
42 
			login.disabled="";
43 
		}
44 
	}
45
46 
	/*校验用户账号*/
47 
	function userVal(){
48 
		console.log(userName.value);
49 
		var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
50 
		var hunPhone=/^1[3|4|5|7|8]\d{9}$/;
51 
		if(hunPhone.test(userName.value)){
52 
			userRegisterOk();
53 
		}else if(gunf.test(userName.value)){
54 
			userRegisterOk();
55 
		}else{
56 
			plus.nativeUI.toast("请输入正确的手机或邮箱",toastStyle)
57 
			return;
58 
		}
59 
	}
60
61 
	/*判断账号是否注册*/
62 
	function userRegisterOk(){
63 
		mui.ajax(baseUrl+'/ajax/isReg?key='+userName.value,{
64 
			dataType: 'json', //数据格式类型
65 
			type: 'GET', //http请求类型
66 
			timeout: 10000, //超时设置
67 
			success: function(data) {
68 
				console.log(data.data)
69 
				if(data.data == true) {
70 
					plus.nativeUI.toast("用户不存在请注册用户",toastStyle);
71 
					return;
72 
				}else{
73 
					passwordVal()
74 
				}
75 
			},
76 
			error: function() {
77 
				plus.nativeUI.toast("服务器链接超时",toastStyle);
78 
				return;
79 
			}
80 
		});
81 
	}
82
83 
	/*校验登录密码*/
84 
	function passwordVal(){
85 
		if(userPassword.value.length < 6){
86 
			plus.nativeUI.toast("密码不少于6位",toastStyle);
87 
			return;
88 
		}else{
89 
			phoneCode=true;
90 
		}
91 
	}
92
93 
    /*提交登录*/
94 
	function loginBut(){
95 
		mui.ajax(baseUrl+'/ajax/login',{
96 
			data:{"pw":userPassword.value,"lk":userName.value},
97 
			dataType: 'json', //数据格式类型
98 
			type: 'POST', //http请求类型
99 
			timeout: 10000, //超时设置
100 
			success: function(data) {
101 
				console.log(data.data)
102 
				if(data.data != "null" && data.data != null){
103 
					var userId=data.data.id;
104 
				    plus.storage.setItem('userid',userId);
105 
					firstLogin();
106 
				}else{
107 
					plus.nativeUI.toast("登录账号和密码不匹配!",toastStyle);
108 
					return;
109 
				}
110 
			},
111 
			error: function() {
112 
				plus.nativeUI.toast("服务器链接超时",toastStyle);
113 
				return;
114 
			}
115 
		});
116 
	}
117
118
119 
	/*判断用户第一次登录，是否填写了个人信息*/
120 
	function firstLogin(){
121 
		var professorId = plus.storage.getItem('userid');
122 
		console.log(professorId);
123 
		mui.ajax(baseUrl+"/ajax/professor/"+professorId,{
124 
			dataType: 'json', //数据格式类型
125 
			type: 'GET', //http请求类型
126 
			timeout: 10000, //超时设置
127 
			success: function(data) {
128 
				console.log(data.data)
129 
				if(data.data!=null) {
130 
					goHome();
131 
				}else{
132 
					var productView = mui.preload({
133 
					    url:'../html/fillinfo.html',
134 
						id:'../html/fillinfo.html',
135 
						show:{
136 
							aniShow:"slide-in-bottom"
137 
						},
138 
						extras:{
139 
							userid:professorId
140 
						}
141 
					});
142 
					productView.show();
143 
				}
144 
			},
145 
			error: function() {
146 
				plus.nativeUI.toast("服务器链接超时",toastStyle);
147 
				return;
148 
			}
149 
		});
150 
	}
151
13 152 
})

+ 38 - 0
app/js/myaccount.js
View File 

@ -0,0 +1,38 @@
1 
//我的账号
2 
mui.plusReady(function(){
3
4 
	/*定义全局变量*/
5 
	var loginYes = document.getElementById("loginYes");
6 
	var loginNo = document.getElementById("loginNo");
7 
	var goLogin = document.getElementById("gologin");
8 
	var goReg = document.getElementById("goreg");
9 
	var removeId = document.getElementById("removeid");
10
11 
	loginStatus();
12 
	console.log('ddd');
13
14 
	/*点击获取验证码*/
15 
	removeId.addEventListener('tap',function(){
16 
		plus.storage.removeItem('userid');
17 
		goLoginFun();
18 
	})
19 
	goLogin.addEventListener('tap',function(){
20 
		goLoginFun();
21 
	})
22 
	goReg.addEventListener('tap',function(){
23 
		goRegFun();
24 
	})
25
26 
	/*判断登录是否成功*/
27 
	function loginStatus(){
28 
		var userId = plus.storage.getItem('userid');
29 
		console.log(userId);
30 
		if(userId && userId != "null" && userId!=null){
31 
			loginYes.style.display="block";
32 
		}else{
33 
			loginNo.style.display="block";
34 
		}
35 
	}
36
37
38 
})

+ 55 - 0
app/js/public/base.js
View File 

@ -1,3 +1,58 @@
1 1 
//公共文件
2 
mui.init();
2 3 
var baseUrl="http://192.168.3.173:8080",
3 4 
    toastStyle={'verticalAlign':'top'}
5 
mui.plusReady(function(){
6
7
8
9 
    var userId = plus.storage.getItem('userid');
10 
 });
11 
    function myAccount(){
12 
		/*var productView = mui.preload({
13 
		    url:'html/myaccount.html',
14 
			id:'html/myaccount.html',
15 
			show:{
16 
				aniShow:"slide-in-bottom",
17 
			}
18 
		});
19 
		productView.show(); */
20 
		mui.openWindow({
21 
  			url:'html/myaccount.html',
22 
  			id:'html/myaccount.html',
23 
  			show:{
24 
            	aniShow:"slide-in-right"
25 
  			}
26 
      	});
27 
	}
28
29 
    function goHome(){
30 
		mui.openWindow({
31 
  			url:'../index.html',
32 
  			id:'../index.html',
33 
  			show:{
34 
            	aniShow:"slide-in-right"
35 
  			}
36 
      	});
37 
	}
38
39 
    function goLoginFun(){
40 
		mui.openWindow({
41 
  			url:'../html/login.html',
42 
  			id:'../html/login.html',
43 
  			show:{
44 
            	aniShow:"slide-in-right"
45 
  			}
46 
      	});
47 
	}
48
49 
    function goRegFun(){
50 
		mui.openWindow({
51 
  			url:'../html/reg.html',
52 
  			id:'../html/reg.html',
53 
  			show:{
54 
            	aniShow:"slide-in-right"
55 
  			}
56 
      	});
57 
	}
58

+ 1 - 1
app/js/register-setpass.js
View File 

@ -54,7 +54,7 @@ mui.plusReady(function(){
54 54 
			timeout: 10000, //超时设置
55 55 
			success: function(data) {
56 56 
				if(data.success) {
57 
					userId=data.data;
57 
					var userId=data.data;
58 58 
				    plus.storage.setItem('userid',userId);
59 59 
					plus.nativeUI.toast("已完成注册，请填写个人信息",toastStyle);
60 60 
					mui.openWindow({

+ 0 - 1
app/js/register.js
View File 

@ -1,5 +1,4 @@
1 1 
//注册信息
2 
mui.init();
3 2 
mui.plusReady(function(){
4 3
5 4 
	/*定义全局变量*/