web设计报告山东科技大学.docx
《web设计报告山东科技大学.docx》由会员分享，可在线阅读，更多相关《web设计报告山东科技大学.docx（15页珍藏版）》请在冰豆网上搜索。
web设计报告山东科技大学
Web设计说明书
课程名称：
Web应用设计
专业：
计算机科学与技术班级：
设计人：
山东科技大学
山东科技大学
课程设计任务书
一、课程设计题目：
Web动态网页（句子迷）
二、设计原始资料：
●Web编程入门经典:
HTML、XHTML和CSS（第2版）
●大话数据库
●Web应用程序设计与开发技术
●SQLSever2008入门与提高
三、设计应解决下列各主要问题：
●网站的需求分析
●网站的结构设计
●数据库搭建与后台程序的实现
●良好的用户界面（HTML+CCS）
四、设计说明书应附有下列图纸
●运行与开发环境
●用户使用说明书
五、命题发出日期：
2016.07.04 设计完成日期：
2016.07.21
指导教师评语
成绩：
指导教师（签章）：
年 月 日
一、需求分析
句子迷的定位
句子迷是一个美句佳句的分享社区，专属会员自己的句子摘抄本。
在这里，用户可以轻松发布和收藏您喜欢的句子，和同好谈论感兴趣的佳句妙语、诗词歌赋。
本次实验共设计7个页面，分别为句子迷首页、名人名言、佳句欣赏、美图美句、原创句子、会员注册与登录界面、关于我们。
以下是各功能模块的功能描述：
1.1会员注册与登录
本模块的主要功能链接数据库，将用户注册信息写入，并在登陆是从数据库中查询用户名对比密码。
如若成功，跳转到首页。
若不成功则在当页显示提示信息。
1.2时钟模块（JS实现）
本模块采用js的主要功能是显示当前时间，方便用户确认时间。
1.3导航栏模块
本模块的主要功能是讲7个页面进行链接，主要采用列表+CSS。
并用js更改了鼠标移动到导航栏对应位置的的特效。
1.4鼠标点击切换图片（JS实现）
本模块的主要功能是讲7个页面进行链接，主要采用列表+CSS。
并用js更改了鼠标移动到导航栏对应位置的的特效。
1.5页面布局模块
本模块的主要采用+css对页面进行布局
1.6良好用户界面
包括图片的插入、超链接、字幕的滚动等等。
二、概要设计
2.1模块调用图
三、详细设计
3.1会员注册与登录
会员的登陆
protectedvoidbtnLogin_Click（objectsender,EventArgse）
{
stringstrConn=@"DataSource=LENOVO-PC\CONSOLE2012;InitialCatalog=haojuzi;IntegratedSecurity=True";
System.Data.SqlClient.SqlConnectionconn=newSystem.Data.SqlClient.SqlConnection（strConn）;
conn.Open（）;
stringstrUserName=txtUserName.Text;
stringstrPassWord=txtPassword.Text;
stringstrSelect="selectcount（*）fromSUserwhereUserName='"+strUserName+"'andUserPassword='"+strPassWord+"'";
System.Data.SqlClient.SqlCommandselectCom=
newSystem.Data.SqlClient.SqlCommand（strSelect,conn）;
intcount=int.Parse（selectCom.ExecuteScalar（）.ToString（））;
conn.Close（）;
if（count>0）
{
Response.Redirect（"Main.aspx"）;
}
else
{
Label1.Text="用户名密码输入错误";
}
}
}
会员的注册
publicpartialclassLogin:
System.Web.UI.Page
{
protectedvoidPage_Load（objectsender,EventArgse）
{
stringstrUserName=txt1UserName.Text;
stringstrPassWord1=txt1Password.Text;
stringstrPassWord2=txt2Password.Text;
if（strUserName.Trim（）==""）
{
Label1.Text="用户名不能为空！
";
return;
}
stringstrConn=@"DataSource=LENOVO-PC\CONSOLE2012;InitialCatalog=haojuzi;IntegratedSecurity=True";
System.Data.SqlClient.SqlConnectionconn=newSystem.Data.SqlClient.SqlConnection（strConn）;
conn.Open（）;
stringstrSelect="selectcount（*）fromSUserwhereUserName='"+strUserName+"'";
System.Data.SqlClient.SqlCommandselectCom=
newSystem.Data.SqlClient.SqlCommand（strSelect,conn）;
intcount=int.Parse（selectCom.ExecuteScalar（）.ToString（））;
if（count>0）
{
Label2.Text="用户名已存在！
";
}
else
{
if（strPassWord1!
=strPassWord2）
{
Label2.Text="两次输入密码不一致！
";
return;
}
else
{
stringstrInsert="INSERTINTOSUser（UserName,UserPassword）VALUES（'"+strUserName+"','"+strPassWord1+"'）";
SqlCommandinsertCom=newSqlCommand（strInsert,conn）;
insertCom.ExecuteNonQuery（）;
Label2.Text="注册成功！
";
conn.Close（）;
Response.Redirect（"Main.aspx"）;
}
}
conn.Close（）;
}
3.2时钟模块（JS实现）
functionButtonClock（）{
day=newDate（）;
HourNow=day.getHours（）;
MinuteNow=day.getMinutes（）;
SecondNow=day.getSeconds（）;
TimeNow=day.getTime（）;
if（HourNow==0）{hour=12;ap="am";}
elseif（HourNow<=11）{ap="am";hour=HourNow;}
elseif（HourNow==12）{ap="pm";hour=12;}
elseif（HourNow>=13）{hour=（HourNow-12）;ap="pm";}
if（HourNow>=13）{hour=HourNow-12;}
if（MinuteNow<=9）{minute="0"+MinuteNow;}
else（minute=MinuteNow）
if（SecondNow<=9）{second="0"+SecondNow;}
else{second=SecondNow;}
time=hour+":
"+minute+":
"+second+ap;
document.form.button.value=time;
self.status=time;
setTimeout（'ButtonClock（）',1000）;
}
document.write（""+""）;
onError=null;
functionAlertWindow（）{}
ButtonClock（）;
3.3导航栏模块
--导航S-->
句子迷首页
名人名言
佳句欣赏
美图美句
原创句子
会员登录
关于我们
升级会员 