下载

2下载券

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 班级同学录网页制作

班级同学录网页制作.doc

班级同学录网页制作

舞蹈编舞
2010-12-30 0人阅读 举报 0 0 暂无简介

简介:本文档为《班级同学录网页制作doc》,可适用于高等教育领域

毕业设计班级同学录网页制作学院:信息科学技术学院专业:姓名:指导老师:信息工程徐慧婷学号:职称:孟颖讲师中国·珠海二○一〇年五月北京理工大学珠海学院毕业设计诚信承诺书本人郑重承诺:我所呈交的毕业设计《班级同学录网页制作》是在指导教师的指导下独立开展研究取得的成果文中引用他人的观点和材料均在文后按顺序列出其参考文献设计使用的数据真实可靠。承诺人签名:日期:年月日班级同学录网页设计制作摘要本设计主要研究了同学录网站的设计开发实现一套面向用户的基于Web的同学录系统。在研究开发过程中本系统采用浏览器服务器(BS)网络技术模式使用VisualStudio作为界面设计软件结合后台数据库运行和管理的载体SQLServer以IIS作为Web服务器通过浏览器进行客服端访问。本设计主要利用ASPNET技术实现了网页各种功能并克服了ASP安全性、代码混乱和不易调试等方面的问题。本论文主要描述同学录系统的设计方法和实现过程阐述了系统的需求分析、概要设计及数据库设计实现了以ASPNET为核心开发的班级同学录系统完成了用户注册登录、发表日志、短消息、班级留言、班级相册、在线聊天等基本功能使天各一方的同学通过该系统取得联系。关键词:同学录ASPNETBS结构数据库AlumniRecordWebDesignABSTRACTThisWebdesignmainlystudiestheexploitationofalumnirecord,andachievesasetofanalumnirecordsystembasedonWebwhichfacedtotheconsumerInthecourseoftheresearchanddevelopment,thissystemusestheBrowserServer(BS)networktechniquemodeusestheVisualStudiosoftwaretodesigntheinterface,andcombineswiththeSQLServerdatabasestomanagethesystemandusestheIISastheWebserverCustomerscanvisitthesystembyabrowserThisWebdesignusestheASPNETtechnique,overcometheproblemsinASPaboutthesafety,confusioncodeanduneasydebuggingThisarticlemainlydescribesthedesignandimplementationprocessofthealumnirecordsystemItdescribesthesystemdemandanalysis,theoutlinedesignandthedatabasedesignFinally,thisdesigncarriesoutaalumnirecordsystemwhichisdevelopedbytheASPNETtechnique,andhassomebasefunctionssuchastheuserregistration,theuserlogin,thepersonaldiary,thesendingofshortmessage,theclassmessagebox,theclassalbum,theonlinechatandsoonThoughthisalumnirecordsystemtheclassmateswhoarefarawaycancontactwitheachotherkeyword:AlumniRecordASPNETtechniqueDatabase目录TOCo""u摘要IABSTRACTII前言分布式Web应用系统的发展开发同学录网站的意义及作用相关知识与技术ASPNETASPNET的技术特征ASPNET页面主要优点ADONET数据访问服务技术同学录系统的需求分析和设计系统需求分析功能需求运行环境开发工具系统的总体设计开发设计思想系统功能结构同学录系统数据库设计及实现数据库需求分析数据库结构设计系统的详细设计功能设计规范用户界面设计管理员界面设计总结与展望参考文献谢辞前言分布式Web应用系统的发展Internet的出现是本世纪内计算机通信领域最重要的一次革命。利用这种媒体人们可以建立一个虚拟的电子世界从而给人们提供了一个方便的与世界上各个角落的其他人实时交流的手段和机会。借助于WWW动态的交互式信息发布诸如网上购物、网上银行、网上书店等一系列在线电子商务服务系统得以盛行。这些系统都离不开分布式的数据库、与用户及后台数据库交互的动态WEB应用程序等技术。在Internet技术还没有流行的前些年ClientServer(客户机服务机)二层结构是一种主流开发模式所谓的CS模式实际上是一种“逻辑”概念即将整个系统在逻辑上划分成前端客户进程和后台服务器进程两者通过Intranet网络链接。前端的客户应用程序主要是显示界面、与用户进行交互而后台的服务器进程主要是负责进行数据处理将处理后的结果返回给用户。该模式有速度快、交互性好的优点使用于系统中大量数据的输入输出操作。而且其良好的开发性和易扩充性客户端及其功能的添加、删除和更新都不会对系统产生影响。而随着Internet的渗透Web正在改变应用系统的开发及实施的方法。ClientServer体系结构由单一的两个层次扩展到由客户、应用服务器、数据库服务器组成的三层结构这就是BrowseServer(浏览器服务器)模式是CS模式发展到一定阶段的产物。该模式的出现是计算机应用的体系结构从封闭的集中式主机向开放的与平台无关的环境过渡此时的服务器端可以不只是一台主机而可以采用主机的群集技术构成。这种以服务器为中心的结构体系使应用单位摆脱了以往密集人才资源、高成本的操作管理方式对用户的最大好处是客户端不需要安装什么设备和软件只需一个Web浏览器。对开发者来说这已不是简单的二层结构而是以Web技术为基础将传统CS模式中的服务器部分细分为数据库服务器和Web服务器从而变成三层结构。其优点主要有:图BrowseServer模式结构图()用户的操作使用简单。BS只需安装一个提供友好界面的通用浏览器如InternetExplorer等不需要对客户进行而外培训()BS结构具有可伸缩性在网络环境允许的条件下可以尽可能多地增加浏览器和服务器不受原有网络资源的影响()易于开发、安装和维护。BS结构只需对服务器端的应用平台进行开发和集成减少了开发、安装和维护费用。与CS比较BS还具有以下优点:首先它简化了客户端。它无需像CS模式那样在不同的客户机上安装不同的客户应用程序而只需安装通用的浏览器软件。其次它简化了系统的开发和维护。系统的开发者无须再为不同级别的用户设计开发不同的客户应用程序了只需把所有的功能都实现在Web服务器上并就不同的功能为各个组别的用户设置权限就可以了。最后它使用户的操作变成得更简单。对于CS模式客户应用程序有自己特定的规格使用者需要接受专门培训。而采用BS模式时客户端只要一个简单易用的浏览器软件。无论是决策层还是操作层的人员都无需培训就可以直接使用根据以上分析比较传统的BS结构系统都是采用ASP实现的在技术上已渐现淘汰的趋势Internet的飞速发展使得BS模式已成为当前热门的系统架构方式。微软新近提出的NET架构是新一代互联网应用软件和服务战略它使微软现有的软件在网络时代不仅使用于传统的个人计算机而且能够满足各种新设备的要求。ASPNET作为NET架构的一部分不是ASP的简单升级其全新的技术架构会让人们的编程工作变得更加简单。基于技术的创新利用ASPNET开发一个基于BS结构的班级同学录系统很有现实意义。开发同学录网站的意义及作用当同学们离开校园大学的校友都要各奔东西了四年的时光转眼即将过去同学间的友谊将成为宝贵的精神财富。但随着时间的流逝工作变迁生活环境的转变手中的通讯簿已不能满足人们的需求。当然了随着Internet和WWW技术的飞速发展网络已遍布世界的每一个角落网络资源的使用使人与人之间的距离缩短了要在网络上找到昔日的老同学已不再是件难事。那么同学录网站作为一种方便同学之间联系的使用系统便应运而生。本同学录是为班级同学之间进行交流和联系提供的一个平台通过提供完善的同学录服务和规范同学录的管理可以达到增进同学之间、同学和母校之间的感情方便校友联系的目的。本同学录系统主要为了同学之间信息的交流和知识的传播而设计的其目的在于方便同学和师生间的联系增强彼此间的感情。基于这个目的本系统设计的主要功能有班级留言板、班级相册、资料共享、发表日志及发送短消息等等。通过系统中的功能同学可以随时了解班级动态及时与同学联系。相关知识与技术ASPNET技术ASP(ActiveServerPages)是Microsoft开发的运行在IIS(InternetInformationServer)下的一个服务器端脚本运行环境用户可以使用它产生和执行动态的、交互的、高性能的Web服务器应用程序ASP只在服务器端运行。并将执行结果以HTML文件形式传给Web浏览器对客户端要求低属于胖服务器瘦客户端的运行模式。ASPNET是微软推出的新一代的Web应用程序开发技术是新型体系结构NET中的一部分与ASP有本质上的不同它客服了原先使用ASP开发应用程序所带来的种种限制。微软为ASPNET设计了这样一个策略:易于写出结构清晰的代码、代码易于重用和共享、可用编译类语言编写等等目的是让程序员更容易开发出Web应用程序。在NETFrameWork上提供了一个全方位的Web开发平台它是建立和管理Web应用程序最佳的平台之一。整个ASPNET是采用C#撰写的并和NETFrameWork紧密整合提供更模块化的设计方式。在ASPNET中大量使用组件技术将Web浏览器和Web服务之间的网络通信完全包装起来实现动态网站和开发BS模式的应用软件ASPNET不失为一种好的选择它克服了ASP在安全性、代码混乱和不易调试等方面的问题。和ASP相比ASPNET具有很多优势:①语言独立性可使用VBNET、C#等②代码更易于编写结构更清晰③程序代码可以与用户界面彻底分开使程序可读性更强④执行效率更高⑤简化组件的部署和组件的操作⑥支持多种客户端类型⑦更强的可靠性和安全性ASPNET技术特征ASPNET所采用的技术大致有如下几种:()服务器控件。页面使用了新的服务器端控件使页面的状态管理自动化并减少所写代码的数量。ASPNET页面有一个与VB表单类似的编程模型提供了在服务器上执行组件的可能而且这些组件可以生成页面的某一部分并返回给用户。()HTML服务器端控件。HTML服务器端控件可以用来在页面输出中生成HTML组件并允许在运行中使用代码设置这些控件的属性。()页面控件。这些控件可以在服务器上执行在页面输出中生成更复杂的HTML组件和对象。()Web服务。Web服务允许开发者创建不生成可视输出的类但是为客户机提供了一些服务。例如可以调用函数并在对请求的响应中返回特定的值。也就是说Web服务使ASPNET开发者可快速方便地创建自定义的服务对象。客户机可以使用HTTPGETHTTP-POST或者HTTPSOAP程序同步或异步地访问它们。()错误处理、调试和跟踪特性有了很大的扩展和改进。原来的ASP在错误处理和调试方面一直不如其他开发环境。而现在ASPNET的每一个页面都有自己的“错误页面”。在执行的时候还可以显示页面代码中使用的值从而提供了一个“跟踪”工具另外调试也可以在不同语言之间执行从而使用可以无间隙的从一种语言转到另一种语言进行单步调试。ASPNET页面主要优点ASPNET是一种建立动态Web应用程序的技术。它是NET框架的一部分开发者可以使用任何NET兼容的语言来编写ASPNET应用程序。使用VisualBasicNETC#J#语音在ASPNET页面进行编译可以提供比脚本语言更出色的性能表现。ASPNET页面的主要优点如下:()控件可以重复使用将功能封装起来用户不必另外编写代码就可以实现状态管理、确认、数据处理等功能从而简化了许多普通的编程任务。()ASPNET页面的代码更简洁易于阅读。在服务器端控件中封装代码同时又能在页面中使用合适的事件处理技术这使设计更为结构化。()ASPNET页面对于代码和用户界面开发工具有更好的支持。()ASPNET页面最大优点是它没有对非结构脚本语言(包括VBScript和Jscript)的依赖性。ASPNET中用户可以使用任何一种ASPNET支持的语言编写代码可以不用以前的内嵌代码来编写代码从而使其成为一个单独模块使用。ADONET数据访问服务技术ADONET是NET框架中数据库访问的基础是ASPNET应用程序开发的核心无论是大型的Oracle还是简单的文本文件我们都可以使用ADONET来访问和操作。在ASPNET中ADONET的功能发挥的淋漓尽致这也是很多用ASPNET编写的基于BS结构的应用一直存在的原因也反映了ADONET的成功。ADONET通过数据处理将数据访问分解为多个可以单独使用的不连续组件。ADONET包含用于连接到数据库、执行命令和检索结果的NETFrameWork数据提供程序用户可以直接处理检索到的结果或将检索到的结果放入ADONETDataSet对象中以便与来自多个源的数据直接组合在一起以特殊方式向用户公开。ADONETDataSet对象可以独立于NETFramework数据提供程序使用用来管理应用程序本地的数据或来自XML的数据。ADONET主要包括Connection、Command、DataReader、DataSet和DataAdapter对象。下面分别介绍一下:()Connection对象主要提供与数据库的连接功能。()Command对象用于返回数据、修改数据、运行存储过程以及发送或检索参数信息的数据库命令。()DataReader对象通过Command对象提供从数据库检索信息的功能。DataReader对象是以一种只读的、向前的、快速的方式访问数据库。()DataSet是ADONET的中心概念它是支持ADONET断开式、分布式数据方案的核心对象。它是一个数据容器可以把它当作是存于内存中的数据库。DataSet是数据的内存主流表示形式无论数据源是什么它都会提供一致的关系编程模型它可以用于多种不同的数据源。()DataAdapter对象提供连接DataSet对象和数据源的桥梁DataAdapter对象使用Command对象在数据源中执行SQL命令以便将数据加载到DataSet中并确保DataSet中数据的更改与数据源保持一致。同学录系统的需求分析和设计系统需求分析功能需求同学录主要是为了同学之间的信息交流和知识的传播而设计的其目的就在于方便同学和师生之间的联系增进彼此间的感情而且还是网络休闲和网上展示自我的好方式。所以基于上述的需求同学录需要实现以下功能:用户注册功能:要使用同学录中的功能首先需要用户注册只要注册成为网站的用户后就可以使用同学录中的功能。没有注册的用户没有资格发布信息只能浏览信息。用户登录:供同学录用户登录只有登录了才可以看到具体的信息否则不能。资料修改:用户登录后可以修改个人资料包括密码、用户名、地址等。班级通讯录:显示同学录类所有同学的通讯信息。班级相册:显示班级相片。班级留言板:显示班级公共留言。发送短消息:向同学录内用户发送短消息。资料共享:上传、下载班级共享资料。发表日志:用户可在同学录中发表日志浏览其他用户日志并发表评论。管理模块:对同学录进行后台管理可对用户、留言、相片、文件等进行删除。运行环境、服务器端软件配置操作系统:选用WindowsXPWeb服务器:采用IIS软件运行环境:NETFrameWork后台数据库系统:采用SQLServer、客户端软件配置用户拥有个人计算机网络系统运行良好。操作系统要为windowsXP浏览器版本为IE以上系统运行稳定正常。分布于不同平台的用户均可通过Web浏览器与服务器系统进行交互工作。开发工具、安装IISASPNET作为一项服务首先需要在运行它的服务器上建立Internet信息服务(IIS)。IIS是InternetInformationServer的缩写是微软公司主推的Web服务通过IIS开发人员可以更方便地调试程序或发布网站。添加IIS服务通过Windows操作系统的“添加删除程序”进入“添加删除Windows组件”栏选中“Internet信息服务(IIS)”项如图所示然后添加。图添加Internet信息服务(IIS)、安装VisualStudioVisualStudio为集成开发环境可以开发ASPNET应用程序。ASPNET是VisualStudio集成开发的一部分所以在使用ASPNET开发工具之前需要安装VisualStudio集成开发环境。、SQLServer简介本同学录系统使用的后台数据库软件为SQLServer它是一个典型的网络数据管理系统是应用最为广泛的数据库管理系统(DBMS)。SQLServer是美国微软公司推出的一个性能卓越的关系型数据库管理系统(RDBMS)支持多种操作平台、性能可靠、易于使用。它是一种面向数据库对象的通用数据处理语言规范能完成提取、查询数据插入、修改和删除数据生成、修改和删除数据库对象数据库安全控制数据库完整性及数据保护控制。系统总体设计开发设计思想近年来计算机技术飞速发展尤其网络的发展越来越深刻的改变了人们的方方面面各种在线服务系统更改变了人们的联系方式即使远隔千里之遥也可以随时通信。本班级同学录系统正是为了满足人们的需求而设计的其目的是为了方便同学之间的日常联系信息交流以及增强感情为同学的信息交流提供一个良好的平台具有一定的网络功能。本系统将采用浏览器服务器(BS)网络技术开发模式以IIS作为Web服务器并采用VisualStudio作为前台开发工具SQLServer作为数据库服务器。运用ASPNET技术进行Web应用程序的开发以及ADONET技术对数据库进行操作。在系统功能方面具备同学录系统的基本功能例如用户登录注册、班级留言板、班级相册、资料共享、在线聊天等。为了加强站内用户的交流与联系本系统还添加了个人日志和发送消息的功能用户可以通过发表日志抒发个人的情感也可在好友的日志下发表评论。由于在班级留言板中用户只能发表班级公共留言无法将信息发送给站内其他用户那么发送短消息的功能可以弥补班级留言板的不足用户可以通过该功能和站内用户联系。在制作该系统时需不断完善各项功能以实现用户之间的在线交流。系统功能结构本系统的功能结构如图所示。图同学录系统结构账号管理模块:为用户提供修改个人信息功能用户登录后点击首页站内导航栏中的【账号管理】按钮进入UserEditaspx页面在该页面中用户可以修改个人信息。班级留言板模块:提供班级公共留言的功能相当于班级公告栏点击【留言板】按钮进入班级留言板Boardaspx页面。在该模块中用户可以浏览班级留言外还可以发表留言。个人日志模块:为注册用户提供发表个人日志的功能用户点击【日志管理】按钮进入ArticleMangageaspx页面在该中用户可浏览到所发表过的日志并可对其进行删除、编辑点击该页中的【添加新日志】按钮可以添加新日志。评论管理模块:为注册用户提供管理日志评论的功能用户点击【评论管理】按钮进入ReplyManageaspx页面用户可删除日志的相关评论通讯录模块:是用来存放整个同学录中所用同学的联系方式单击【通讯录】按钮进入Addressaspx页面该页显示所有同学的简单信息。短消息模块:实现站内用户间的相互通讯用户可以给站内好友发送短信查看自己的信箱。点击【短消息】按钮进入ViewMsgaspx页面在该页中查看自己的信箱查看自己的最新消息和好友回复信息。聊天室模块:为在线用户提供实时聊天功能点击【聊天室】按钮进入班级聊天该聊天室采用简易设计无需数据库进行管理当聊天记录超过条后系统会自动清除所有聊天记录。班级资料共享:提供资料下载及资料上传功能点击【资料共享】按钮进入资料下载页面用户可查找所需资料下载若想和班级同学分享资料可点击【文件上传】按钮将指定文件上传。班级相册:浏览班级相片点击【班级相册】按钮进入Photoaspx页面在该页中用户可浏览班级所用相片也可上传相片与站内用户分享。管理模块:管理员直接点击首页中的【管理员登录】按钮登录后进入管理员页面AdminManageaspx该页的主要功能是对用户、班级留言、网站链接、班级资料、班级相册进行管理。同学录系统数据库设计及实现数据库设计的前期工作数据库设计是建立数据库及其应用系统的核心和基础它要求对指定的应用环境构造出较优秀的数据库模式建立起数据库应用系统并使系统能有效地存储数据满足用户的各种应用需求。一般按照规范化的设计方法常将数据库设计分为若干阶段:系统规划阶段主要是确定系统的名称、范围确定系统开发的目标功能和性能确定系统所需的资源分析和估算系统可能达到的效益确定系统设计的原则和技术路线。需求分析阶段要在用户调查的基础上通过分析逐步明确用户对系统的需求包括数据需求和围绕这些数据的业务处理需求。在了解系统的概况、确定系统功能的过程中收集支持系统目标的基础数据及其处理方法。概要设计阶段要产生反映信息需求的数据库概念结构即概念模型。概念模型必须具备丰富的语义表达能力、易于交流和理解、易于变动、易于向各种数据模型转换、易于从概念模型导出与DBMS有关的逻辑模型等特点。系统实施阶段主要分为建立实际的数据库结构、装入试验数据对应用程序进行测试、装入实际数据建立实际数据库三个步骤。本系统是面向班级同学的同学录系统对数据库的需求具体体现在各种信息的提供、保存、更新和查询这就要求数据库结构能充分满足各种信息的输出和输入。例如用户都有自己的基本信息这就需要存放到数据库中还有用户发送的短消息、日志、评论等等以及班级资料、相册、留言等等。那么数据库就要收集这些基本数据、数据结构及数据处理的流程组成一份详尽的数据字典为后面的具体设计打下基础。数据库结构设计本系统采用SQLServer数据库系统SQLServer提供了完整的、集成性的、可支持Web的分析服务。在NET平台上访问数据库的办法自然是最先进的ADONET。它是对原ADO的全面提升它的两个核心组件是NET数据提供程序和DataSet。在该系统中新建一个数据库将其命名为dbClassmateRecord然后在该数据库中创建个数据表分别为管理员信息表(tbAdmin)、用户信息表(tbUser)、日志信息表(tbArticle)、评论信息表(tbRevert)、联系人信息表(tbMessage)、友情链接信息表(tbHref)、留言信息表(tbBoard)、相片信息表(tbPhotos)、文件信息表(tbfiles)、发送短消息表(tbSendmsg)、回复短消息表(tbReplymsg)。、管理员表管理员信息表(tbAdmin)主要用于存放管理员的账号、密码以及其他信息。表tbAdmin的结构如表所示。表管理员信息表(tbAdmin)的结构字段类型说明IDInt主键(自动编号)UserNamenvarchar用户姓名PassWordnvarchar用户密码ReallyNamenvarchar真实姓名Birthdaydatatime生日Addressnvarchar地址PostCodenvarchar邮政编码EmailnvarcharEmailHomePhonenvarchar家庭电话MobilePhonenvarchar手机电话QQnvarcharQQ号码ICQnvarcharICQ号码RegTimedatatime注册时间Sexnvarchar性别IPnvarcharIP地址SuperAdminnvarchar是否为超级管理员、用户信息表用户信息表(tbUser)主要保存站内用户的基本信息。表tbUser的结构如表所示。表用户信息表(tbUser)的结构字段类型说明UserIDInt主键(自动编号)UserNamenvarchar用户姓名PassWordnvarchar用户密码ReallyNamenvarchar真实姓名Birthdaydatatime生日Sexnvarchar性别Addressnvarchar地址PostCodenvarchar邮政编码EmailnvarcharEmailHomePhonenvarchar家庭电话MobilePhonenvarchar手机电话QQnvarcharQQ号码Addressnvarchar地址ICQnvarcharICQ号码RegTimedatatime注册时间、日志信息表日志信息表(tbArticle)主要保存用户发表的日志信息。表tbArticle的结构如表。表日志信息表(tbArticle)的结构字段类型说明ArticleIDint主键(自动编号)Authornvarchar日志作者Subjectnvarchar日志主题Contentntext日志内容UserIDint用户IDTimedatetime创建时间、评论信息表评论信息表(tbRevert)主要保存日志的相关评论。表tbRevert的结构如表所示。表评论信息表(tbRevert)的结构字段类型说明RevertIDint主键(自动编号)Subjectnvarchar日志主题Contentntext日志内容ArticleIDint日志IDUserIDint用户IDTimedatetime评论时间VisitotIDint访客IDIPnvarcharIP地址、联系人信息表联系人信息表(tbMessage)主要用于保存注册用户的联系人ID代码。表tbMessage的结构如表所示。表联系人信息表(tbMessage)的结构字段类型说明MesssageIDint主键(自动编号)UserIDint用户IDFriendIDint联系人ID、友情链接信息表友情链接信息表(tbHref)主要用于保存同学录网站中友情链接的基本信息。表tbHref的结构如表所示。表友情链接信息表(tbHref)的结构字段类型说明HrefIDint主键(自动编号)Namenvarchar链接地址名称Urlnvarchar链接网址、留言信息表留言信息表(tbBoard)主要用于保存班级公共留言信息。表tbBoard的结构如表所示。表留言信息表(tbBoard)的结构字段类型说明MsgIDbigint主键(自动编号)Namevarchar留言人姓名Messagevarchar留言信息Timevarchar留言时间、相片信息表相片信息表(tbPhotos)主要用于保存班级相册。表tbPhotos的结构如表所示。表相片信息表(tbPhotos)的结构字段类型说明fileIDint文件编号fileNamevarchar文件名称fileUpNamevarchar上传时间fileloadvarchar保存路径fileTrueNamevarchar文件在文件夹中的真实名、文件信息表文件信息表(tbfiles)主要用来保存上传的文件。表tbfiles的结构如表所示。表文件信息表(tbfiles)的结构字段类型说明fileIDint文件编号fileNamevarchar文件名称fileUpNamevarchar上传时间fileloadvarchar保存路径fileTrueNamevarchar文件在文件夹中的真实名、发送短消息表发送短消息表(tbSendmsg)主要用来保存用户发送的短消息。表tbSendmsg的结构如表所示。表发送短消息表(tbSendmsg)的结构字段类型说明SendMsgIDint主键(自动编号)Sendernvarchar发送人姓名Contentnvarchar发送信息内容SenderIDint发送信息IDReceivernvarchar收信人姓名Timenvarchar发送时间、回复短消息表回复短消息表(tbReplymsg)主要用于存放用户回复信息的内容。表tbReplymsg的结构如表所示。表回复短消息表(tbReplymsg)的结构字段类型说明ReplyMsgIdint主键(自动编号)Receivernvarchar收信人姓名ReceiverIDint收信人IDContentnvarchar短信息内容Recontentnvarchar回复信息内容SendMsgIDint短消息IDSendernvarchar发送人Timedatetime回复时间系统详细设计功能设计规范、系统界面的总体布局一个良好的功能布局和友好的操作界面可以贴近用户和系统的关系使系统更加人性化。以短消息模块为例其显示布局如下:上部为系统的总体功能左边为系统的快捷功能核心部分为操作短消息功能如图所示。该布局直观的提供对短消息的操作功能可以进行对短消息的回复、删除以及查看回复信箱给好友发送短消息等工作。系统页面的色彩搭配为淡绿色色彩柔和用户不容易产生视觉疲劳。页面进行统一布局使页面层次分明、位置明确让用户感觉到页面整洁舒适符合用户的操作习惯。图界面设计、母版页设计网页的外观是很重要的往往决定了用户对网页的喜好程度以及对系统开发的认可程度。呈现一致性界面Web应用程序能体现专业性并能增强用户的体验因为人们在熟悉的环境中总会觉得更加舒服。在ASPNET中可以通过引入母版页维护系统的一致性界面外观。母版页的主要功能是为ASPNET应用程序创建统一的用户界面和模式是由两部分构成即一个母版页和一个或多个内容页这些内容页与母版页合并然后将母版页的布局与内容页的内容组合在一起输出。母版页为具有扩展名为master的ASPNET文件他具有可以包括静态文本、HTML元素和服务器控件的预定义布局。母版页由特殊的Master指令识别该指令替换了用于普通asp页的Page指令。内容页与母版页关系紧密内容页主要包含页面的非公共内容。通过创建各个内容页来定义母版页的占位符控件即ContentPlaceHolder控件内容这些内容页为绑定到特定母版的ASPNET页面。、Web用户控件使用ASPNET网页中可以使用创建ASPNET网页的技术来创建可重复使用的自定义控件这就是Web用户控件。用户控件的一种复合控件其工作原理非常类似于ASPNET网页可以向Web用户控件添加现有的控件和标记并定义控件的属性和方法然后可以将Web用户控件像其他普通控件一样添加到ASPNET网页中充当一个单元。使用Web用户控件可以将常用的内容或者控件以及控件的运行逻辑程序设置为用户控件然后便可以在网页中重复使用该用户控件从而省去许多重复性的工作例如网页上的导航栏几乎每个页都需要相同的导航栏这时便可以将其设计为一个用户控件在多个页面使用。如果网页内容需要改变只需修改Web用户控件中的内容其他添加使用该用户控件的网页会自动随之改变因此Web用户控件的使用使网页的设计以及维护变得更加简单易行。、友好的用户提示方式在该系统中用户可以对自己的资料进行管理那么在进行相关操作的时候系统需要给用户提示信息以免操作不慎造成严重后果。尤其是一些关键操作例如查找、删除等和出现程序运行异常的情况时除在网页上显示提示信息外还应给出相应的弹出对话框如图所示。代码如下:protectedvoiddlReplyItemDataBound(objectsender,DataListItemEventArgse){((LinkButton)eItemControlsFindControl("lnkbtnDelete"))AttributesAdd("onclick","returnconfirm('确定要删除吗?')")if(((Label)eItemControlsFindControl("labContext"))TextLength>){((Label)eItemControlsFindControl("labContext"))Text=((Label)eItemControlsFindControl("labContext"))TextSubstring(,)""}}图弹出对话框、网页名、控件名称的规范在网页、数据库、控件、函数和变量的设计过程中使用相同的命名规则便于管理和编程。例如网页是根据页面的功能来命名的根据其名称可以知道该页的主要功能。、代码结构模块化在该系统中后台的逻辑代码是根据功能来编写的那么根据功能来实施代码模块化可使编程思路清晰便于管理。首先前台页面要采用合理的页面功能布局为代码模块化创造有利条件。另外系统开发采用了C#语言和MicrosoftVisualStudio开发软件。代码在不编写时被折叠起来层次分明便于阅读。用户界面设计、登录页面用户需要登录该网站时在登录页面输入用户名、密码及验证码通过身份认证后可进入同学录系统的首页。管理员登录需点击登录页面的【管理员登录】按钮在弹出的登录窗口中输入用户名、密码及验证码进入管理员页面。、用户注册页面注册用户页主要实现添加用户的功能。在该页中用户填写个人详细信息其中用户名密码不能为空。用户添加成功后系统默认设置用户权限为普通用户用户信息将存入数据表tbUser中。、用户主页用户通过身份认证后在用户主页会显示该用户名称登录栏将会被隐藏显示站内导航栏。用户可以点击导航栏中的按钮进入指定页面。图用户子系统模块结构()账号管理个人账号管理页为用户提供管理个人基本信息的功能在该页中用户可以更改个人基本信息。确定修改完成后用户信息将更新的用户信息表tbUser中。()留言栏在本同学录系统中留言板的功能类似于班级公告栏。用户可以在留言板中浏览、发布信息该留言板的设计是为了方便在站内发布班级通知用户可以及时看到班级的消息。该留言板的留言信息用户是不可以随意修改的只有管理员可以删除留言板中的信息。浏览留言页面的运行效果如图。图留言栏该页的核心部分是一个DataList控件该控件与留言信息表Message绑定将表内的相关信息显示到前台页面中功能代码如下:if(!IsPostBack){SqlConnectionsqlCon=newSqlConnection()sqlConConnectionString="server=ATAODAuid=sapwd=database=dbStuBook"stringSqlStr="select*fromMessageorderbyTimeDesc"SqlDataAdapterda=newSqlDataAdapter(SqlStr,sqlCon)DataSetds=newDataSet()daFill(ds,"Message")DataListDataSource=ds设置数据源用于填充控件中的项的值列表DataListDataBind()将控件及其所有子控件绑定到指定的数据源}点击该页中的【我要留言】按钮将跳转到发表留言页面。用户可编辑留言信息完成编辑后系统会把留言的相关信息包括留言人、留言内容、留言时间存入留言信息表tbBoard中。()个人日志日志模块不仅为用户们提供了一个交流的平台还是每位用户抒发情怀释放感情的好地方。在本模块中用户通过前台登录后可以在网站内发布日志、与站内用户进行交流、删除访客对本人日志的评论以及浏览站内日志并发表评论。用户也可以不登录同学录系统浏览日志通过匿名方式发表评论。本模块主要有四大功能分别是发表日志浏览日志及评论发表评论以及评论管理。通过日志模块的结构图可以更加详细了解模块功能的实现。图日志模块结构①浏览日志页面浏览日志页面(Indexaspx)为访客提供浏览日志、查看评论、发表评论的功能点击首页的【浏览日志】按钮便可进入该页面。点击日志相应的【发表人】按钮将执行跳转到个人日志页面(PersonalArticleaspx)在该页中可浏览该发表人的所有日志。点击Indexaspx页面的【查看评论】按钮将执行跳转到浏览评论页面(ViewReplyaspx)浏览所选日志的相关评论。点击Indexaspx页面的【我要评论】按钮将执行跳转到发表评论页面(ViewContentaspx)可对所选日志发表评论。Indexaspx页面的运行结果如图所示。图浏览日志页面该页面的核心部分为ViewContentascx用户控件在编辑该页面时从解决方案资源管理器中将ViewContentascx控件拖入到该页面完成该页面的设计。ViewContentascx控件为访客提供浏览日志、查看评论、发表评论的功能是浏览日志页面(Indexaspx)的核心部分。在该控件中将显示站内所有日志可以查看其相关的评论并发表新的评论。ViewContentascx控件主要用DataList控件构成通过DataList控件绑定日志信息表tbArticle将日志的相关信息包括日志发表时间、日志主题、日志内容显示在前台页面中。除此DataList控件中添加三个超链接按钮用于跳转到指定页面例如点击【发表人】按钮将跳转到该发表人的所有日志页面点击【查看评论】按钮将跳转到浏览该文章评论页面点击【我要评论】按钮将跳转到发表评论页面为登录访客将以匿名方式发表评论。该部分的HTML页面的源代码如下:<tr><tdcolspan=""style="height:pxtextalign:right">发表人:<ahref='PersonArticleaspxUserID=<#DataBinderEval(ContainerDataItem,"UserID")>'><#DataBinderEval(ContainerDataItem,"Author")><a><td><tdstyle="width:pxheight:pxtextalign:center"><ahref='ViewReplyaspxArticleID=<#DataBinderEval(ContainerDataItem,"ArticleID")>'>【查看评论】<a><td><tdcolspan=""style="height:pxtextalign:centerwidth:px"><ahref='ViewContentaspxArticleID=<#DataBinderEval(ContainerDataItem,"ArticleID")>'>【我要评论】<a><td><tr>在后台编辑器(Indexaspxcs)中编写一个自定义方法dlBind用以实现显示日志的相关内容。代码如下:publicvoiddlBind(){intcurpage=ConvertToInt(thislabPageText)获取数据源的数据表stringstrSql="select*fromtbArticleorderbyTimeDesc"DataTabledsTable=dbObjGetDataSet(strSql,"tbArticle")*****省略分页显示部分代码*******thisdlViewContentDataSource=psthisdlViewContentDataKeyField="ArticleID"thisdlViewContentDataBind()}②浏览评论页面浏览评论页面(ViewReplyaspx)提供了浏览评论的功能。点击浏览日志页面(Indexaspx)中的【查看评论】按钮便可进入该页面。在该页面中可以浏览所选日志的相关评论其核心部分是Replyascx用户控件。Replyascx用户控件提供了浏览评论的功能在该控件中将显示该日志的相关评论。该用户控件主要由一个DataList控件构成通过DataList控件绑定评论信息表tbRevert将所选定日志的相关评论显示到前台页面中。③发表评论页面发表评论页面(ViewContentaspx)提供发表评论的功能。点击浏览日志页面(Indexaspx)中的【我要评论】按钮便可进入该页面。在该页面中可以浏览日志的详细内容并可对其做评论。该页首先将数据表tbArticle中相关日志信息显示在前台页面中该功能的逻辑代码如下:protectedvoidPageLoad(objectsender,EventArgse){if(Request"ArticleID"ToString()!=""){此处用来实现将数据绑定到前台stringstrSql="select*fromtbArticlewhereArticleID='"intParse(PageRequest"ArticleID"ToString())"'"DataTabledsTable=dbObjGetDataSet(strSql,"tbArticle")if(dsTableRowsCount>){thislabContentText=dsTableRows"Content"ToString()文章内容thislabSubjectText=dsTableRows"Subject"ToString()文章主题}}}发表评论部分是由FeedBackascx用户控件构成。该用户控件包含个TextBox控件及个Button控件完成评论编写后点击【确定】按钮将执行发表评论功能将所编辑的评论内容及发表人信息存到数据表tbRevert中。后台逻辑代码如下:protectedvoidbtnOKClick(objectsender,EventArgse){if(Session"UserName"==)如果用户未登录{访客以“匿名”身份发表评论strAdd="insertintotbRevert(VisitorName,Subject,Content,IP,Time,ArticleID,UserID)values('匿名','"strSubject"','"thistxtContentText"','"RequestUserHostAddressToString()"','"DateTimeNowToString()"','"intParse(Request"ArticleID"ToString())"','"intUserId"')"}else{访客登录后发表评论strAdd="insertintotbRevert(VisitorID,VisitorName,Subject,Content,IP,Time,ArticleID,UserID)values('"intParse(Session"UserID"ToString())"','"Session"UserName"ToStri

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/44

班级同学录网页制作

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利