《Web应用开发技术》综合性实验报告郭庆.docx

1、Web应用开发技术综合性实验报告郭庆Web应用开发技术综合性实验报告20142015学年 第一学期院 别： 数学与计算机学院 班 级： 12计算机（1）班 姓 名： 郭庆 学 号： 1206111010 指导教师： 丁邦旭 实验项目名称简单的Web应用系统设计、开发实验学时6实验地点日 期一、实验目的熟悉ASP.NET的编程和调试环境，熟悉应用系统的开发过程，初步掌握基于C#的ASP.NET技术，掌握ASP.NET Web应用系统开发过程，实现简单的ASP.NET网站的设计、开发。二、设备与环境计算机机房，微型计算机，数据库系统SQL Server Express 2005 /2008和Vis

2、ual Studio 2008/2010软件。三、实验内容（1）实验选题：学生信息管理系统；论坛/博客管理系统；网上书店等小型ASP.NET的Web网站系统。（2）确定所选实验题目，用软件工程方法和面向对象的思想进行设计，包括概要设计、界面设计、详细设计，完成各个功能模块及页面的后台代码编写，并调试、发布网站；系统应包括增加、修改、删除和查询基本功能。四、实验步骤基于ASP.NET技术设计、开发简单的Web应用系统，按照如下步骤完成：（1）对网站进行整体规划；（2）网站系统需求分析；（3）系统功能设计；（4）系统数据库设计（数据库分析、逻辑设计）；（5）基于.net VS2008/2010开发

3、平台，新建基于C#语言的SP.NET Web项目，并保存；（6）各功能页面的界面设计及其后台代码编写、调试；（7）进行系统测试，并发布网站，运行并记录实验结果；（8）配置IIS，用浏览器浏览网站，并记录实验结果。网站中各Web页面的设计、后台代码：图书管理系统网站设计步骤：（1） 制作图书管理系统，数据库中有六个表，分别是学生信息表，管理员表，专业表，书本表，借书表，日志表，登录系统时，从登录界面用存在的用户登录系统，通过这用户可以登录系统，进入学生基本信息的界面，可以在登录界面添加用户，在登陆后修改和删除用户，可以查询所借书，可以修改和删除所借的书，管理员可以添加书，修改和删除借书表中的信息

4、。（2） 图书是学生学校生活的重要组成部分，也是衡量一个学生学习能力的重要标志，要方便的存储和查询学生借阅情况，随着信息化的实现，图书管理系统就成为一个学校的网络组成不不可或缺的部分信息在社会和经济的发展中所起的作用越来越为人们所重视。网站系统可以针对学生用户，方便学生用户查询自己的借阅情况，也为学校对学生的管理更为方便；为学校和学生提供了一个信息共享的平台 。（3） 该图书管理系统可以查看学生的基本信息以及所借书本及其归还的情况，可以添加学生用户的基本信息，也可以修改和删除已存在的学生的信息，管理员还可以添加、修改、删除课本，添加、修改和删除学生。（4）该图书管理系统是用C#结构编程+SQL

5、 Server数据库,在系统中分为两类用户：学生，管理员；6个表；学生的基本信息有登录名、密码、学生姓名、年龄、专业、班级、最近登录时间、最近登录IP；管理员表中有登录名、密码、管理员名，年龄，性别，登录时间，登录IP；书本表中有书本ID、书本名、出版社、价格，出版时间；借书表中有借书ID，书本ID，借书时间，超期时间，是否续借；专业表中有学生所在专业的选择；日志表中有登录时间、登录名、登录IP来记录用户的登录情况。（5）在VS2012的开发平台，利用SQL Server2012开发学生信息管理系统。总共有12个页面，一个Images文件夹用于存放背景图片，其中有一个登录主界面Default.

6、aspx;一个管理员基本信息AdminUser.aspx;添加管理员AdminAdd.aspx;修改管理员信息AdminEdit.aspx;一个学生基本信息界面Student.aspx,添加学生信息界面StudentAdd.aspx,修改学生信息界面StudentEdit.aspx,书本表界面Book.aspx,添加书本表界面BookAdd.aspx,修改书本表的界面BookEdit.aspx;借书表的界面BorrowBook.aspx,添加借书表的界面BorrowAdd.aspx,修改借书表的界面BorrowEdit.aspx;一个公用类ShoeInfo.cs和验证码设计代码界面：valid

7、ateCode.aspx。 （6）主页面的界面设计及其后台代码的编写调试如下： Default.aspx的前台代码如下： 欢迎登陆图书馆管理系统 function ChangeCode() var date = new Date(); var myImg = document.getElementById(ImageCheck); var GUID = document.getElementById(lblGUID); myImg.src = ValidateCode.aspx?GUID= + date.getMilliseconds(); .auto-style1 width: 100%;

8、.auto-style2 text-align: center; .auto-style3 text-align: right; width:50%; font-weight:700; color:blue; height:30px; .auto-style4 height: 30px; 欢迎登陆图书管理系统 登录名 密码 用户类型 管理员 学生 验证码 Default.aspx的后台代码为：using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;u

