Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
要特色:使用bootstrap搭建,登陸注冊(cè)在一個(gè)頁(yè)面,背景圖片輪播
說(shuō)明:圖片820×560
代碼:
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>登錄注冊(cè)</title>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + “://”
+ request.getServerName() + “:” + request.getServerPort()
+ path + “/”;
%>
<link rel=”shortcut icon” href=”<%=basePath %>img/brandbest.png” />
<!– Bootstrap –>
<link href=”<%=basePath %>bootstrap/css/bootstrap.min.css” rel=”stylesheet”>
<style>
body:{
}
#login_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會(huì)讀懂,但解析為透明 */
}
#regist_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
display:none;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會(huì)讀懂,但解析為透明 */
}
</style>
<!– HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src=”http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js”></script>
<script src=”http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js”></script>
<![endif]–>
<!– <script type=”text/javascript” src=”js/jquery-3.1.1.js”></script> –>
<script type=”text/javascript” src=”<%=basePath %>js/jquery-1.11.3.js”></script>
<script type=”text/javascript”>
$(function(){
$(“#gologin”).click(function(){
$(“#login_div”).show();
$(“#regist_div”).hide();
});
$(“#goregist”).click(function(){
$(“#login_div”).hide();
$(“#regist_div”).show();
});
});
</script>
</head>
<body>
<div class=”bg” style=”width:100%;height:100%;position:absolute;”>
<div id=”carousel-example-generic” class=”carousel slide” data-ride=”carousel”>
<!– Indicators –>
<ol class=”carousel-indicators”>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”0″ class=”active”></li>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”1″></li>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”2″></li>
</ol>
<!– Wrapper for slides –>
<div class=”carousel-inner” role=”listbox”>
<div class=”item active”>
<img style=”width:100%;” src=”<%=basePath %>img/bg1.jpg” alt=”…”>
<div class=”carousel-caption”>
<!– bg1.jpg –>
</div>
</div>
<div class=”item”>
<img style=”width:100%;” src=”<%=basePath %>img/bg2.jpg” alt=”…”>
<div class=”carousel-caption”>
<!– bg2.jpg –>
</div>
</div>
<div class=”item”>
<img style=”width:100%;” src=”<%=basePath %>img/bg3.jpg” alt=”…”>
<div class=”carousel-caption”>
<!– bg3.jpg –>
</div>
</div>
<!– … –>
</div>
<!– Controls –>
<!– <a class=”left carousel-control” href=”#carousel-example-generic” role=”button” data-slide=”prev”>
<span class=”glyphicon glyphicon-chevron-left”></span>
<span class=”sr-only”>Previous</span>
</a>
<a class=”right carousel-control” href=”#carousel-example-generic” role=”button” data-slide=”next”>
<span class=”glyphicon glyphicon-chevron-right”></span>
<span class=”sr-only”>Next</span>
</a> –>
</div>
</div>
<!– 登錄框 –>
<div class=”loginAndRegist”>
<div id=”regist_div”>
<form>
<p style=”text-align:center;font-size:25px;”>用戶注冊(cè) <a id=”gologin” style=”font-size:10px;cursor:pointer;”>去登錄</a></p>
<div class=”form-group”>
<label for=”exampleInputEmail1″>賬號(hào)</label> <input
type=”email” class=”form-control” id=”regist_name”
placeholder=”account”>
信如果自己申請(qǐng)過(guò)旅游簽證或注冊(cè)過(guò)EE的朋友,對(duì)GCKey和MyCIC一定不陌生。GCKey相當(dāng)于是你登陸自己在加拿大移民局的賬號(hào)的一把鑰匙,通過(guò)這把鑰匙,你就可以進(jìn)入你自己的賬號(hào)MyCIC,開(kāi)始在線進(jìn)行你的各項(xiàng)與移民局相關(guān)的申請(qǐng)活動(dòng),如辦理簽證、申請(qǐng)移民等,并且可以在線查看你的申請(qǐng)狀態(tài)和進(jìn)度。
下面就詳細(xì)介紹下,具體該如何創(chuàng)建自己的賬戶吧。
首先,登陸官方網(wǎng)站:
https://www.canada.ca/en/immigration-refugees-citizenship/services/application/account.html。
選擇注冊(cè)“register“。
選擇“register with GCKey”。
選擇新建賬號(hào),點(diǎn)擊“sign up”。
選擇接受各項(xiàng)使用條款,點(diǎn)擊“I accept”。
創(chuàng)建一個(gè)用戶名。要求8-16個(gè)字符、不能有特殊符號(hào)、所含數(shù)字不能超過(guò)7個(gè)。創(chuàng)建完成,檢查右側(cè)的三個(gè)要求前的黑色圓點(diǎn)都變成綠色對(duì)勾時(shí),即可continue下一步。若某一項(xiàng)要求前出現(xiàn)紅色叉叉,則需要按照對(duì)應(yīng)要求重設(shè)用戶名。
創(chuàng)建完用戶名后,要設(shè)置對(duì)應(yīng)的密碼,密碼要求8-16個(gè)字符、不能包含用戶名中連續(xù)的三個(gè)字符、字符有效、必須包含大寫字母、小寫字母、數(shù)字、兩次輸入密碼一致。設(shè)置完成后繼續(xù)continue下一步。
設(shè)置找回賬戶的賬號(hào)恢復(fù)問(wèn)題、答案和提示,建議截圖保留,以免日后忘記密碼找不回。
至此,GCKey創(chuàng)建完成,點(diǎn)擊繼續(xù)continue。
GCKey注冊(cè)完成后,選擇sign inwith GCKey,用新注冊(cè)好的GCKey賬戶和密碼進(jìn)入:
https://www.canada.ca/en/immigration-refugees-citizenship/services/application/account.html。
進(jìn)入注冊(cè)好的GCKey賬號(hào)后,接下來(lái)就要注冊(cè)MyCIC賬號(hào),類似于實(shí)名制,將賬號(hào)與真實(shí)的姓名和郵箱掛鉤。
首先,接受隱私保密條款,點(diǎn)擊I Accept。
根據(jù)護(hù)照上的姓名和真實(shí)信息創(chuàng)建賬戶。
設(shè)置安全問(wèn)題,這里一定要記得截圖,并記住自己設(shè)置的問(wèn)題和答案!!!因?yàn)楹罄m(xù)注冊(cè)完成后,每次登陸都會(huì)要求隨機(jī)回答一個(gè)安全問(wèn)題才可以登陸。
安全問(wèn)題設(shè)置完成后,就可以正式登陸到個(gè)人賬戶MyCIC的界面了,這樣MyCIC賬戶就注冊(cè)完成了。以后登陸MyCIC賬戶就直接使用GCKey的用戶名和密碼即可。
家覺(jué)得好的話,請(qǐng)大家關(guān)注點(diǎn)贊轉(zhuǎn)發(fā)一波,謝謝!
1.制作一個(gè)測(cè)試主頁(yè)
A.思維導(dǎo)圖:
B.源碼:
<?php
session_start();//啟動(dòng)新會(huì)話或者重用現(xiàn)有會(huì)話說(shuō)明
?>
<html>
<head>
<meta charset="utf-8" />
<title>測(cè)試主頁(yè)</title> <!--標(biāo)題-->
</head>
<body>
<?php
if (isset($_SESSION['userName'])) //isset() 檢測(cè)變量是否設(shè)置 如果登錄成功
{
$userName = $_SESSION['userName'];//$_SESSION['username']的值賦值給變量$userName
echo "歡迎您:" . $userName; //歡迎您:登錄的名稱
echo '<a href = "logout.php"><input type = "button" value = "注銷" /></a>'; //注銷按鈕
}
else {//登錄失敗
echo '<a href = "login.php"><input type = "button" value = "登錄" /></a>';//登錄按鈕
echo '<a href = "register.php"><input type = "button" value = "注冊(cè)" /></a>';//注冊(cè)按鈕
}
?>
</body>
</html>
C.結(jié)果:
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。