利用ASP规划聊天室
你是否曾沉醉于网络世界的聊天室,享受过那漫无边际的闲聊时光?对于经常冲浪于网络的网友们来说,聊天室早已成为生活中不可或缺的一部分。今天,让我们一起一种更简洁、高效的聊天室开发方式。
你是否注意到,大部分的聊天室大多采用CGI程序或Java Applet进行维护?对于这些程序的开发者来说,这样的开发工作是复杂且耗时的。那么,是否存在一种更简便的方法呢?答案是肯定的。
今天我们要介绍的是一种基于ASP(Active Server Pages)技术的聊天室开发方法。
一、聊天室的规划
1. 谈话内容的储存方式选择
在客户端显示即时谈话的内容,应该如何储存在服务器呢?ASP提供了两种选择,一种是文本文件方式,一种是数据库方式。对于数据库操作,ASP提供的指令远比文本文件操作丰富。我们选择使用ADO(Active Data Object)和数据库结合的方式。我们选择使用Aess数据库来储存谈话内容,该数据库内容只保留一天的谈话记录(可根据实际情况调整时间)。
2. 聊天室界面的设计
为了让用户能够方便地浏览站点内容,同时尽可能地显示聊天室的内容,我们在主页中设计了三帧。左边一帧显示站点索引。右边一帧又分成上下两帧。上帧占70%,用来显示当前聊天室的内容;下帧占30%,用来提供一个文本输入框和供用户反馈的按钮。
3. 进入聊天室的步骤
如大多数聊天室一样,应提供给用户一个登录界面,由用户输入自己的名字或别名和自己随意设定的密码。如果输入的用户名与在线的用户名相同,系统会提示用户重新选择用户名或重新输入密码,以保证在线的所有用户名都是唯一的。登录成功后,进入聊天室,内容显示帧会显示“欢迎加入”的欢迎信息。用户就可以在文本输入区内输入谈话内容了。
二、设计过程和开发技巧
1. 设计ODBC系统数据源
本开发采用ASP对ADO进行操作,因此必须先对数据进行设置。在NT服务器的控制面板里双击ODBC图标,在系统DSN页添加系统DSN,选择Microsoft Aess Driver,Data Source Name为‘fybchat’,Database选择Chat目录下的chat.mdb数据库。该数据库包括以下几个字段:name、content、password、chattime、chatdate,分别用来存储姓名、谈话内容、密码、谈话时间和日期。
2. 登录界面设计
此表单用于获取账号与密码,呈现如下:
通过提交按钮,激发receivedata.asp的运行。这个ASP文件的主要职责在于确保聊天室内不会有重复账号的存在。用户提交信息后,该文件会打开chat.mdb数据库,检查是否已经存在该账号。若账号存在但密码错误,系统将提醒用户重新输入密码;若账号未被使用,则用户顺利进入聊天室。
进入聊天室界面的功能由以下代码实现:
这里有一个技巧,通过参数kname将用户的账号隐藏在客户端的浏览器里。这样,用户每次提交谈话内容的他的账号也会被一并提交。
文本输入区的设计由frft.asp生成。用户每次提交谈话内容的也会提交他的账号。这一动作会激活forum.asp的运行。Forum.asp的职责是刷新聊天室的内容。Frft.asp的内容如下:
<% kname=request.QueryString("kname") %>
编程语言
- 利用ASP规划聊天室
- vue小白入门教程
- 利用原生js和jQuery实现单选框的勾选和取消操作的
- 详解layui中的树形关于取值传值问题
- .NET调用控制台下生成的exe文件,传参及获取返回参
- PHP微信开发之文本自动回复
- asp.net网站防恶意刷新的Cookies与Session解决方法
- Vue仿今日头条实例详解
- AngularJS入门示例之Hello World详解
- php命令行模式代码实例详解
- Laravel中获取路由参数Route Parameters的五种方法示例
- flex4.5中CSS选择器的应用小结
- 很棒的js选项卡切换效果
- 将Sql Server对象的当前拥有者更改成目标拥有者
- Bootstrap中表单控件状态(验证状态)
- vue input 输入校验字母数字组合且长度小于30的实