网页设计与制作实验报告

学号：070104021123专业：计算机科学与技术班级：07计科2班姓名：张兆民题目:网页设计与制作指导教师：郭胜设计时间：2010年12月14日一课程设计目的二、课程设计题目2三、课程设计要求2四、需求分析2五、源代码及截图2六、参考资料25七、设计总结25实验内容一、课程设计的目的本课程的设计目的是通过实践使同学们对技术有个全面的了解，通 过这次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体 的开发案例，理解并初步掌握运用Visual Studio 2005开发工具进行网页开发的 方法；了解网页设计制作过程。了解和熟悉网页设计的基础知识和实现技巧。 根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作 符合要求的网页设计作品。二、课程设计题目网页设计与制作一一登陆系统三、课程设计要求根据所选择的主题，设计相关的网页，要求用技术做网页。要求连 数据库，实现基本功能。四、需求分析选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研的主要方式是在图书馆里翻阅相关书籍。调研内 容如下：1、网站当前以及日后可能出现的功能需求。2、对网站的性能(如访问速度)的要求和可靠性的要求。3、确定网站维护的要求。4、网站的实际运行环境。5、网站页面总体风格以及美工效果。6、主页面和次级页面数量等。7、内容管理及录入任务的分配。8、项目完成时间及进度。然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接 着逐步细化。五、网站源代码(1) 登录界面：前台设计代码：Login.aspx 无标题页 / 设计者：张兆民                                                                                                           用户登陆       用户密码                td colspan=3 style=text-align: center; height: 99px; background-color:员工管理系统 后台功能代码：Login.aspx.csusing System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class login : System.Web.UI. Page protected void Page_Load(object sender, EventArgs e)protected void Button2_Click(object sender, EventArgs e)string username = txtUser.Text.Trim();string pwd = txtPass.Text.Trim();if (username =张兆民& pwd = 123456)Response.Redirect(succeed.aspx?uid=+txtUser.Text+&txtPass=+txtPass.Text+&txtUser=+txtU ser.Text);elseLabell.Text =用户名或者密码有误！请重新输入！”;protected void Button3_Click(object sender, EventArgs e) txtUser.Text =”;txtPass.Text =”;protected void Buttonl_Click(object sender, EventArgs e)Response.Redirect(Default.aspx); 截图:(2) 新用户注册表界面:前台设计代码：Default.aspx 无标题页 /                                              新用户注册表                                 *用户名                                             *登陆密码                                         *性别                                                                   *真实姓名             留言板   td colspan=2 style=background-color: transparent，                                                                                                                                                                                                     后台功能代码：Default.aspx.csusing System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class _Default : System.Web.UI. Pageprotected void Page_Load(object sender, EventArgs e)protected void male_CheckedChanged(object sender, EventArgs e)protected void Button1_Click(object sender, EventArgs e)string sex =”;if (female.Checked)sex =女”;elsesex =男”；if (agree.Checked)Response.Redirect(shopperson_Info.aspx?uid= + userName.Text + &pwd= + Pwd.Text + &sex= + sex + &realname= + RealName.Text);elseResponse.Write(alert(由于您不同意我们的服务条 款 注册失败！ )”);截图：新用户注册表畜谿又祗曲甬靠* 用户名 ：请填写安全密码*登陆密码匚二二二二：*性别 男。，女嗔实姓名匚二二二二二留言板我已经看过并同意(服务条款)(3) 注册成功界面:前台设计代码：ShopPerson_Info.aspx 无标题页             恭喜您注册成功！    *用户名   *登陆密码   *性    别  *真实姓名  后台功能代码：ShopPerson_Info.aspx.csusing System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class ShopPerson_Info : System.Web.UI. Page protected void Page_Load(object sender, EventArgs e)this.ClientScript.RegisterStartupScript(this.GetType(), ”, alert(注册成功! );tryLabel1.Text = Request.QueryStringuid.ToString();Label2.Text = Request.QueryStringpwd.ToString();Label3.Text = Request.QueryStringsex.ToString();Label4.Text = Request.QueryStringrealname.ToString();catchprotected void Button1_Click(object sender, EventArgs e)Response.Redirect(login.aspx);截图：(4) 显示姓名界面：前台设计代码：Sousou.aspx 无标题页                                                                                              尊敬的用户！恭喜您！登陆成功！ 姓名：          asp:BoundField DataField=name HeaderText=姓名SortExpression=name” /