版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
哈尔滨理工大学
《.NET框架设计》
课程大作业
题目：汽车世界的设“与实现
班级:
学号:
姓名：
指导教师:
系主任：
2023年月曰
目录
1设计题目简介错误!未定义书签。
1.1题目错误!未定义书签。
1.2题目简介错误!未定义书签。
2系统设计错误!未定义书签。
2.1需求分析错误!未定义书签。
2.2系统功能描述错误!未定义书签。
2.3功能模块划分错误!未定义书签。
2.4系统流程分析错误!未定义书签。
3数据库设计错误!未定义书签。
3.1数据库分析与设计错误!未定义书签。
3.2数据库表的创建错误!未定义书签。
4系统功能模块创建错误!未定义书签。
4.1配置web.config错误!未定义书签。
4.2系统界面和代码的实现错误!未定义书签。
5设计结论和心得错误!未定义书签。
需要项目源码的可以联系我，加我好友，给我留言即可。尚有其他类型大作业源码和
报告。
1设计题目简介
1.1题目
汽车世界网的设计与实现
L2题目简介
本论文所介绍的汽车世界网是对用户登录注册的一次实践和综合应用，它采用ASP
作为开发环境，后台数据库采用了SQLSEVER2023。重要分为前台界面和后台数据库两
部分。初次登陆的用户可以进行注册,注册后可返回首页进行登陆，登陆成功后可以连接其
他网站等操作。
本网站做给那些喜欢汽车的人士
2系统设计
2.1需求分析
本站为喜欢汽车的各位发明好的浏览环境
并且能注册本小站会员
现在网上各种网站都需要注册帐号进行登陆，本站为客户提供了一个练习注册帐号并
登陆帐号的服务。
2.2系统功能描述
本网站具有强大的浏览功能，能浏览各大汽车知名网站，给您最佳的帮助，本网站为用户
提供注册和登陆功能，可以强化用户注册帐号和登陆帐号的纯熟度，并且反复的注册有助
于高效的提高用户记忆力，达成强健大脑能力的目的。并且本站可以连接到新浪汽车网、
汽车天地、太平洋汽车网、等大型网站，可以帮助用户自己对汽车的结识和了解，丰富自
己的知识层次。
2.3功能模块划分
系统用户功能：
本系统重要可以实现以下功能：
1.首页：美化后的主页给人神清气爽的感觉，为用户提供一次判断，假如初次登
陆，可以进行注册；假如已经拥有本网站帐号，也可以直接进行登陆。
2.注册页面：为用户提供注册功能，并将他们的用户数据存放于数据库中，方便下
次登陆时使用。
3.登陆页面：该页面可以通过连接数据库，判断用户帐号密码是否对的，从而判断
用户能否进入个人主页。
4.密码找回页：用户假如忘掉密码，可以在本页通过用户名进行密码找回，在与数
据库连接确认后，密码将自动发往用户注册时提供的邮箱中。
4.个人页面：进入个人主页，进入你自己喜欢的大型网站
操作系统:Windwos7Ultimate
开发工具:VisualStudio2023
数据库：SqlServer2023
测试浏览器：IE8、FF3.6.8,GoogleChrome（IE8中弹出登录层后会出现竖拉条，
其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现
白边）
1、预览
1）登录前
苒更关于
欢迎来到杜祥雨的小站
希望悠有戏〜
BvFerry
2）点击登录显示登录窗口（层），同时用一个灰色透明层遮罩主窗体内容，点击
【登录】，隐藏【登录】，显示loading图，登录失败，显示【登录】，隐藏登录图,
同时显示提醒信息创建用户
*x大，受心
3金"代广
国户
嘴认衣硝：
e•J■”件
|另建用户|
r«cs
打窿再到360衽•?.?5MSISlEHff•下喊、口，0WS.4100%-
3）创建成功后登陆用户
360安全冽划I5.0正式假文侬F)IB(D»B5(H)r
Cfft•localhost搜
•44蒙•❽爸含才网址大全内涵8中心聒3仪阑®（于展中心闻诩欢♦圆符茂•封好哲事⑴匈也彳'
4+⑥血
登录
用户名：
密码：
L下次记住我。
西
,tO.tMK'S
二猥蒋到360柳集•♦融高登赛QlEFT开号下fil^tOMVSylOO%•
4）登陆成功后
2.4系统流程分析
用户注册流程如图2-1所示:
用户进行注册
图2T用户注册流程图
图2-2用户登陆流程图
3数据库设计
3.1数据库分析与设计
5列，包含UserName、Password>e-mail>Question>Answer设立UserName为主键。
3.2数据库表的创建
设计的数据库表
4系统功能模块创建
4.系统界面和代码的实现
母版：
使用VS2023创建一个WebSite,此功能是在母版页Site.master中实现的。VS2
023会自动添加JQuery的js文献到Scripts文献夹，并创建一个母版页和基于此母版
页的Default.aspx和About.aspx两个窗体。
1)登录层界面设计，看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=，，FlyNoteB
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二〃关于〃
/>
</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二〃关闭〃title=〃关闭〃/>
</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)实现遮罩层和弹出登录界面的层的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({“left":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;
});
〃点击关闭按钮
$("#closeBtn").click(function(){
$("#divLoginWindow").fadeOut("slow");////hide();
〃删除变灰的层
$("#greybackground").remove();
returnfalse;
})；
))；
〃更换验证码图片
functionChangeCode(obj){
obj.src="Code,aspx?”+Math,random();
!
3)点击【登录】实现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. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025服装连锁加盟合同样本
- 2025海上运输合同模板书
- 二零二五年度车辆转让与道路救援服务合同3篇
- 二零二五年度股权投资公司股东合作协议3篇
- 二零二五年度文化产业发展全新期权合同3篇
- 2025年度养羊产业人才培养与交流合作协议3篇
- 二零二五年度生态保护公益合作合同3篇
- 2025年度虚拟现实合伙人股权分配与内容开发合同3篇
- 二零二五年度生态农业用地农村房屋买卖合同协议书
- 2025年度农村自建房包工与智能安防系统安装合同
- 3、心电图检查质量控制(操作标准化)要求
- 肾病科肾病综合征诊疗规范2023版
- 高考作文模拟写作训练：一个熟悉的劳动者
- 电商税收合规问题
- 铁路行车规章
- 污水处理厂有毒有害气体检测记录表
- 马克思主义与社会科学方法论课后思考题答案全
- 针灸推拿习题库+参考答案
- 浅析岩溶地区工程地质勘察手段及应用
- 2023-2024学年六年级上期末数学考试试卷附答案解析
- 罗伊模式个案护理
评论
0/150
提交评论