Browse Source

注册 登陆功能

wanghui 8 years ago
parent
commit
aa80c554ec

+ 73 - 11
src/main/webapp/WEB-INF/views/common.html

@@ -3,7 +3,7 @@
 
 <head th:fragment="header(title, link)">
 	<meta charset="utf-8" />
-    <link rel="icon" th:href="${portalHost}+'/img/ico_logo.ico'">
+    <link rel="icon" th:href="${portalHost+'/img/ico_logo.ico'}">
     <meta name="Keywords" content=""/>
     <meta name="Description" content=""/>
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
@@ -22,13 +22,13 @@
 		<div class="container">
   			<div class="logo">
   				<a th:href="${basePath + '/portal/index.html'}">
-  					<img th:src="${portalHost}+'/img/Logo111.png'" alt="" title="技淘"/>
+  					<img th:src="${portalHost+'/img/Logo111.png'}" alt="" title="技淘"/>
   				</a>
   			</div>
   			<div class="nav">
   				<ul>
   					<li class="active">
-  						<a href="#">科技服务</a><img th:src="${portalHost}+'/img/hot.png'"/>
+  						<a href="#">科技服务</a><img th:src="${portalHost+'/img/hot.png'}"/>
   					</li>
   					<li><a href="#">技术交易</a></li>
   					<li><a href="#">智库咨询</a></li>
@@ -39,7 +39,7 @@
   			</div>
   			<div class="nav_right" th:if="${!isLogin}">
   				<a th:href="${basePath + '/user/signIn.html'}">注册</a>
-  				<a th:href="${basePath + '/user/login.html'}">登陆</a>
+  				<a href="javascript:;"  class="head_login">登陆</a>
   				<a href="">关于我们</a>
   			</div>
   			<div class="nav_right" th:if="${isLogin}">
@@ -154,11 +154,11 @@
 			<img th:src="${staticDomain +'/upload'+  banners[0].imgurl}" th:alt="${banners[0].text}">
 		</div>
 	</th:block>
-
+	
 	<th:block th:fragment="copyright">
 		<div id="bottom">
 			<div class="bottom">
-				<img th:src="${portalHost}+'/img/bottom1_02.jpg'" alt="" />
+				<img th:src="${portalHost+'/img/bottom1_02.jpg'}" alt="" />
 				<div class="bottom_text">
 					<div class="text_top">
 						<a href="#">关于公司/</a> <a href="#">联系我们</a>
@@ -167,16 +167,16 @@
 					</div>
 					<div class="text_center">
 						<div class="cont_left">
-							<img th:src="${portalHost}+'/img/dizhi.jpg'" alt="" />
+							<img th:src="${portalHost+'/img/dizhi.jpg'}" alt="" />
 							<p>湖南省长沙市营盘东路19号金山大厦</p>
 						</div>
 						<div class="cont_center">
-							<img th:src="${portalHost}+'/img/dianhua.jpg'" alt="" />
-							<p>合作电话:0731-89907207</p>
+							<img th:src="${portalHost+'/img/dianhua.jpg'}" alt="" />
+							<p>合作电话:0731-85202685</p>
 							<p>400-8800-962八楼</p>
 						</div>
 						<div class="cont_right">
-							<img th:src="${portalHost}+'/img/erweima.jpg'" alt="" />
+							<img th:src="${portalHost+'/img/erweima.jpg'}" alt="" />
 							<p>科德公众号</p>
 						</div>
 					</div>
@@ -207,8 +207,70 @@
 				</div>
 			</div>
 		</div>
