版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)
文檔簡介
哈爾濱理工大學(xué)
《.NET框架設(shè)計》
課程大作業(yè)
題目：汽車世界的設(shè)“與實現(xiàn)
班級:
學(xué)號:
姓名：
指導(dǎo)教師:
系主任：
2023年月曰
目錄
1設(shè)計題目簡介錯誤!未定義書簽。
1.1題目錯誤!未定義書簽。
1.2題目簡介錯誤!未定義書簽。
2系統(tǒng)設(shè)計錯誤!未定義書簽。
2.1需求分析錯誤!未定義書簽。
2.2系統(tǒng)功能描述錯誤!未定義書簽。
2.3功能模塊劃分錯誤!未定義書簽。
2.4系統(tǒng)流程分析錯誤!未定義書簽。
3數(shù)據(jù)庫設(shè)計錯誤!未定義書簽。
3.1數(shù)據(jù)庫分析與設(shè)計錯誤!未定義書簽。
3.2數(shù)據(jù)庫表的創(chuàng)建錯誤!未定義書簽。
4系統(tǒng)功能模塊創(chuàng)建錯誤!未定義書簽。
4.1配置web.config錯誤!未定義書簽。
4.2系統(tǒng)界面和代碼的實現(xiàn)錯誤!未定義書簽。
5設(shè)計結(jié)論和心得錯誤!未定義書簽。
需要項目源碼的可以聯(lián)系我，加我好友，給我留言即可。尚有其他類型大作業(yè)源碼和
報告。
1設(shè)計題目簡介
1.1題目
汽車世界網(wǎng)的設(shè)計與實現(xiàn)
L2題目簡介
本論文所介紹的汽車世界網(wǎng)是對用戶登錄注冊的一次實踐和綜合應(yīng)用，它采用ASP
作為開發(fā)環(huán)境，后臺數(shù)據(jù)庫采用了SQLSEVER2023。重要分為前臺界面和后臺數(shù)據(jù)庫兩
部分。初次登陸的用戶可以進行注冊,注冊后可返回首頁進行登陸，登陸成功后可以連接其
他網(wǎng)站等操作。
本網(wǎng)站做給那些喜歡汽車的人士
2系統(tǒng)設(shè)計
2.1需求分析
本站為喜歡汽車的各位發(fā)明好的瀏覽環(huán)境
并且能注冊本小站會員
現(xiàn)在網(wǎng)上各種網(wǎng)站都需要注冊帳號進行登陸，本站為客戶提供了一個練習(xí)注冊帳號并
登陸帳號的服務(wù)。
2.2系統(tǒng)功能描述
本網(wǎng)站具有強大的瀏覽功能，能瀏覽各大汽車知名網(wǎng)站，給您最佳的幫助，本網(wǎng)站為用戶
提供注冊和登陸功能，可以強化用戶注冊帳號和登陸帳號的純熟度，并且反復(fù)的注冊有助
于高效的提高用戶記憶力，達成強健大腦能力的目的。并且本站可以連接到新浪汽車網(wǎng)、
汽車天地、太平洋汽車網(wǎng)、等大型網(wǎng)站，可以幫助用戶自己對汽車的結(jié)識和了解，豐富自
己的知識層次。
2.3功能模塊劃分
系統(tǒng)用戶功能：
本系統(tǒng)重要可以實現(xiàn)以下功能：
1.首頁：美化后的主頁給人神清氣爽的感覺，為用戶提供一次判斷，假如初次登
陸，可以進行注冊；假如已經(jīng)擁有本網(wǎng)站帳號，也可以直接進行登陸。
2.注冊頁面：為用戶提供注冊功能，并將他們的用戶數(shù)據(jù)存放于數(shù)據(jù)庫中，方便下
次登陸時使用。
3.登陸頁面：該頁面可以通過連接數(shù)據(jù)庫，判斷用戶帳號密碼是否對的，從而判斷
用戶能否進入個人主頁。
4.密碼找回頁：用戶假如忘掉密碼，可以在本頁通過用戶名進行密碼找回，在與數(shù)
據(jù)庫連接確認后，密碼將自動發(fā)往用戶注冊時提供的郵箱中。
4.個人頁面：進入個人主頁，進入你自己喜歡的大型網(wǎng)站
操作系統(tǒng):Windwos7Ultimate
開發(fā)工具:VisualStudio2023
數(shù)據(jù)庫：SqlServer2023
測試瀏覽器：IE8、FF3.6.8,GoogleChrome（IE8中彈出登錄層后會出現(xiàn)豎拉條，
其他兩種沒有出現(xiàn)，那個豎拉條可以在JS中通過修改數(shù)值讓其不出現(xiàn)，但是下面會出現(xiàn)
白邊）
1、預(yù)覽
1）登錄前
苒更關(guān)于
歡迎來到杜祥雨的小站
希望悠有戲?
BvFerry
2）點擊登錄顯示登錄窗口（層），同時用一個灰色透明層遮罩主窗體內(nèi)容，點擊
【登錄】，隱藏【登錄】，顯示loading圖，登錄失敗，顯示【登錄】，隱藏登錄圖,
同時顯示提醒信息創(chuàng)建用戶
*x大，受心
3金"代廣
國戶
嘴認衣硝：
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開號下fil^tOMVSylOO%?
4）登陸成功后
2.4系統(tǒng)流程分析
用戶注冊流程如圖2-1所示:
用戶進行注冊
圖2T用戶注冊流程圖
圖2-2用戶登陸流程圖
3數(shù)據(jù)庫設(shè)計
3.1數(shù)據(jù)庫分析與設(shè)計
5列，包含UserName、Password>e-mail>Question>Answer設(shè)立UserName為主鍵。
3.2數(shù)據(jù)庫表的創(chuàng)建
設(shè)計的數(shù)據(jù)庫表
4系統(tǒng)功能模塊創(chuàng)建
4.系統(tǒng)界面和代碼的實現(xiàn)
母版：
使用VS2023創(chuàng)建一個WebSite,此功能是在母版頁Site.master中實現(xiàn)的。VS2
023會自動添加JQuery的js文獻到Scripts文獻夾，并創(chuàng)建一個母版頁和基于此母版
頁的Default.aspx和About.aspx兩個窗體。
1)登錄層界面設(shè)計，看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，>
驗證碼：
</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二〃驗證碼〃title二〃看不清，點擊圖片更換圖片〃/>
</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)實現(xiàn)遮罩層和彈出登錄界面的層的js文獻Scripts/common.js的代碼，注意，里面
硬寫了一些母版頁Site.master中的元素的ID
$(function(){
varscreenwidth,screenheight,mytop,getPosLeft,getPosTop
screenwidth=$(window),width0;
screenheight=$(window).height();
〃獲取滾動條距頂部的偏移
mytop=$(document).scrollTopO;
〃計算彈出層的left
getPosLeft=screenwidth/2-200;
〃計算彈出層的top
getPosTop=screenheight/2-150;
//css定位彈出層
$(〃#divLoginWindow〃).css({getPosLeft,〃top〃：getPosTop});
〃當瀏覽器窗口大小改變時
$(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})；
})；
〃當拉動滾動條時，彈出層跟著移動
$(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})；
})；
〃點擊鏈接彈出登錄窗口
$(^Spopup^).click(function(){
$(，，#divLoginWindow/，).fadeln(〃slow〃);//toggle(z/slow，z);
$(〃枇xtUserName").focus();
〃獲取頁面文檔的高度
vardocheight=$(document).height();
〃追加一個層，使背景變灰
$("body"),append(〃<divid='greybackground，></div>〃)；
$(，，#greybackground/，).css({“opacity”:〃0?5〃,“height〃:docheight});
returnfalse;
});
〃點擊關(guān)閉按鈕
$("#closeBtn").click(function(){
$("#divLoginWindow").fadeOut("slow");////hide();
〃刪除變灰的層
$("#greybackground").remove();
returnfalse;
})；
))；
〃更換驗證碼圖片
functionChangeCode(obj){
obj.src="Code,aspx?”+Math,random();
!
3)點擊【登錄】實現(xiàn)AJAX登錄驗證功能的js文獻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>登錄失敗，請檢查后重
試!("+count+"次)</font>");
)
?
})
)
4)請求的CheckLogin.aspx的后臺代碼，前臺清除剩Page命令一行
usingSystem;
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 小學(xué)五年級數(shù)學(xué)小數(shù)乘除法豎式計算練習(xí)題
- 土方分包合同范本-合同范本
- 《美容項目專業(yè)知識》課件
- 《醫(yī)院急診科的管理》課件
- 屆每日語文試題精練
- 更新采伐公路護路林許可申請表
- 《家用醫(yī)療用具使用》課件
- 金融產(chǎn)業(yè)電話理財顧問績效總結(jié)
- 快遞公司保安工作總結(jié)
- 醫(yī)療器械行業(yè)安全工作總結(jié)
- 中、高級鉗工訓(xùn)練圖紙
- 2024-2030年中國車載動態(tài)稱重行業(yè)投融資規(guī)模與發(fā)展態(tài)勢展望研究報告
- 乒乓球教案完整版本
- 2024年重慶公交車從業(yè)資格證考試題庫
- 銀行解押合同范本
- 2024-2030年中國紋身針行業(yè)市場發(fā)展趨勢與前景展望戰(zhàn)略分析報告
- 部編版道德與法治九年級上冊每課教學(xué)反思
- 2024云南保山電力股份限公司招聘（100人）（高頻重點提升專題訓(xùn)練）共500題附帶答案詳解
- 人教版（2024）七年級上冊英語 Unit 1 You and Me 語法知識點復(fù)習(xí)提綱與學(xué)情評估測試卷匯編（含答案）
- 六年級期末家長會課件下載
- 煤炭托盤合作協(xié)議書
評論
0/150
提交評論