9、sing System.Web.UI.WebControls;using System.Data;using System.Data.SqlClient;namespace TSGLXT public partial class Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (Request.CookiesUserName != null) tb_LoginName.Text = Request.CookiesUserName.Value; tb_Password.Att

10、ributes.Add(value, Request.CookiesUserPwd.Value); protected void btn_Login_Click(object sender, EventArgs e) if (tb_LoginName.Text = ) ShowInfo.ShowBox(用户名不能为空！); tb_LoginName.Focus(); else if (tb_Password.Text = ) ShowInfo.ShowBox(密码不能为空！); tb_Password.Focus(); else if (tb_Vcode.Text = ) ShowInfo.S

11、howBox(验证码不能为空！); else if (tb_Vcode.Text != SessionCheckCode.ToString() ShowInfo.ShowBox(验证码错误！); tb_Vcode.Text = null; tb_Vcode.Focus(); if (ddl_UserType.SelectedValue = 管理员) string connectString = server=PC-201401171641;DataBase=TSGL;integrated security=SSPI; using (SqlConnection conn2 = new SqlCo

12、nnection(connectString) conn2.Open(); string sql = select * from A_Admin where LoginName= + tb_LoginName.Text + and Password= + tb_Password.Text + ; SqlCommand conn = new SqlCommand(sql, conn2); SqlDataReader rd = conn.ExecuteReader(); if (rd.Read() SessionRealName = rdAdminName.ToString(); SessionI

13、D = rdID.ToString(); SessionUserName = rdLoginName.ToString(); SessionUserType = ddl_UserType.SelectedValue; rd.Close(); string sqlUpdate = update A_Admin set RecentlyLoginTime=getdate(),RecentlyLoginIP= + Request.UserHostAddress.ToString() + ; SqlCommand comm1 = new SqlCommand(sqlUpdate, conn2); co

14、mm1.ExecuteNonQuery(); string sqlInsert = insert into U_Log(LoginName,UserType,LoginTime,LoginIP) values( + tb_LoginName.Text + , + ddl_UserType.SelectedValue + , + DateTime.Now + , + Request.UserHostAddress.ToString() + ); SqlCommand comm2 = new SqlCommand(sqlInsert, conn2); comm2.ExecuteNonQuery()

15、; Response.Redirect(AdminUser.aspx); if (ddl_UserType.SelectedValue = 学生) string connectString = server=PC-201401171641;DataBase=TSGL;integrated security=SSPI; using (SqlConnection conn2 = new SqlConnection(connectString) conn2.Open(); string sql = select * from S_Student where LoginName= + tb_Login

16、Name.Text + and Password= + tb_Password.Text + ; SqlCommand conn = new SqlCommand(sql, conn2); SqlDataReader rd = conn.ExecuteReader(); if (rd.Read() SessionRealName = rdStudentName.ToString(); SessionID = rdID.ToString(); SessionUserName = rdLoginName.ToString(); SessionUserType = ddl_UserType.Sele

17、ctedValue; rd.Close(); string sqlUpdate = update S_Student set RecentlyLoginTime=getdate(),RecentlyLoginIP= + Request.UserHostAddress.ToString() + ; SqlCommand comm1 = new SqlCommand(sqlUpdate, conn2); comm1.ExecuteNonQuery(); string sqlInsert = insert into U_Log(LoginName,UserType,LoginTime,LoginIP

18、) values( + tb_LoginName.Text + , + ddl_UserType.SelectedValue + , + DateTime.Now + , + Request.UserHostAddress.ToString() + ); SqlCommand comm2 = new SqlCommand(sqlInsert, conn2); comm2.ExecuteNonQuery(); Response.Redirect(StudentUser.aspx); protected void btn_Back_Click(object sender, EventArgs e)

19、 Response.Redirect(Default.aspx); protected void btn_Zc_Click(object sender, EventArgs e) Response.Redirect(StudentAdd.aspx); 管理员登陆在浏览器中显示如下图：进入后界面如下：点击“添加书本”点击“添加管理员”管理员查看用户信息：学生登录其在浏览器中显示如下图：用正确的显示用户登陆后进入学生基本信息界面：点击“删除”后的页面如下：点击“点击此处查看更多书籍信息”可以查看书本信息点击“查看”可以查看所选课程，修改可以修改用户信息，删除可以删除学生。点击注册用户可以在新的页面添加用户如下：添加成功后：当然如果过程中不输入登录名和密码时，也会有提示错误信息的，如下图：点击“查看”可以查看学生所借阅的信息如下图：点击“修改”可以跳转到用户的修改页面进行修改如下图：修改成功如下图：(7)该图书信息管理系统可以管理学生的基本信息和借阅图书情况，其在数据库中有个日志表方便管理员通过后台数据库查看学生的登陆情况，可查出登录时间以及登录IP，如下图：当然由于本人能力有限以及时间较为仓促，本系统也有美中不足的地方，就是没有单独为管理员创建一个数据库的表，还有就是用户的基本信息过少。以后会尽力完善这方面的不足。四、实验结果及分析成 绩指导教师签名