APP下载

基于Web socket技术的聊天系统开发

2019-12-10刘苏磊吕佳洪一鸣吴敬通郝国庆冯磊陈薇

科技资讯 2019年28期
关键词:网页界面聊天

刘苏磊 吕佳 洪一鸣 吴敬通 郝国庆 冯磊 陈薇

摘  要:為了实现学校同学之间更方便、更快捷地进行网上交流和相约一起运动的目标,所以设计了基于Web socket技术的聊天系统开发的“校园聊吧”网站。它一方面通过互联网时尚便捷的特点,使得同学之间的交流更多,所能收获的友谊越多;另一方面又是一种新的促进运动的方法,使同学之间可以通过一起运动相识。该项目源自学生的真实项目,源于生活,旨在为大学生提供便捷的运动交友平台,最终完成“校园聊吧”平台设计开发与推广,做到运动、交友相结合,提供方便快捷的校园生活。

关键词:聊吧  好友  C#  ASP.NET  Visual Studio  SQL Server

中图分类号:TP393    文献标识码:A 文章编号:1672-3791(2019)10(a)-0004-02

1  项目背景

网络聊天室是在一个网站中,供许多人通过文字与符号进行实时交谈、聊天的场所,它是一个向整个因特网开放的地方。“E时代”的到来,给人们提供了各种便利。随着“互联网+”的兴起和普及,这种网络时代带来的交流形式也在被越来越多的人所接受。

信息时代的来临,大环境下人们的交流变得快捷而又频繁。校园内人员广泛,身份多样,良好的沟通交流,可以促进学生之间的信息共享,学习的进步,身心的健康。加上很多学生入学后,想参加社交活动认识新同学和新朋友,来丰富自己的校园生活和经历,但却苦于没有很好的平台供于查询。通过该项目,一方面给大学生提供便捷的交友平台,另一方面将不同的学生、不同的兴趣爱好进行分类,从而实现对号入座式的匹配功能。学生可以根据自己的兴趣爱好选择自己的匹配项目,这样一来,每个学生就能匹配到与自己兴趣爱好相同,并且志同道合的朋友。

2  “校园聊吧”的开发与技术实现

现如今,人们通过网上聊天系统交流已经成为一种普遍存在的现象,而在Internet应用系统中,网上聊天系统也是一项非常具有代表性的内容。但是,在享受交流方便的同时,如何对聊天内容进行保存以及怎样将在服务器与用户之间高效地传递、共享聊天信息,也是一项亟待解决的问题。就目前而言,聊天内容以文本形式、对数据库、Application对象的利用是最常见的3种聊天内容保存方式,无论是在保存方法、过程还是开发难以程度上来看,3种方式都不存在非常显著的区别。

ASP.NET是一款非强大的网络程序,可以在服务器端构架,其原因在于,它的建立是基于通用语言的编程框架。ASP.NET在开发ASP.NET程序时,可以通过对HTML编辑器或者其他的编程工具的使用完成。Microsoft Visual Studio在设计过程中充分考虑到程序开发效率问题,可以将设计、开发、编译、运行都集中在一起。目前,ASP.NET的编程模型共有两个:一个是Web Form,而另一个就是Web Service。

分析两种模型,Web Form模型主要用于对以form为基础的具有强大功能的网页,在对常用的界面元素进行制作时,可以通过对内嵌的服务器软件进行使用完成。而Web Service可以提供服务器远程服务的方法,具有唯一性,也就是说,是NET才具备的。这种模型使得不同服务器、客户与服务之间的数据交互存在较大的可能性,数据形式以XML或者HTTP为主。在Web Service提供服务时,不会受到语言、组件模型编写、平台不同的限制。

“校园聊吧”以C#为后台语言,用ASP.NET辅助;采用SQL Server 2014数据库技术,解决SDK集成后遗留的问题;在package中使用Utils工具、http网络请求封装、Common公用的调用方法封装、weight自定义UI布局。采用CSS、Photoshop、FIREWORKS等工具设计出美观、友好的界面。该网站采用Visual Studio 2015开发,HBuilder、SQL Server 2014等提供后台支持,账号的注册验证等功能完整实现。

