1、html網頁設計:一個簡單的登錄界面代碼!
是這樣的效果嗎?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
2、WEB程序設計(後台登陸頁面和用戶注冊頁面設計)
這個其實蠻簡單 也是WEB中最基礎的東西
1.就是在SQLSERVER中建立表 來保存用戶名和密碼之類的信息。
2.信息獲取的話 無非就是兩個textbox,把密碼的那個textbox的「type」屬性改為「password」
3.創建資料庫鏈接字元串 然後 sqlconnection --接著編寫SQL查詢語句--最後--sqlcommand。
4.這里我的方法是 用sqlcommand的Executereader方法來獲取一個 datatable "dt".
然後來判斷 dt的dt.rows.count屬性是否大於0 如果大於0 則證明用戶名與密碼正確的了。 (即這行記錄存在於表中)
前提是 你的SQL語句 必須這么寫
select * from "保存用戶信息的表" where textbox1.text=username and textbox2.text=password
以上是我自己想的方法 很不專業 但是功能都能實現 忘高手給個比較專業的方法。
3、如何為網頁製作一個有用戶登陸和注冊的功能網頁???
這應該不是僅僅高手知道的吧?
原理是這樣的:
如果是明文保存密碼的話就簡單了,入門也都教這樣的,我也說這樣的例子。
注冊就是設置(最基本)兩個input,一個用戶名,一個密碼。然後一個submit按鈕。提交到本頁,加一個參數。
比如
thispage.asp?action=reg
這里的參數是action,值是reg。
在頁的另一部分進行獲取
p = request.querystring("aciton");
if(p=="reg")
{
//這里進行注冊
以剛才傳過來的表單里的username為關鍵字進行SQL查找,看庫里有無這個用戶。如果沒有,則寫入資料庫:剛才的用戶名和密碼。
如果有這個用戶,返回信息,告知用戶該名已被使用。
}
登陸也類似
只不過是先以用戶名作為關鍵字進行查找,然後找不到該用戶名報錯,如果找到,則將其密碼從資料庫中提出,和用戶從表單提交的值進行比較,如果不一致,報錯。如果一致,則通過,登陸成功。
如果是以密文進行保存的密碼,則需要更多處理,你現在根本弄不明白,還是先弄清楚明文密碼吧。
4、JavaScript+html設計一個用戶注冊頁面
var reg=/^[a-zA-Z]\w*$/; var flag1=false,flag2=false,flag3=false; function chang1(obj){ var name=obj.value; if(name.length<3||name.length>8){ //alert("密碼要求3-8位!"); document.getElementById("usName").innerHTML=" 用戶名要求3-8位!"; } else if(!reg.test(name)){ //alert("用戶名由字母開頭,後字母、數字或下劃線!"); document.getElementById("usName").innerHTML=" 用戶名由字母開頭,後字母、數字或下劃線"; flag1=false;