山东科技大学WEB实验报告.docx

实验报告课程名称： WEB开发技术 学 院： 信息科学与工程学院 专 业： 计算机科学与技术姓 名： 学 号： 2016年7月1日山东科技大学教务处制实验报告组别姓名同组实验者实验项目名称服务器配置、数据库备份与还原、SQL查询、创建存储过程、视图、HTML实验日期第19周周二9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握WEB服务器配置过程，学会SQL SERVER数据库备份与还原，了解SQL查询、创建存储过程、视图的全过程。二、实验准备知识1、查看你的机器是否联通网络，使用命令Ping 2、搞清楚本机和想作为服务器的机器的IP，使用命令IPconfig 3、看你的机器是否安装了IIS三、实验内容l WEB服务器配置（1）服务器上必须安装IIS，客户机不是必须安装IIS（2） WEB服务器配置步骤 A：【控制面板】【管理工具】【Internet信息服务】【网站】【默认网站】（右键）【属性】； B：选择【网站】标签【IP地址】（输入本机IP，也可使用默认的配置）、默认TCP端口（80）。根据服务器具体情况也可设置其它端口号，当设置其它端口号后，在测试环境时须在IE地址栏上手动输入设定的端口号； C：选择【主目录】标签，浏览要建立网站的文件夹所在的路径； D：选择【文档】标签，添加首页的默认文档，可删除默认提供的首页选项； E：选择【目录安全性】标签匿名访问和身份验证控制点击“编辑”选择“匿名访问/集成Windows身份验证”，点击“确定”即可完成IIS环境的配置。配置完毕，在IE浏览器中测试是否正常l 数据库服务器配置 （1）服务器上必须安装Sql Server 2005 ，客户机也必须安装Sql Server 2005 （2）在服务器上装上Sql Server 2005，基本上装载时选择默认的就可以了。然后关掉Windows防火墙（最好设置一下），在数据库外围配置器中选择【服务和连接的外围应用配置器】，再选择【远程连接】 选择【本地连接和远程连接】，选择【同时使用 TCP/IP和named pipes】。这个默认是不启用的。四、实验中遇到的问题及解决的方法1、文字与设计排版不符。可以使用原样显示文字标签：要保留原始文字排版的格式, 就可以通过标签来实现, 方法是把制作好的文字排版内容前后分别加上始标签和尾标签。2、文字格式单一，可以使用文字格式控制标签 标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。格式：font face=值1 size= 值2 color=值3文字 3、背景图像的设定：在网页中除了可以用单一的颜色做背景外，还可用图像设置背景。 设置背景图像的格式： 其中 image-url 指图像的位置。 4、嵌入背景音乐： 标签用来设置网页的背景音乐。但只适用於 IE ，其参数设定不多。格式如下： 五、实验体会学会了配置WEB服务器和数据库服务器，做到以后再遇到服务器配置问题不再问老师，能独立解决相关问题。看完了HTML这个WORD文档，把里面的例子操作了一遍，搞清楚结构，将来能看懂相关代码，如果需要个别地方修改应该知道修改什么地方。实验报告组别姓名同组实验者实验项目名称VS2008下创建网站、项目的方法步骤及项目结构、样式文件CSS、JS实验日期第19周周四5、6节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握使用VS创建网站、项目的方法步骤，了解项目结构、HTML、样式文件CSS、JS等内容。二、实验准备知识1、了解用VS2008创建网站、项目的基本方法步骤。 2、基本掌握HTML、CSS和JS的各类标签、基本语法。三、实验内容l VS创建网站 （1）运行VS2008，在“解决方案资源管理器”窗口内双击Default.aspx，切换至“设计”试图。 （2）设置样式。选择标记，文本内容放入“.div1”选择器中。将button控件拖放到标记中，修改属性值为“确定”。 （3）创建用户登录网页login.aspx。然后回到Default.aspx网页，双击“确定”按钮，打开代码文件Default.aspx.cs，在光标处输入“Response.Redirect(“login.aspx”);”。 （4）选择Default.aspx网页，按Ctrl+F5,在浏览器中打开网页，单击“确定”按钮，跳转至login.aspx网页。 至此，系统简介网页制作完毕 四、实验中遇到的问题及解决的方法对列表进行CSS设置 li float:left; margin-left:175px; ul list-style:none; width:1300px; height:20px; background-color:black; a text-decoration:none; color:white; 五、实验体会通过实验掌握了使用VS创建网站、项目的方法步骤。CSS可以大大缩减页面代码，提高页面浏览速度；结构清晰，对搜索引擎更加友好，缩短了改版时间，具有强大的自体控制和排版能力。样式表的冲突的解决方法： （原则： 就近原则）1. 行级 内部 外部2. id 类选择器 标签选择器 3. 外部样式表中俄id选择器 内部样式表的标签选择器 实验报告组别姓名同组实验者实验项目名称C#.net实验日期第19周周四7、8节教师评语实验成绩指导教师孙承爱一、实验目的与要求 通过实验了解C#.net的基础知识和基本语法，并掌握利用C#.net编写程序的基本技巧。2、 实验准备知识 1、NET Framework由4个部分组成：通用语言开发环境、.NET基础类库、.NET开发语言、.NET集成开发环境。2、可以开发的程序：提供统一的跨语言开发环境，可以开发控制台应用程序、Windowsform应用程序、Web应用程序，还可以开发WEB服务等。3、VS .NET支持多种开发语言：C+、C#、VB.NET、J等。C#是为了解决C、C+开发周期长、效率低、有局限性等问题而发布的编程语言，与他们非常相似，具有面向对象、与WEB紧密结合、异常处理等特点。3、 实验内容1、控制台应用程序2、Winform应用程序3、Web应用程序4、C#数据类型5、引用类型6、流程控制While循环Do循环For循环Foreach语句死循环 7、跳转语句Break语句、Continue语句、Goto语句和Return语句代码： int arr = new int100; double sum = 0; double avg = 0; for(int i=1;i=100;i+) arri - 1 = i + 100; for(int y=0;yarr.Length;y+) sum += arry; avg = sum / 100; Console.Write(sum); Console.Write(avg); Console.ReadKey();四、实验中遇到的问题及解决的方法ToString()方法主要用于将变量转化为字符串类型，该方法是C#语言中非常常见的一个方法。Convert类进行显示转换。把一个string类型的转化为int类型C#语言中的变量分为三类：实例变量、静态变量、局部变量。（1）实例变量：不带任何关键字声明的变量。实例变量在其所在的方法调用结束时其数据将会被清除，所占内存空间也会被释放。如，int x;（2）静态变量：使用Static 声明的变量。静态变量在其所在的方法调用结束时变量中的数据仍保留，直到程序结束前一直存在。比如，在聊天程序中就可以利用静态变量记录访问的人数。静态变量不能在类的方法中定义，因为这种定义是无意义的。（3）局部变量：是指在一个独立的代码块中声明的变量，只在这个块中有效，一旦离开这个代码块就不存在了。如，各类参数。五、实验体会C#可以实现控制台应用程序、Winform应用程序、 Web应用程序的操作，使得代码简单，操作便利。也可以进行程序的调试。实验报告组别姓名同组实验者实验项目名称ASP.NET内置对象实验日期第19周周四9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握ASP.NET内置对象，包括Page、Request、Response、Application、Session、Server、Mail和Cookies等。这些对象使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息，以实现其他特定的状态管理和页面信息的传递。二、实验准备知识Request 从浏览器获取信息 Session 用来保留客户端信息，保留在服务器端Response 向浏览器输出信息 Server 获取服务器端信息 Application 为所有用户提供共享信息的手段 Trace 提供在HTTP页输出自定义跟踪和信息Cookies 用来保留客户端信息，保留在客户三、实验内容1.运用Request对象实现用户登录2.运用Response对象实现文件下载3.运用Session和Application对象四、实验中遇到的问题及解决的方法使用Redirect方法进行页面重定向在网页编程中，经常会遇到在程序执行到某个位置进行页面跳转的情况。Response.Redirect方法可以满足这种需求。例：将页面跳转到网易的主页 protected void Page_Load(object sender, EventArgs e) Response.Redirect(); 五、实验体会Response对象用来访问所创建的并客户端的响应，输出信息到客户端，它提供了标识服务器和性能的HTTP变量，发送给浏览器的信息和在cookie中存储的信息。它也提供了一系列用于创建输出页面的方法，如无所不在的Response . Write方法。Server对象提供对服务器上的方法和属性的访问。其中大多数方法和属性是作为实用程序的功能服务的。Server对象也是Page对象的成员之一，主要提供一些处理页面请求时所需的功能；例如建立COM对象、将字符串的编译码等工作。实验报告组别姓名同组实验者实验项目名称Web服务器控件（一）实验日期第19周周六9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握下列的WEB服务器控件，包括：Button控件TextBox控件。二、实验准备知识Button控件是一种常用的单击按钮传递信息的方式，能够把页面信息返回到服务器。TextBox控件用于让用户在Web页面中输入文本信息，在某些情况下，也可以用来显示文本信息。三、实验内容1.TextBox控件Id：控件编程名称textmode文本框的模式，设置单行（singleline）、多行（multiline）或者密码（password），默认为单行2. button控件Id：控件编程名称Text显示文本OnClick按钮单击方式4、 实验中遇到的问题及解决的方法ID必须是唯一确定的。Button控件实现的功能：用户登录注册等功能。TextBox控件实现的功能：用户密码输入修改，用户名输入等功能。五、实验体会通过本次实验，我知道了Button控件TextBox控件的添加以及使用方法。实验报告组别姓名同组实验者实验项目名称Web服务器控件（二）实验日期第19周周日9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握下列的WEB服务器控件，包括：Label控件Literal（静态文本）控件。 二、实验准备知识Label控件一般用来给文本框、列表框、组合框等控件添加描述性的文字，或给窗体添加说明文字，或用来显示处理结果等信息。Label控件显示的内容可以在属性窗口中设定，也可以在程序运行时编写代码进行修改。如果只是显示静态文本则直接在HTML写，而不用标签。当要以编程方式设置文本而不添加额外的 HTML 标记时，可以向页面添加Literal控件。当要向页面动态添加文本而不添加任何不属于该动态文本的元素时，Literal控件非常有用。如果只是显示静态文本则直接在HTML中写，而不用标签。三、实验内容Label控件（声明代码）四、实验中遇到的问题及解决的方法Label控件实现的功能：对登录或者注册功能的信息提示。五、实验体会通过本次实验，我知道了Label控件Literal（静态文本）控件的添加以及使用方法。实验报告组别姓名同组实验者实验项目名称ASP.NET页面验证控件实验日期第20周周二9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握ASP.NET页面验证控件的作用，包括：RequiredFieldValidator控件、CompareValidator控件、RangeValidator控件、RegularExpressionValidator控件、CustomValidator控件、ValidationSummary控件，学会使用这些控件。二、实验准备知识RequiredFieldValidator控件：验证某个输入控件的内容是否为空。RegularExpressionValidator控件：验证相关输入控件的值是否匹配给定的正则表达式指定的模式。RangeValidator控件：用于验证某个值是否在要求的范围内。CompareValidator控件：对两个输入控件或者是输入控件与某个值直接进行比较。CustomValidator控件：用于验证某个值是否满足用户自定义的规则。ValidationSummary控件：用于显示所有验证错误信息的摘要。三、实验内容1. 设计Web窗体2. 设置属性3. 编写事件、方法代码4. 浏览建立的Web窗体进行测试四、实验中遇到的问题及解决的方法 对于控件的使用不是很熟悉，需要查找资料进行添加相应控件。五、实验体会通过实验学会了分组验证的方法，以及如何使用ASP.NET 3.5各验证控件。并且知道了客户端和服务器验证的基本原理。实验报告组别姓名同组实验者实验项目名称ASP.NET母版页设计实验日期第20周周六5、6节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握设计母版页的全过程，并能在母版页中增加内容页。二、实验准备知识母版页的工作原理：它拥有所有页上显示的静态文本、顶级HTML元素等，能用表格进行布局，并能用img元素作为公司标记，还可以使用服务器控件创建站点的标准导航。三、实验内容1、 创建时选择“母版页”，在其设计页面中就有一个占位符控件ContentPlacHolder1。2、 插入一个表格，并进行必要的合并单元格或拆分单元格。从而确定母版页的布局。3、 将ContentPlacHolder1拖到母版页的内容区。4、 设计母版页的公共区域内容（头、尾、菜单等）的颜色等。5、 创建“站点地图文件”Web.SiteMap文件，注意此文件必须放在网站的要目录下，名字不能变，这个文件是网站菜单的数据来源。6、 拖SiteMapDataSource控件到设计界面，这个控件能直接读取Web.SiteMap文件的内容，并作为TreeView和SiteMapPath控件的数据来源。7、 向母版页中添加TreeView和SiteMapPath控件，前者作为左侧菜单，后者作为导航内容（放表头）。并设置TreeView的数据源为SiteMapDataSource，后者不用设置数据源，它会自动连接到Web.SiteMap文件。四、实验中遇到的问题及解决的方法在使用母版页之后，内容窗体不能修改母版页中的内容，也无法向母版页中新增HTML标签。在编写母版页时，如果需要在某一区域能够允许内容窗体新增内容，就必须使用ContentPlaceHolder控件进行占位，其代码如下：五、实验体会嵌套模板可以利用VisualStudio中的窗体母版页来将每个页面中相同的部分进行封装，在创建相同结构的网页时，便可以直接嵌套这个窗体母版页，避免了代码的重复，提高了代码的复用性；另外，如果要修改一个栏目甚至整个网站的风格，则只需修改母版页以及母版页中引入的等文件，提高了代码的可维护性，充分体现了OOP的思想。实验报告组别姓名同组实验者实验项目名称ADO.NET（一）实验日期第20周周六7、8节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握通过ADO.NET访问数据库的全过程，并掌握通过ADO.NET对数据库的表进行增加记录、删除记录、修改记录的操作。二、实验准备知识ADO.NET中常用的对象如下：Connection：该功能实现与数据库服务器的连接。Command：通过该对象执行SQL命令。DataReader：从数据源读取一个只能向前的、只读的数据流。DataAdapter：该对象提供DataSet对象和数据源之间的连接。DataSet：表示来自一个或多个数据源的本地副本，是数据的集合，也可以看作是一个虚拟的表。三、实验内容利用数据库实现网站的登录功能。对数据库的操作：1. 创建一个连接对象。2. 使用对象的Open方法打开连接。3. 创建一个SQL命令对象。4. 执行命令对象的数据库操作方法。5. 命令执行完毕，释放连接。4、 实验中遇到的问题及解决的方法Button控件实现数据库连接并登录的功能代码：protected void btnLogin_Click(object sender, EventArgs e) string strConn = Data Source=LENOVO-PCCONSOLE2012;Initial Catalog=haojuzi;Integrated Security=True; System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection(strConn); conn.Open(); string strUserName = txtUserName.Text; string strPassWord = txtPassword.Text; string strSelect = select count(*) from SUser where UserName = + strUserName+and UserPassword= + strPassWord + ; System.Data.SqlClient.SqlCommand selectCom = new System.Data.SqlClient.SqlCommand(strSelect, conn); int count = int.Parse(selectCom.ExecuteScalar().ToString(); conn.Close(); if (count 0) Response.Redirect(Main.aspx); else Label1.Text = 用户名密码输入错误; 五、实验体会在和数据库交互，必须连接Connection 类。连接帮助指明数据库服务器、数据库名字、用户名、密码，和连接数据库所需要的其它参数。Connection对象会被Command对象使用，这样就能够知道是在哪个数据源上面执行命令。实验报告组别姓名同组实验者实验项目名称ADO.NET（二）实验日期第20周周六9、10节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握通过ADO.NET访问数据库的全过程，并掌握通过ADO.NET对数据库的表进行增加记录的操作。二、实验准备知识ADO.NET中常用的对象如下：Connection：该功能实现与数据库服务器的连接。Command：通过该对象执行SQL命令。DataReader：从数据源读取一个只能向前的、只读的数据流。DataAdapter：该对象提供DataSet对象和数据源之间的连接。DataSet：表示来自一个或多个数据源的本地副本，是数据的集合，也可以看作是一个虚拟的表。三、实验内容利用数据库实现网站的注册功能。对数据库的操作：1. 创建一个连接对象。2. 使用对象的Open方法打开连接。3. 创建一个SQL命令对象。4. 执行命令对象的数据库操作方法。5. 命令执行完毕，释放连接。四、实验中遇到的问题及解决的方法数据库实现网站的注册功能。public partial class Login : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) string strUserName = txt1UserName.Text; string strPassWord1 = txt1Password.Text; string strPassWord2 = txt2Password.Text; if (strUserName.Trim() = ) Label1.Text = 用户名不能为空！; return; string strConn = Data Source=LENOVO-PCCONSOLE2012;Initial Catalog=haojuzi;Integrated Security=True; System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection(strConn); conn.Open(); string strSelect = select count(*) from SUser where UserName = + strUserName + ; System.Data.SqlClient.SqlCommand selectCom = new System.Data.SqlClient.SqlCommand(strSelect, conn); int count = int.Parse(selectCom.ExecuteScalar().ToString(); if (count 0) Label2.Text = 用户名已存在！; else if (strPassWord1 != strPassWord2) Label2.Text = 两次输入密码不一致！; return; else string strInsert = INSERT INTO SUser(UserName,UserPassword) VALUES ( + strUserName + , + strPassWord1 + ); SqlCommand insertCom = new SqlCommand(strInsert, conn); insertCom.ExecuteNonQuery(); Label2.Text = 注册成功！; conn.Close(); Response.Redirect(Main.aspx); conn.Close();五、实验体会成功与数据建立连接后,就可以用Command对象来执行查询、修改、插入、删除等命令；Command对象常用的方法有ExecuteReader（）方法、ExecuteScalar（）方法和ExecuteNonQuery（）方法；插入数据可用ExecuteNonQuery（）方法来执行插入命令。实验报告组别姓名同组实验者实验项目名称ADO.NET（三）实验日期第20周周日5、6节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握通过ADO.NET访问数据库的全过程，并掌握通过ADO.NET对数据库的表进行修改记录的操作。二、实验准备知识ADO.NET中常用的对象如下：Connection：该功能实现与数据库服务器的连接。Command：通过该对象执行SQL命令。DataReader：从数据源读取一个只能向前的、只读的数据流。DataAdapter：该对象提供DataSet对象和数据源之间的连接。DataSet：表示来自一个或多个数据源的本地副本，是数据的集合，也可以看作是一个虚拟的表。三、实验内容利用数据库实现网站用户修改密码的功能。对数据库的操作：1. 创建一个连接对象。2. 使用对象的Open方法打开连接。3. 创建一个SQL命令对象。4. 执行命令对象的数据库操作方法。5. 命令执行完毕，释放连接。4、 实验中遇到的问题及解决的方法Button控件实现数据库连接并进行用户密码修改的功能代码：string name = TextBox1.Text; if (name = ) Label1.Text = 用户名不能为空！; return; else string strConn = Data Source=USER-PC;Initial Catalog=information;Integrated Security=True; System.Data.SqlClient.SqlConnection conn = new System.Data.SqlClient.SqlConnection(strConn); conn.Open(); SqlCommand com=new SqlCommand(); com.Connection=conn; com.CommandType=CommandType.Text; com.CommandText = select * from mes where name = + name + ; SqlDataReader dr =com.ExecuteReader(); if (!dr.Read() Label2.Text = 查询用户不存在！; dr.Close(); conn.Close(); return; else dr.Close();/关闭执行 conn.Close();/关闭数据库 com.Connection = conn; string sqlstr = select * from mes where name = + name + ; DataTable dt = new DataTable(); SqlDataAdapter sda = new SqlDataAdapter(sqlstr, conn); conn.Open(); sda.Fill(dt); if (string)dt.Rows01 = ) Label2.Text = 密码为：; Label3.Text = 查询用户不存在！; else string datapsw = dt.Rows01.ToString().Trim(); Label2.Text = 密码为：; Label3.Text = datapsw; conn.Close(); 五、实验体会使用Command 命令前，需要设置命令文本（CommandText）、命令类型（CommandType）并把命令绑定到连接（Connection）上，或者作为构造函数的参数传递。实验报告组别姓名同组实验者实验项目名称数据绑定技术（一）实验日期第20周周日7、8节教师评语实验成绩指导教师孙承爱一、实验目的与要求通过实验掌握数据绑定技术，掌握几个重要的数据数绑定控件，包括：下文本输入框跟页面的双向绑定2、 实验准备