“校园聊吧”设计的制作网页部分包括用户注册、用户登录、公共聊天室、用户私聊、校园爱心榜、校内新闻6个主要部分。

网站界面实现如下。

2.1 注册界面

注册界面由navbar、form、input以及Button这4个部分组成,input的功能在于对将要输入的内容进行提示,form功能在于对用户账号、密码进行获取,并将验证账号、新创建账号信息发送。

2.2 登录成功后界面

界面内容主要有用户账号、所在院系、专业班级、兴趣爱好和用户的个人标签。

2.3 主页界面

这个界面由导航栏、搜索框、用户信息以及交友、运动、爱心、新闻4个模块组成,用户可以在此页直接选定模块信息,然后进入该模块界面查看相关模块的实时信息。

3  “校园聊吧”项目优势

当今社会,互联网在人们工作、学习、生活中的重要性愈发凸显。帮助人们快速地获取想要的信息,实现与朋友之间的交流,而且在网络技术水平不断提升的带动下,各种功能型的网站也越来越多,但HTML网页静态化限制了人们的交互目标,各种交互式网页技术的出现,使得网站的功能愈发强大。

现阶段,网上聊天系统提供了一个快捷、方便的交流平台,让人们的交流更加方便。现代化的网络技术水平逐渐提升,且网络资源也越来越多,在此基础上,加强网络聊天系统的管理水平,在促进学生情感交流有效性提升的同时,加快建设信息校园的建设。

“校园聊吧”为用户提供了便捷的交流渠道,该网站系统的设计目标是建立一个功能多样性的聊天系统,并以浏览器、服务器方式的功能作为研发基础,用户在发送消息时,通过浏览器完成,接收信息的用户可以直接在界面中读取信息,同时在服务器端还将显示所有的在线用户,服务器对信息进行有关处理并向适当的用户发送,不同用户之间的聊天可以通过Internet完成。这个网站的建立为学生之间的交流提供了便捷性,建立了一个基本功能丰富的网络聊天系统,比如注册、聊天等。

按照上述形式制作的通信软件具备及时性,以互联网为媒介,不需要对其他客户端软件进行安装,既可以通过互联网网站平台进行沟通对话。用户只要能够上网,就可以通过网页聊天系统跟志同道合的人(群)即时交流。一般在网页聊天系统里可以建立不同兴趣标签的房间,用户可以选择感兴趣的标签进入参与聊天。

在设计上全面考虑了用户的使用需求,活泼清新的界面设计、简单实用的功能操作,以及全网页化的操作习惯,带给用户全新的互联网体验,免去安装客户端的繁琐。用户仅利用普通的PC机,基于现有的互联网环境下,便可轻松实现实时通信。

用户在该网站中选择模块进入,可以选择发布不同类型的匹配,同学寻找共同兴趣爱好的伙伴。系统会给出一个匹配人数的上限,在匹配人数满员之后,将这些人带入一个聊天室,实现实时语聊的功能,同学们可以在这个聊天室内约定好一起出行的时间及地点。这样不仅解决了大学生交友困难这一问题,同时可以寻找到志同道合的伙伴,大大提升了校园交友的水平。

参考文献

[1] 刘朋.基于Web的高校教务实验选课系统的设计与实现[M].北京:清华大学出版社,2012.

[2] 李应伟,姚素霞,景丽.ASP.NET数据库高级编程(C#篇) [M].北京:清华大学出版社,2004.

[3] 木林森.C#和ASP.NET程序设计教程[M].北京:清华大学出版社,2002.

[4] 石志国,刘冬梅,陈上.ASP.NET应用教程[M].北京:清华大学出版社,北京交通大学出版社,2005.

[5] 第3章:ASP.NET方向软件测试工程师实践准备[EB/OL].https://www.docin.com/p-313832872.html.

[6] 张容铭.JavaScript设计模式[M].北京:人民邮电出版社,2015.

猜你喜欢

网页界面聊天
从零开始学用智能手机
基于HTML5静态网页设计
我就是不想跟你聊天了
搜索引擎怎样对网页排序
敞开门聊天
基于XML的界面自动生成设计与实现
网页智能搜索数据挖掘的主要任务
聊天不倒王
你我聊天桌等