摘要
HTML5是下一代互联网的Web标准,和以前的版本不同,HTML5并非仅仅用来表示Web 内容,它将使Web 进入一个成熟的应用平台,在这个平台上,视频、音频、图像和动画,以及同电脑的交互都被标准化。随着Adobe宣布停止Flash移动版开发,不少人预言HTML5的发展将给移动互联网产业带来革命性的深刻变化。作为新一代的网页语言,HTML5跨平台的支持得到不断增强,智能手机的迅速普及加上资费和网络速度的逐渐松绑,也为HTML5技术提供了良好的发展环境。
这其中有“Web 的TCP”之称的WebSocket 格外吸引开发人员的注意。WebSocket 的出现使得浏览器提供对Socket 的支持成为可能,从而在浏览器和服务器之间提供了一个基于TCP 连接的双向通道。Web 开发人员可以非常方便地使用WebSocket 构建实时Web 应用,开发人员的手中从此又多了一柄神兵利器。
本文首先分析国内外研究现状,然后介绍本文用到的关键技术的介绍以及本文实例开发中的环境配置的方法,接下来会详细说明如何利用WebSocket技术实现一个简单的室,并对当中遇到的问题进行分析与解决。
本文的创新点是利用最热门的HTML5技术WebSocket结合C#的后台实现做一个简单的聊天室,从而更加清晰地阐述HTML5的优缺点,并且提出一些应该注意的问题和解决方法,以给后来者一些经验和教训。
【关键词】HTML5 WebSocket C# 聊天室
ABSTRACT
HTML5 is the next generation of Internet Web standards, and com in contrast with the previous version, HTML5 is not only used to represent Web content, it will enable the Web into a full-fledged application platform, in this platform, video, audio, images and animations, as well as interaction with the computer are standardized. As Adobe announced the end to support the Flash mobile version of the development, many people predicted the development of HTML5 mobile Internet industry will bring profound changes in the revolutionary. As a new generation of web language, HTML5 cross-platform support has been growing, the rapid adoption of smart phone plus tariff and network speed gradually relaxed, and also provides a good environment for the development of HTML5 technology.
The WebSocket which said of the Web's TCP is especially attractive to the attention of developers. The WebSocket appear the browser support for Socket possible, thus a two-way channel based on the TCP connection between the browser and the server. Web developers can very easily use the WebSocket to build real-time Web applications, in the hands of developers from the addition of a two-edged magic weapon.
First of all, I describes the configuration of the environment in the introduction of key technologies used in this article, as well as examples of the development of this article, the next will explain in detail how to use the WebSocket technologya simple online chat rooms, and among the problems encountered in the analysis and solution.
The innovation of this paper is the use of the most popular HTML5 technology behind the scenes to make a simple chat room WebSocket combination of C #, in order to more clearly set forth the advantages and disadvantages of HTML5, and raise some issues that need attention and solutions to give newcomersexperiences and lessons learned.
【Key words】HTML5 WebSocket C# Chat Room
目录
前言 (1)
websocket和socket第一章HTML5WebSocket聊天系统概述 (2)
第一节研究内容 (2)
第二节研究意义 (2)
第三节研究现状和发展趋势 (2)
第二章HTML5相关技术及简介 (4)
第一节HTML5部分新特性 (4)
一、HTML5新标签 (4)
二、HTML5 新API (4)
三、HTML5的优点 (4)
第二节HTML5WebSocket简介 (5)
一、Polling和Comet (5)
二、目前技术的本质 (6)
三、HTML5 WebSocket性能优势 (6)
四、WebSocket 规范 (7)
五、浏览器支持 (10)
第三节KindEditor应用 (11)
一、KindEditor简介 (11)
二、KindEditor特点 (11)
三、KindEditor使用方法 (12)
四、jQuery EasyUI (13)
第三章开发运行环境及配置 (14)
第一节开发工具 (14)
一、Microsoft Visual Studio 2010 (14)
二、语言及平台简介 (14)
三、JavaScript框架jQuery (15)
第二节运行环境 (15)
一、Sql Server 2008 R2 (16)
二、Chrome 浏览器 (16)
第四章实例开发与设计 (18)
第一节聊天室需求分析 (18)
一、用户注册登录 (18)
二、用户聊天 (18)
三、查看聊天记录 (18)
第二节系统用例图 (18)
第三节程序总体功能设计 (20)
一、程序功能分析 (20)
二、程序流程设计 (20)
三、模块和对应的方法 (22)
第四节详细设计与实现 (22)
一、数据库设计 (22)
二、服务器端设计 (23)
三、客户端设计 (28)
四、界面设计 (39)
结论 (39)
前言
Web 应用的信息交互过程通常是客户端通过浏览器发出一个请求,服务器端接收和审核完请求后进行处理并返回结果给客户端,然后客户端浏览器将信息呈现出来,这种机制对于信息变化不是特别频繁的应用尚能相安无事,但是对于那些实时要求比较高的应用来说,比如说在线游戏、在线证券、设备监控、
新闻在线播报、RSS 订阅推送等等,当客户端浏览器准备呈现这些信息的时候,这些信息在服务器端可能已经过时了。所以保持客户端和服务器端的信息同步是实时,Web 应用的关键要素,对Web 开发人员来说也是一个难题。WebSocket是HTML5的一个特性,将改变开发应用程序的方法。
本课题通过利用HTML5 WebSocket和后台C#语言搭建简易的聊天室,HTML5 WebSocket并不是普通HTTP通信的增强版,它代表着一个巨大的进步,特别是针对实时的、事件驱动的Web应用程序。HTML5 WebSocket对Web通信带来了显著的改善。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。