当前位置:文档之家› 高级软件开发技术报告

高级软件开发技术报告

高级软件开发技术课程设计报告题目:学生成绩查询网站专业:信息管理与信息系统学生成绩查询网站一、网站的功能设计这个网站的目的是为了方便学生查询成绩和进行个基本人信息注册以方便录入新的成绩,有了这个网站,学生就不用再为没地方查询成绩而发愁,也方便教务处对学生的信息有一个基本的了解。

学生成绩查询网站能让有成绩的学生登录,并且登陆之后就能很方便的看到自己的学习成绩。

这个网站一共有3个窗体页,主页index.aspx设计为登陆页面,如图1.0所示, result.aspx页设计为成绩查询结果页,如图2.0和图2.1所示,register.aspx页设计为注册页如图3所示。

当学生首次登陆这个网站时,进入的是登陆页面。

如果学生已经有账号了,则直接输入用户名和密码,再单击登陆按钮。

如果账号和密码正确则进入到成绩查询页面,否则就得重新输入。

若果学生好没有账号,就单击注册按钮进行注册,进入的是注册页面。

图1 登录界面当进入到成绩查询页面时,学生就能看到自己的成绩,成绩以一个成绩表形式呈现数来,标题栏有姓名、课程、成绩、课程性质、学时和学分在页面的左侧有一个欢迎的字样。

如果学生有成绩,成绩表就会呈现具体的学生成绩,并在页面的左侧呈现“欢迎您!”后边加上学生的姓名的字样,如果没有成绩,则就会看到成就表为空,页面的左侧只呈现“欢迎您!”的字样。

当学生返回到登录页面时,只需要点击“回到登陆页”超链接就可以回去了。

图2.1 成绩查询无结果图2.0 成绩查询成功当进入到注册页面时,学生需要输入一些基本的注册信息,例如:用户名、密码、姓名、年龄、性别、专业、爱好等基本信息,要求用户名、密码和姓名不能为空。

在输入用户名时,要求用户名只能由英文字母、数字、下划线组成。

输入密码时要求密码框和重复输入密码框必须相同,姓名可以由任意字符注组成,年龄要求在15岁到110岁之间,邮箱要求输入正确的邮箱。

若果违反了以上的要求,就会导致无法注册显示错误信息。

性别可以选择男或女,专业的下拉列表有很多选项,只需选择其中一个就可以了,爱好这一项选择可以多选。

当满足以上要求后,单击注册按钮后就会返回到登录页面。

若不想注册了,也可点击页面上的“回到登陆页面”超链接返回到登陆页。

图3 学生信息注册二、控件的属性1、index.aspx页面控件该页面可以从数据库中提取数据来匹配学生输入的用户名和密码,匹配失败显示“用户名或密码错误,请重新输入”。

登陆界面可以实现和数据库的连接交互,该页面一共用到3种控件,有文本、文本框和按钮控件。

两个按钮共编写了两个事件,登录事件编写的是和数据库进行简单的连接交互事件,将用户输入的登录信息与数据库中的表信息进行匹配,匹配成功则转入result.aspx页,匹配失败则弹出错误信息警告框。

该页为登录页面,页面中的所有控件都有id和runat两个属性,runat的属性值为“server”固定不变。

页面中的文本控件的Text属性为“学生登录”,id属性为“Label1”。

页面中有两个文本框控件,第一个文本框控件用来输入用户名,控件的id属性值为“stu_id”,控件的是width属性值为“101px”,第二个文本框控件用来输入密码,控件的id属性值为“stu_pwd”,TextMode属性值为“Password”控件的是width属性值为“101px”。

页面中登录按钮控件的id属性值为“btnLogin”,控件的onclick属性值为“btnLogin_Click”。

页面中登录按钮控件的id属性值为“btnCancel”,控件的onclick属性值为“btnCancel_Click”。

该页面的主要代码如下:<head runat="server"><title>学生成绩查询</title><style type="text/css">.style2{height: 64px;}.style4{height: 48px;}.style5{height: 49px;}.style6{height: 48px;width: 377px;}.style7{height: 64px;width: 377px;}.style9{height: 58px;}</style></head><body><form id="form1" runat="server"><div><table style="width: 800px; font-size: 10pt; background-image: url(images/bg.jpg)" border="0" align="center"><tr style="font-weight:bold; font-size:12pt"><td colspan="2" align="center" class="style5" ><asp:Label ID="Label1" runat="server" Text="学生登陆"></asp:Label></td></tr><tr><td align="right" class="style6">用户名:</td><td class="style4" ><asp:TextBox ID="stu_id" runat="server" Width="101px"></asp:TextBox></td></tr><tr ><td align="right" class="style7" >密&nbsp;码:</td><td class="style2" ><asp:TextBox ID="stu_pwd" runat="server" TextMode="Password" Width="101px"></asp:TextBox></td></tr><tr><td align="right" class="style9" ><asp:Button ID="btnLogin" runat="server" Text="登录"onclick="btnLogin_Click" /></td><td style=" height: 58px; text-align:center" > &nbsp;&nbsp;&nbsp;<asp:Button ID="btnCancel" runat="server" Text="注册" CausesValidation="False"onclick="btnCancel_Click" /></td></tr></table></div></form></body>2、register.aspx页面控件学生信息注册界面和数据库进行了简单的增加交互,该页面能够实现将用户输入的信息录入到数据的stu_login登录表中,表中有用户的基本注册的信息。

该页面包含7种控件,有文本框、表单、下拉列表、单选按钮列表、多选按钮列表、按钮和验证控件。

该页面编写了一个注册按钮控件应发事件,即将写入的数据插入到数据库当中。

该页面为注册学生信息的页面,该页面包含5种控件,每个控件都有两个属性,一个为用来唯一标识每个web服务器控件的id属性,另一个是runat属性,其值为“server”表示该控件要在服务器上运行。

第一个文本框控件用来输入用户名,控件的id属性值为“TextBox1”,与该控件相关联的有两个验证控件,第一个验证控件为RequiredFieldValidator控件,该控件的ErrorMessage属性值为“注册账号不能为空”,ControlToValidate属性值为“TextBox1”,EnableTheming属性值为“true”表示将在应用程序的主题目录中搜索要应用的控件外观,如果主题目录中不存在用于特定控件的外观,则不应用外观,Display 属性值为“None”表示从不内联显示的验证程序内容,EnableViewState 属性值为“false”表示视图状态为未选中;第二个验证控件为RegularExpressionValidator控件,该控件的ErrorMessage 的属性值为“必须是数字和字母”,ControlToValidate 属性值为“TextBox1”ValidationExpression =的属性值为“^[A-Za-z0-9]+$ ”,Display 的属性值为“none”。

第二个文本框控件用来输入密码,TextMode 的属性值为“password"”与该控件相关联的有两个验证控件,第一个验证控件为RequiredFieldValidator控件,第二个为CompareValidator控件,该控件的ControlToCompare属性值为“TextBox2”即输入密码文本框,ControlToValidate 的属性值为“TextBox3”即重复输入密码文本框,ErrorMessage属性值为“密码和重复密码不匹配”,Display 属性值为“none”。

第三个文本框控件用来重复输入密码,TextMode 的属性值为“password”,RequiredFieldValidator控件用来控制该文本框不能为空。

相关主题