2023年NET框架设计大作业.pdf
哈 尔 滨 理 工 大 学.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题目汽车世界网的设计与实现L 2题目简介本论文所介绍的汽车世界网是对用户登录注册的一次实践和综合应用，它 采 用ASP作为开发环境，后台数据库采用了 SQL SEVER 2023。重要分为前台界面和后台数据库两部分。初次登陆的用户可以进行注册,注册后可返回首页进行登陆，登陆成功后可以连接其他网站等操作。本网站做给那些喜欢汽车的人士2 系统设计2.1 需求分析本站为喜欢汽车的各位发明好的浏览环境并且能注册本小站会员现在网上各种网站都需要注册帐号进行登陆，本站为客户提供了一个练习注册帐号并登陆帐号的服务。2.2 系统功能描述本网站具有强大的浏览功能，能浏览各大汽车知名网站，给您最佳的帮助，本网站为用户提供注册和登陆功能，可以强化用户注册帐号和登陆帐号的纯熟度，并且反复的注册有助于高效的提高用户记忆力，达成强健大脑能力的目的。并且本站可以连接到新浪汽车网、汽车天地、太平洋汽车网、等大型网站，可以帮助用户自己对汽车的结识和了解，丰富自己的知识层次。2.3 功能模块划分系统用户功能：本系统重要可以实现以下功能：1.首页：美化后的主页给人神清气爽的感觉，为用户提供一次判断，假如初次登陆，可以进行注册；假如已经拥有本网站帐号，也可以直接进行登陆。2.注册页面：为用户提供注册功能，并将他们的用户数据存放于数据库中，方便下次登陆时使用。3.登陆页面：该页面可以通过连接数据库，判断用户帐号密码是否对的，从而判断用户能否进入个人主页。4.密码找回页：用户假如忘掉密码，可以在本页通过用户名进行密码找回，在与数据库连接确认后，密码将自动发往用户注册时提供的邮箱中。4.个人页面：进入个人主页，进入你自己喜欢的大型网站操作系统:Windwos7 Ultimate开发工具:Visual Studio 2023数据库：Sql Server 2023测试浏览器：IE8、FF3.6.8,Google Chrome（IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS 中通过修改数值让其不出现，但是下面会出现白边）1、预览1）登录前苒更 关于欢迎来到杜祥雨的小站希望悠有戏Bv Ferry2）点击登录显示登录窗口（层），同时用一个灰色透明层遮罩主窗体内容，点击【登录】，隐 藏【登录】，显 示 loading图，登录失败，显 示【登录】，隐藏登录图,同时显示提醒信息创建用户*x大，受心3金 代广国户嘴认衣硝：e J”件|另建用户|r cs打窿再到 360衽?.?5 M S I S lE H ff 下喊、口，0WS.4 100%-3）创建成功后登陆用户360安全冽划I 5.0正式假Cf ft localhost 4 4蒙爸 含 才网址大 全 内 涵8中 心 聒3仪阑文侬F)IB(D B5(H)r搜（于展中心闻诩欢圆 符 茂封 好 哲 事 匈 也 彳 4+血登录用 户 名：密 码：L下 次 记 住 我。西二 猥蒋到360柳 集 融高登赛,t O.tM KSQlEFT开 号下filtO M V S ylO O%4）登陆成功后2.4系统流程分析用户注册流程如图2-1所示:用户进行注册图 2 T 用户注册流程图图 2-2 用户登陆流程图3 数据库设计3.1数据库分析与设计5 列，包含 UserName、Password e-mail Question Answer 设立 UserName 为主键。3.2数据库表的创建设计的数据库表4系统功能模块创建4.系统界面和代码的实现母版：使用VS2023创建一个Web S ite,此功能是在母版页Site.master中实现的。VS2023会自动添加JQuery的 js 文献到Scripts文献夹，并创建一个母版页和基于此母版页的 Default.aspx 和 About.aspx 两个窗体。1)登录层界面设计，看 Site.master中的代码 h e a d runa t=se rve r”)F lyN ote B ook div class=header” FlyNoteBookspan id=popup runat二 server”）登录 ta b le style=wid th:1 0 0%;b ord e r二 0 c e llpa d d ing 二 2 c e llspa c ing二 0&nb sp;用户登录&nb sp;用 户 名：&nb sp;td a lig n二 rig h t”&nb sp;密&nb sp;&nb sp;&nb sp;码：&nb sp;&nb sp;验证码：f e nb sp;td c olspa n二 2 a lig n二 c e nte r”登&nb sp 。一登录窗口:E nd d iv c la ss二 d iv c la ss二 c le a r”d iv c la ss=f oote r”B y F e rry2)实现遮罩层和弹出登录界面的层的js 文 献 Scripts/common.js的代码，注意，里面硬写了一些母版页Site.master中的元素的ID$(f unc tion()va r sc re e nwid th,sc re e nh e ig h t,mytop,g e tP osL e f t,g e tP osT opsc re e nwid th =$(wind ow),wid th 0 ;sc re e nh e ig h t=$(wind ow).h e ig h t();获取滚动条距顶部的偏移mytop=$(d oc ume nt).sc rollT opO ;计算弹出层的le f tg e tP osL e f t=sc re e nwid th /2 -2 0 0;计算弹出层的topg e tP osT op=sc re e nh e ig h t/2 -1 5 0;/c ss定位弹出层$(#d ivL og inW ind ow).c ss(g e tP osL e f t,top：g e tP osT op);当浏览器窗口大小改变时$(wind ow).re size(f unc tion()sc re e nwid th =$(wind ow),wid th();sc re e nh e ig h t=$(wind ow).h e ig h t();mytop=$(d oc ume nt).sc rollT opO ;g e tP osL e f t=sc re e nwid th /2 -2 0 0;g e tP osT op=sc re e nh e ig h t/2 -1 5 0;$(z，#d ivL og inW ind ow，/).c ss(“le f t:g e tP osL e f t,top：g e tP osT op+mytoP )；)；当拉动滚动条时，弹出层跟着移动$(wind ow),sc roll(f unc tion()sc re e nwid th =$(wind ow).wid th();sc re e nh e ig h t=$(wind ow).h e ig h t();mytop=$(d oc ume nt).sc rollT opO ;g e tP osL e f t=sc re e nwid th /2 -2 0 0;g e tP osT op=sc re e nh e ig h t/2 -1 5 0;$(z，#d ivL og inW ind owz，).c ss(le f t:g e tP osL e f t,top：g e tP osT op+mytoP )；)；点击链接弹出登录窗口$(S popup).c lic k(f unc tion()$(，#d ivL og inW ind ow/，).f a d e ln(slow);/tog g le (z/slow，z);$(枇xtU se rN a me ).f oc us();获取页面文档的高度va r d oc h e ig h t=$(d oc ume nt).h e ig h t();追加一个层，使背景变灰$(b od y),a ppe nd()；$(，#g re yb a c kg round/，).c ss(“opa c ity”:0 5 ,“h e ig h t:d oc h e ig h t);re turn f a lse;);点击关闭按钮$(#c lose B tn).c lic k(f unc tion()$(#d ivL og inW ind ow).f a d e O ut(slow);/h id e();删除变灰的层$(#g re yb a c kg round ).re move();re turn f a lse;)；)；更换验证码图片f unc tion C h a ng e C od e(ob j)ob j.src =C od e,a spx?”+M a th,ra nd om();!3)点 击【登录】实现AJAX登录验证功能的js 文 献 Scripts/login.js的代码var count=0;$(document).ready(function()$(#loading).hide()；function CheckLogin()$(#alogin).hide();$(#loading).show();var txtCode=$(#txtCode);var txtName=$(#txtllserName);var txtPwd=$(#txtPassword);$.ajax(url:CheckLogin.aspx?Code=+txtCode.val()+&Name=+txtName.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(登录失败，请检查后重试!(+count+次);)?)4)请求的CheckLogin.aspx的后台代码，前台清除剩Page命令一行u s i n g S y s t e m;u s i n g S y s t e m.D a t a;p u b l i c p a r t i a l c l a s s C h e c k L o g i n :S y s t e m.W e b.U I.P a g e(p r o t e c t e d v o i d P a g e _ L o a d(o b j e c t s e n d e r,E v e n t A r g s e)(t r y(S t r i n g s t r C o d e =R e q u e s t.Q u e r y S t r i n g/zC o d ez/;S t r i n g s t r N a m e =R e q u e s t.Q u e r y S t r i n g/zN a m e/z;S t r i n g s t r P a s s w o r d =R e q u e s t.Q u e r y S t r i n g，zP w dz，;i f (s t r C o d e !=S e s s i o n z/C o d ez，.T o S t r i n g O)(R e s p o n s e.W r i t e(f a l s e);e l s eD A O.S q l H e l p e r h e l p e r =n e w D A O.S q l H e l p e r 0;DataTable dt=helper.FillDataTable(String.Format(Select UserName,TrueName From C lients Where UserName=，0 And Password=strName,strPassword)；if(dt!=null&dt.Rows.C ount 0)(SessionTrueName=dt.Rows0TrueName ToString();Response.Write(dt.Rows0TrueName ToString();)else(Response.Write(，false，/);)catch5设计结论和心得通过课程设计有如下几点心得体会：掌握了在vs2023中连接sql sever2023的方法，提高自己的操作水平，同时自己的动手能力进一步得到体现，也感谢老师在课堂上的传授，让我对这次网页设计做好良好的准备工作。在以后的学习工作中更应当加强自己的动手能力，结合课本上的知识丰富自己的学习层面，学好数据库是我的近期目的。
