版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
哈爾濱理工大學(xué)
《.NET框架設(shè)計(jì)》
課程大作業(yè)
題目：汽車世界的設(shè)“與實(shí)現(xiàn)
班級(jí):
學(xué)號(hào):
姓名：
指導(dǎo)教師:
系主任：
2023年月曰
目錄
1設(shè)計(jì)題目簡介錯(cuò)誤!未定義書簽。
1.1題目錯(cuò)誤!未定義書簽。
1.2題目簡介錯(cuò)誤!未定義書簽。
2系統(tǒng)設(shè)計(jì)錯(cuò)誤!未定義書簽。
2.1需求分析錯(cuò)誤!未定義書簽。
2.2系統(tǒng)功能描述錯(cuò)誤!未定義書簽。
2.3功能模塊劃分錯(cuò)誤!未定義書簽。
2.4系統(tǒng)流程分析錯(cuò)誤!未定義書簽。
3數(shù)據(jù)庫設(shè)計(jì)錯(cuò)誤!未定義書簽。
3.1數(shù)據(jù)庫分析與設(shè)計(jì)錯(cuò)誤!未定義書簽。
3.2數(shù)據(jù)庫表的創(chuàng)建錯(cuò)誤!未定義書簽。
4系統(tǒng)功能模塊創(chuàng)建錯(cuò)誤!未定義書簽。
4.1配置web.config錯(cuò)誤!未定義書簽。
4.2系統(tǒng)界面和代碼的實(shí)現(xiàn)錯(cuò)誤!未定義書簽。
5設(shè)計(jì)結(jié)論和心得錯(cuò)誤!未定義書簽。
需要項(xiàng)目源碼的可以聯(lián)系我，加我好友，給我留言即可。尚有其他類型大作業(yè)源碼和
報(bào)告。
1設(shè)計(jì)題目簡介
1.1題目
汽車世界網(wǎng)的設(shè)計(jì)與實(shí)現(xiàn)
L2題目簡介
本論文所介紹的汽車世界網(wǎng)是對(duì)用戶登錄注冊(cè)的一次實(shí)踐和綜合應(yīng)用，它采用ASP
作為開發(fā)環(huán)境，后臺(tái)數(shù)據(jù)庫采用了SQLSEVER2023。重要分為前臺(tái)界面和后臺(tái)數(shù)據(jù)庫兩
部分。初次登陸的用戶可以進(jìn)行注冊(cè),注冊(cè)后可返回首頁進(jìn)行登陸，登陸成功后可以連接其
他網(wǎng)站等操作。
本網(wǎng)站做給那些喜歡汽車的人士
2系統(tǒng)設(shè)計(jì)
2.1需求分析
本站為喜歡汽車的各位發(fā)明好的瀏覽環(huán)境
并且能注冊(cè)本小站會(huì)員
現(xiàn)在網(wǎng)上各種網(wǎng)站都需要注冊(cè)帳號(hào)進(jìn)行登陸，本站為客戶提供了一個(gè)練習(xí)注冊(cè)帳號(hào)并
登陸帳號(hào)的服務(wù)。
2.2系統(tǒng)功能描述
本網(wǎng)站具有強(qiáng)大的瀏覽功能，能瀏覽各大汽車知名網(wǎng)站，給您最佳的幫助，本網(wǎng)站為用戶
提供注冊(cè)和登陸功能，可以強(qiáng)化用戶注冊(cè)帳號(hào)和登陸帳號(hào)的純熟度，并且反復(fù)的注冊(cè)有助
于高效的提高用戶記憶力，達(dá)成強(qiáng)健大腦能力的目的。并且本站可以連接到新浪汽車網(wǎng)、
汽車天地、太平洋汽車網(wǎng)、等大型網(wǎng)站，可以幫助用戶自己對(duì)汽車的結(jié)識(shí)和了解，豐富自
己的知識(shí)層次。
2.3功能模塊劃分
系統(tǒng)用戶功能：
本系統(tǒng)重要可以實(shí)現(xiàn)以下功能：
1.首頁：美化后的主頁給人神清氣爽的感覺，為用戶提供一次判斷，假如初次登
陸，可以進(jìn)行注冊(cè)；假如已經(jīng)擁有本網(wǎng)站帳號(hào)，也可以直接進(jìn)行登陸。
2.注冊(cè)頁面：為用戶提供注冊(cè)功能，并將他們的用戶數(shù)據(jù)存放于數(shù)據(jù)庫中，方便下
次登陸時(shí)使用。
3.登陸頁面：該頁面可以通過連接數(shù)據(jù)庫，判斷用戶帳號(hào)密碼是否對(duì)的，從而判斷
用戶能否進(jìn)入個(gè)人主頁。
4.密碼找回頁：用戶假如忘掉密碼，可以在本頁通過用戶名進(jìn)行密碼找回，在與數(shù)
據(jù)庫連接確認(rèn)后，密碼將自動(dòng)發(fā)往用戶注冊(cè)時(shí)提供的郵箱中。
4.個(gè)人頁面：進(jìn)入個(gè)人主頁，進(jìn)入你自己喜歡的大型網(wǎng)站
操作系統(tǒng):Windwos7Ultimate
開發(fā)工具:VisualStudio2023
數(shù)據(jù)庫：SqlServer2023
測(cè)試瀏覽器：IE8、FF3.6.8,GoogleChrome（IE8中彈出登錄層后會(huì)出現(xiàn)豎拉條，
其他兩種沒有出現(xiàn)，那個(gè)豎拉條可以在JS中通過修改數(shù)值讓其不出現(xiàn)，但是下面會(huì)出現(xiàn)
白邊）
1、預(yù)覽
1）登錄前
苒更關(guān)于
歡迎來到杜祥雨的小站
希望悠有戲?
BvFerry
2）點(diǎn)擊登錄顯示登錄窗口（層），同時(shí)用一個(gè)灰色透明層遮罩主窗體內(nèi)容，點(diǎn)擊
【登錄】，隱藏【登錄】，顯示loading圖，登錄失敗，顯示【登錄】，隱藏登錄圖,
同時(shí)顯示提醒信息創(chuàng)建用戶
*x大，受心
3金"代廣
國戶
嘴認(rèn)衣硝：
e?J■”件
|另建用戶|
r?cs
打窿再到360衽??.?5MSISlEHff?下喊、口，0WS.4100%-
3）創(chuàng)建成功后登陸用戶
360安全冽劃I5.0正式假文儂F)IB(D?B5(H)r
Cfft?localhost搜
?44蒙??爸含才網(wǎng)址大全內(nèi)涵8中心聒3儀闌?（于展中心聞詡歡?圓符茂?封好哲事⑴匈也彳'
4+⑥血
登錄
用戶名：
密碼：
L下次記住我。
西
,tO.tMK'S
二猥蔣到360柳集??融高登賽QlEFT開號(hào)下fil^tOMVSylOO%?
4）登陸成功后
2.4系統(tǒng)流程分析
用戶注冊(cè)流程如圖2-1所示:
用戶進(jìn)行注冊(cè)
圖2T用戶注冊(cè)流程圖
圖2-2用戶登陸流程圖
3數(shù)據(jù)庫設(shè)計(jì)
3.1數(shù)據(jù)庫分析與設(shè)計(jì)
5列，包含UserName、Password>e-mail>Question>Answer設(shè)立UserName為主鍵。
3.2數(shù)據(jù)庫表的創(chuàng)建
設(shè)計(jì)的數(shù)據(jù)庫表
4系統(tǒng)功能模塊創(chuàng)建
4.系統(tǒng)界面和代碼的實(shí)現(xiàn)
母版：
使用VS2023創(chuàng)建一個(gè)WebSite,此功能是在母版頁Site.master中實(shí)現(xiàn)的。VS2
023會(huì)自動(dòng)添加JQuery的js文獻(xiàn)到Scripts文獻(xiàn)夾，并創(chuàng)建一個(gè)母版頁和基于此母版
頁的Default.aspx和About.aspx兩個(gè)窗體。
1)登錄層界面設(shè)計(jì)，看Site.master中的代碼
<%@MasterLanguage=AutoEventWireup=//true，zCodeFile=//Site.master.cs/zInhe
rits=z/SiteMaster，z%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict〃EN〃〃〃>
<htmlxmlns=z，/，xml:lang=〃en〃>
<headrunat=〃server”)
<title>FlyNoteBook</title>
=/，z，
<scriptsrcScripts/jquery-l.4.1.min.jstype二〃text/javascript"></script>
<scripttype二〃text/javascript"src二〃Scripts/common.js〃></script>
=，/zz
<linkhref=〃?/Styles/Site.css〃relstylesheettype二〃text/css〃/>
=，/，z
<scripttype二〃text/javascript"srcScripts/login.js></script>
<asp:ContentPlaceHolderID="HeadContent"runat=z，server/z>
</asp:ContentPlaceHolder>
</head>
<body>
<formrunat=z，server/z>
<divclass二〃page〃>
<divclass="header”〉
<divclass二〃title〃>
<imgsrc=z，Images/Pictures/logo3.png〃alt=，，F(xiàn)lyNoteB
ookLogo”/>
FlyNoteBook
</div>
<divclass=〃loginDisplay〃>
<spanid=〃popup〃runat二〃server”）登錄</span>
<spanid二〃loginSuccess"runat=/，serverz/></span>
</div>
<divclass="clearhideSkiplink〃>
<asp:MenuID="NavigationMenu"runat二〃server"CssClass="mernTE
nableViewState=，/falsez，
IncludeStyleBlock=/zfalse/zOrientalion="Horizontal〃>
<Items>
<asp:MenuitemNavigateUrl=〃?/Default,aspx“Text二〃首頁〃
/>
<asp:MenuitemNavigateUrl="?/About.aspx〃Text二〃關(guān)于〃
/>
</Items>
</asp:Menu>
</div>
</div>
<!--登錄窗口:Begin-->
<divid=z/divLoginWindowz，>
<tablestyle="width:100%;〃border二〃0〃cellpadding二〃2〃cellspacing
二〃0〃〉
<trstyle二〃background-color:#e0f3d9;border-bottom:#bfe5b3s
olid2px〃>
<tdstyle="height:38px;width:lOOpx;z，>
用戶登錄
</td>
<td>
<imgsrc=zzImages/Button/close.gif，zid="closeBtn"align
=z，absmiddle/zalt二〃關(guān)閉〃title=〃關(guān)閉〃/>
</td>
</tr>
<tr>
<tdcolspan二〃2〃style二〃height:5px;〃>
</td>
</tr>
<tr>
<tdalign=，，rightz，>
用戶名：
</td>
<td>
<asp:TextBoxID二〃txtUserName"runat=zzserverzz></a
sp:TextBox>
</td>
</tr>
<tr>
<tdalign二〃right”〉
密 碼：
</td>
<td>
<asp:TextBoxID="txtPassword"TextMode二〃Password
"runat=，zserverz，></asp:TextBox>
</td>
</tr>
<tr>
<tdalign=，，rightz，>
驗(yàn)證碼：
</td>
<td>
fenbsp;<asp:TextBoxID二〃txtCode"Style="width:88px;〃r
unat=z，server，z></asp:TextBox>
<imgsrc=z，Code.aspx，zid=〃imgRndCode"style二〃vertical，
lign:middle;z，onelick=，/ChangeCode(this);z，
alt二〃驗(yàn)證碼〃title二〃看不清，點(diǎn)擊圖片更換圖片〃/>
</td>
</tr>
<tr>
<tdcolspan二〃2〃align二〃center”〉
<aonclick二〃CheckLogin()〃id=〃alogin〃>登 ^</a>
<imgid二〃loading〃src=，，Images/Loading/loading04.gif〃a
lt=〃正在登錄〃title-正在登錄.?.〃/>
<br/>
<spanid=//showMesz，></span>
</td>
</tr>
</table>
</div>
。一登錄窗口:End—>
<divclass二
<asp:ContentPlaceHolderID="MainContent"runat二〃server”/>
</div>
<divclass二〃clear”〉
</div>
</div>
<divclass="footer”〉
<ahref=〃〃>ByFerry</a>
</div>
</form>
</body>
</html>
2)實(shí)現(xiàn)遮罩層和彈出登錄界面的層的js文獻(xiàn)Scripts/common.js的代碼，注意，里面
硬寫了一些母版頁Site.master中的元素的ID
$(function(){
varscreenwidth,screenheight,mytop,getPosLeft,getPosTop
screenwidth=$(window),width0;
screenheight=$(window).height();
〃獲取滾動(dòng)條距頂部的偏移
mytop=$(document).scrollTopO;
〃計(jì)算彈出層的left
getPosLeft=screenwidth/2-200;
〃計(jì)算彈出層的top
getPosTop=screenheight/2-150;
//css定位彈出層
$(〃#divLoginWindow〃).css({getPosLeft,〃top〃：getPosTop});
〃當(dāng)瀏覽器窗口大小改變時(shí)
$(window).resize(function(){
screenwidth=$(window),width();
screenheight=$(window).height();
mytop=$(document).scrollTopO;
getPosLeft=screenwidth/2-200;
getPosTop=screenheight/2-150;
$(z，#divLoginWindow，/).css({“l(fā)eft":getPosLeft,〃top〃：getPosTop+myto
P})；
})；
〃當(dāng)拉動(dòng)滾動(dòng)條時(shí)，彈出層跟著移動(dòng)
$(window),scroll(function(){
screenwidth=$(window).width();
screenheight=$(window).height();
mytop=$(document).scrollTopO;
getPosLeft=screenwidth/2-200;
getPosTop=screenheight/2-150;
$(z，#divLoginWindowz，).css({"left":getPosLeft,〃top〃：getPosTop+myto
P})；
})；
〃點(diǎn)擊鏈接彈出登錄窗口
$(^Spopup^).click(function(){
$(，，#divLoginWindow/，).fadeln(〃slow〃);//toggle(z/slow，z);
$(〃枇xtUserName").focus();
〃獲取頁面文檔的高度
vardocheight=$(document).height();
〃追加一個(gè)層，使背景變灰
$("body"),append(〃<divid='greybackground，></div>〃)；
$(，，#greybackground/，).css({“opacity”:〃0?5〃,“height〃:docheight});
returnfalse;
});
〃點(diǎn)擊關(guān)閉按鈕
$("#closeBtn").click(function(){
$("#divLoginWindow").fadeOut("slow");////hide();
〃刪除變灰的層
$("#greybackground").remove();
returnfalse;
})；
))；
〃更換驗(yàn)證碼圖片
functionChangeCode(obj){
obj.src="Code,aspx?”+Math,random();
!
3)點(diǎn)擊【登錄】實(shí)現(xiàn)AJAX登錄驗(yàn)證功能的js文獻(xiàn)Scripts/login.js的代碼
varcount=0;
$(document).ready(function(){
$("#loading").hide()
})；
functionCheckLogin(){
$("#alogin").hide();
$("#loading").show();
vartxtCode=$("#txtCode");
vartxtName=$("#txtllserName");
vartxtPwd=$("#txtPassword");
$.ajax({
url:"CheckLogin.aspx?Code="+txtCode.val()+"&Name="+txt
Name.val()+"&Pwd="+txtPwd.val(),
type:"post",
datatype:"text",
success:function(returnValue){
if(returnValue!="false"){
$("#popup").hide();
$("#showMes").hide();
$("#loginSuccess").html(returnValue+您好!')；
$("#divLoginWindow").remove();
$("#greybackground").remove();
$("#showMes").hide();
)
else{
count=count+1;
$("#loading").hide();
$("#alogin").show();
$("#showMes").show();
$("#showMes").html("<fontcolor=red>登錄失敗，請(qǐng)檢查后重
試!("+count+"次)</font>");
)
?
})
)
4)請(qǐng)求的CheckLogin.aspx的后臺(tái)代碼，前臺(tái)清除剩Page命令一行
usingSystem;
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 某年度兒童補(bǔ)鈣戰(zhàn)略市場(chǎng)規(guī)劃報(bào)告
- 電影幕后花絮短視頻行業(yè)跨境出海項(xiàng)目商業(yè)計(jì)劃書
- 特殊教育藝術(shù)療法企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力項(xiàng)目商業(yè)計(jì)劃書
- 學(xué)術(shù)誠信教育企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力項(xiàng)目商業(yè)計(jì)劃書
- 電解質(zhì)平衡能量飲料行業(yè)跨境出海項(xiàng)目商業(yè)計(jì)劃書
- 民族服飾設(shè)計(jì)大賽企業(yè)制定與實(shí)施新質(zhì)生產(chǎn)力項(xiàng)目商業(yè)計(jì)劃書
- 商業(yè)綜合體停車樓車位使用權(quán)轉(zhuǎn)讓合同范本
- 高端餐廳店長任職及業(yè)績考核合同
- 廁所清潔服務(wù)外包及滿意度調(diào)查合同
- 車輛牌照租賃與租賃公司市場(chǎng)拓展合同
- “雙減”與“五項(xiàng)管理”(課件)主題班會(huì)
- VDA6.3檢查要求與證據(jù)清單(VDA6.3檢查表)
- BIM培訓(xùn)-什么是BIM完整版
- 醫(yī)院藥品集中帶量采購和使用工作管理辦法
- 區(qū)塊鏈金融 課件全套 第1-11章 區(qū)塊鏈導(dǎo)論- 區(qū)塊鏈金融的監(jiān)管
- 肉類食品有限公司冷庫安全風(fēng)險(xiǎn)分級(jí)管控清單
- 第四章 地陪導(dǎo)游服務(wù)程序與服務(wù)質(zhì)量
- 特種設(shè)備管理人員任命書模板
- 椎管內(nèi)麻醉并發(fā)癥專家共識(shí)
- 旅行社應(yīng)急處置方案
- 物業(yè)公司 監(jiān)控錄像查看記錄表
評(píng)論
0/150
提交評(píng)論