WEB实验指导书 - 图文(2)

Index.htm的“源”视图中， 将老师提供的Images文件夹中的图片复制到自己所建的网站的Images文件夹中。切换到“设计”视图。

11. 选中某一个标记，单击右键，选择“属性”，可以在VS2005的右下角看到属性窗口，对该标记的属性进行设置。

12. 单击工具栏中的绿色三角形，或者直接按F5，可以在IE窗口中进行预览。

13. 关闭IE窗口，可以回到VS2005继续进行编辑。

14. 理解老师所给的实验一的切换Tab页的JavaScript代码和相关CSS样式，将原有的个人主页改成展示自己的网页，同时增加Tab页。展示的主要Tab页有：基本资料、学习经历、所得奖励、最新动态等。并在网页的合适位置加入一些JavaScript特效，如显示当前时间、图片定时切换、文本自动滚屏等。

实验二 服务器端简单程序设计

一、 实验目的

通过使用ASP.NET设计一个聊天室，掌握Session，Request，Response，Application等对象的使用方法，掌握常用的服务器端控件，掌握JavaScript客户端验证方法，初步学习连接数据库，并使用C#编写后台代码。 二、实验内容和要求 1. 按照步骤实现所给的聊天室网站，理解该网站的运行机制； 2. 对聊天室的网站内容和功能进行扩充。 三、实验步骤：

1. 打开SQL Server 2000，新建一个数据库名为Chat。

2. 在Chat数据库中，新建一个数据库表名为Users，用于记录聊天室的所有注册用户。该表有两列： Username varchar(50) primary key Password varchar(50) not null 3. 使用VS2005新建一个ASP.NET网站“实验二”，语言选择Visual C#。

4. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web配置文件”。 5. 在新生成的Web.Config文件中，加入数据库的连接字符串。方法为：将

< connectionStrings /> 改为

6. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web窗体”，命名为Register.aspx，在其中加入两个asp:TextBox控件、一个asp:Button控件、一个asp:Label控件和一个asp:HyperLink控件。

7. 在“设计”视图中，双击“注册”按钮，进入该Web窗体对应的后台控制程序Register.aspx.cs。 8. 在Register.aspx.cs的顶部引入System.Data.SqlClient命名空间。

9. 在btnRegister_Click添加代码，在服务器端验证用户的输入，如果用户输入没有问题，且数据库中不存在重名用户，则允许用户注册。

10. 在在“解决方案资源管理器”中，在网站根目录下添加新项，选择“HTML文件”，命名为Login.htm。将其“设为起始页”。在其中加入表单中，表单中加入一个HTML文本域、一个HTML密码域和一个提交按钮，并在客户端提交时利用JavaScript进行验证，体会客户端验

证和服务器验证的区别。

11. 在网站根目录下新建一个Web窗体，命名为Login.aspx，用来接收Login.htm表单的信息，并查询数据库，看该用户是否为合法登录。在“Login.aspx”中添加一个asp:Label对象，如用户登录失败，则进行提示。用户登录成功，设置Session和Application，转入Main.aspx。 12. 在网站根目录上单击右键，选择“添加ASP.NET文件夹”->“App_Code”，在该文件夹下添加“类”，命名为“Sentence.cs”，用此类来做用户发言的数据类的存储。 13. 在网站根目录上单击右键，选择“添加新项”，选择“全局应用程序类”命名为“Global.asax”。在文件第二行引入System.Collections.Generic命名控件，该命名控件包含List类。

14. 在Global.asax文件中加入相应的程序，同时要修改Web.Config文件，加入

15. 添加Web窗体，名为ChatContent.aspx。在其头文件中加入：

16. 在ChatContent.aspx文件中，加入一个div层。并在ChatContent.aspx文件的Page_Load事件处理程序中加入从Application中读取聊天记录的代码。 17. 添加Web窗体，名为“Main.aspx”，在其中加入三个层，分别显示聊天内容、在线用户列表和发言文本框。在“聊天内容”层中，加入一个iframe标记，src为ChatContent.aspx主要显示用户聊天内容。在其他两个层中添加合适的asp控件，并在后台的代码中加入代码，加载页面时初始化在线用户列表，当用户发送一条消息时，将该消息加入Application对象，并刷新在线用户列表。

18. 将网站搭建好之后，按“F5”调试该网站。

19. 在调试过程中，可以尝试用多个浏览器窗口访问网站网址，分别登录注册，进入聊天室。 20. 对该聊天室网站的内容进行扩充： a. 用户注册过程中，加入性别，地址，邮箱等信息并在客户端验证其格式。

b. 在用户聊天内容中，显示发送消息的时间。 c. 用户发送消息时，指定“公聊”还是“私聊”，公聊内容显示给所有用户，私聊内容只有自己和消息接收用户可以看到。 d. 消息内容中，自己说的话和自己给别人说的话加上底色。 e. 美化页面。 f. 加入其他一些需要的内容。

21. 调试成功后，请其他同学访问自己的网站，并提出意见。方法是：在“调试”模式下，请其他同学使用浏览器，输入自己网站的网址。