+		<div class="pub_fix">
+			<span class="index_blur"></span>
+			<ul class="ret_top">
+				<li><a href=""> <img th:src="${portalHost+'/img/index_fix1.png'}" alt="" />
+						<p>发布需求</p>
+				</a></li>
+				<li><a href=""> <img th:src="${portalHost+'/img/index_fix2.png'}" alt="" />
+						<p>发布技术</p>
+				</a></li>
+				<li><a
+					href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+						<img th:src="${portalHost+'/img/index_fix3.png'}" alt="" />
+						<p>联系客服</p>
+				</a></li>
+				<li><a href="" class="pendent_box"> <img
+						th:src="${portalHost+'/img/index_fix4.png'}" alt="" />
+						<p>返回顶部</p>
+				</a></li>
+			</ul>
+			<span class="index_orange"></span>
+		</div>
+	</th:block>
+	<th:block th:fragment="login">
+		<div class="login">
+			<div class="login_mian">
+				<div class="login_left">
+					<div class="login_ewm">
+						<img th:src="${portalHost+'/img/login_ewm.png'}" alt="二维码" />
+					</div>
+					<p>扫描二维码下载官方</p>
+					<p>技淘APP</p>
+				</div>
+				<div class="login_right">
+					<h5>
+						用户登陆<a href="">免费注册有好礼呦!!</a>
+					</h5>
+					<form action="/signin" method="post" id="signin">
+						<div class="login_uesr">
+							<label for="uesname"><img th:src="${portalHost+'/img/login_use.png'}" /></label> <input
+								type="text" name="mobile" id="Lo_user" value="用户名/邮箱/手机" /> <img
+								th:src="${portalHost+'/img/login_del.png'}" class="log_del" />
+						</div>
+						<input name="remember" value="false">
+						<div class="login_pass">
+							<label for="pass"><img th:src="${portalHost+'/img/login_password.png'}" /></label>
+							<input type="text" name="password" id="Lo_pass" value="请输入密码" />
+						</div>
+						<div class="login_check">
+							 <label for="checks" class="lab_check"> 
+								<input type="checkbox" name="type" id="checks" value="0" />专家
+							</label> 
+							<label for="checkst" class="lab_checkno"> 
+								<input type="checkbox" name="type" id="checkst" value="1"/>企业
+							</label> 
+							<u><a href="">忘记密码?</a></u>
+						</div>
+						<input type="submit" value="登 陆" class="login_submit" />
+					</form>
+					<img th:src="${portalHost+'/img/login_hua.png'}" alt="" class="login_hua" />
+				</div>
+			</div>
+			<img th:src="${portalHost+'/img/login_close.png'}" alt="" class="login_close" />
+		</div>
 	</th:block>
-
 	<th:block th:fragment="footer(scripts)">
 		<script th:inline="javascript">
 			/*<![CDATA[*/

+ 1 - 0
src/main/webapp/WEB-INF/views/portal/index.html

@@ -303,6 +303,7 @@
 	</div>
 	<footer>
 		<div th:replace="common::copyright"></div>
+		<div th:replace="common::login"></div>
 	</footer>
 	<div th:replace="common::footer(~{::script})">
 		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>

+ 61 - 4
src/main/webapp/WEB-INF/views/user/signIn.html

@@ -3,14 +3,71 @@
 	xmlns:th="http://www.thymeleaf.org">
 <head th:replace="common::header(~{::title},~{::link})">
 	<title>注册页</title>
-	<link th:href="${staticHost+'/user/signIn.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
 </head>
 <body>
-	<div id="root"></div>
-	
+	<!--主体内容区域开始-->
+  	<div class="registered">
+  		<div class="reg_con">
+			<form action="">
+				<div class="clear_first"></div>
+				<div class="zhuce">
+					<div class="title">用户注册</div>
+					<div class="regist">
+						<div class="zhuce_input">
+							<img th:src="${portalHost+'/img/name.jpg'}" alt=""/>
+							<input type="text" name="mobile" placeholder="用户名/邮箱/手机"  />
+						</div>
+						<div class="zhuce_input">
+							<img th:src="${portalHost+'/img/pass2.jpg'}" alt=""/>
+							<input type="password" name="userPassword" placeholder="请输入密码" />
+						</div>
+						<div class="zhuce_input">
+							<img th:src="${portalHost+'/img/pass2.jpg'}" alt=""/>
+							<input type="password" name="userPassword2" placeholder="确认密码" />
+						</div>
+						<div class="yanzheng">
+							<div class="yanzhengma">
+								<input type="text" name="verificationCode" placeholder="验证码"/>
+							</div>
+							<div class="yanzhengma_cont"></div>
+						</div>
+						<div class="cellcode">
+							<div>
+								<input type="text" name="mobileCode" placeholder="手机验证码"/>
+							</div>
+							<a href="#">获取验证码</a>
+						</div>
+						<div class="leibie">
+							<input type="radio" name="type" id="zhuangjia" value="0"/>
+							<label for="zhuangjia">我是专家</label>
+						</div>
+						<div class="leibie">
+							<input type="radio" name="type" id="qiye" value="1"/>
+							<label for="qiye">我是企业</label>
+						</div>
+						<div class="businessName">
+							<input type="text" name="companyName" placeholder="单位名称" id="business"/>
+						</div>
+						<div class="linkmanName">
+							<input type="text" name="contacts" placeholder="单位联系人姓名" id="linkman"/>
+						</div>
+						<div class="submit">
+							<input type="submit"/>
+						</div>
+					</div>
+					<div class="picture">
+						<div class="denglu">已有账号?去 <a href="#">登陆</a></div>
+						<a href="#" class="clear huodong">
+							<img th:src="${portalHost+'/img/huodong.jpg}" alt=""/>
+						</a>
+					</div>
+				</div>
+			</form>
+		</div>
+  	</div>
 	<div th:replace="common::footer(~{::script})">
 		<script type="text/javascript" th:src="${staticHost+'/vendors.js'}"></script>
-		<script type="text/javascript" th:src="${staticHost+ '/user/signIn.js'}"></script>
 	</div>
 </body>
 </html>