毕业设计（论文）-同学录的设计与实现.doc

数学与计算机科学学院毕业论文（设计）题目： 同学录的设计与实现 专业： 软件工程 班级： 10级软工(1)班 作者： 学号： 指导教师(职称)： 2013 年12月27日龙岩学院本（专）科毕业论文(设计)作者承诺保证书本人郑重承诺： 本篇毕业论文(设计)的内容真实、可靠。如果存在弄虚作假、抄袭的情况，本人愿承担全部责任。签名：年 月 日龙岩学院本（专）科毕业论文(设计)指导教师承诺保证书本人郑重承诺：我已按有关规定对本篇毕业论文(设计)的选题与内容进行了指导和审核，坚持一人一题制，确认由作者独立完成。如果存在学风问题，本人愿承担指导教师的相关责任。签名：年 月 日同学录的设计与实现同学录的设计与实现【摘 要】随着网络信息时代的来临互联网应用越来越广泛,从网上获取并且发布信息已成为现代计算机应用的一大特色。各种在线服务系统，更是深刻的影响了人们的联系方式，使得人们可以在远隔千里之遥随时通讯。过去的种种陈旧的联系方式，已经不能满足现代生活的需要，同学录作为一种方便同学之间联系的实用系统便应运而生。又临近毕业季了，作为的大四毕业生，一想起离开生活四年的学校，要离开四年朝夕相对的室友，离开同窗四年的同学，心里总会有许多的不舍。虽然现在通讯非常发达，有微信、QQ、微博等，但是这都是比较泛的通讯工具，而我们更需要专注于班级同学的交流平台，方便毕业后的我们和同学、老师分享生活中的点点滴滴。本设计主要研究了同学录网站的设计开发，实现一套面向用户的基于Web的同学录系统。在研究开发过程中，本系统采用浏览器/服务器（B/S）网络技术及三层架构模式，使用Visual Studio 2012作为界面设计软件，结合后台数据库运行和管理的载体SQL Server 2008，以IIS作为Web服务器，通过浏览器进行客服端访问。本设计主要利用ASP.NET技术，实现了网页各种功能，并克服了ASP安全性、代码混乱和不易调试等方面的问题。【关键词】：同学录；ASP.NET；B/S结构；SQL Server2008；三层架构Design and implementation of ClassmatesMathematics and Computer Science, Software Engineering InstituteNo.2010034503 Lin Yang Cai Instructor: Zeng Zhihong lecturerAbstract：With the advent of the information age ,the Internet applications are more widely.Publishing information obtained from the Internet has become a feature. Various online services system is affected contact details, so people can communicate at any time from separated thousands of miles . The all past old contact information can not meet the need of modern life, so the classmate system as a convenient and practical link between the students is developed.For graduation season approaching , the senior graduates remember to leave a life of four years and roommates overnight.My heart always have a lot of sadness . Although communication is well developed, for example QQ, we need to focus on communication platform classmates after graduation to facilitate our classmates and teachers to share life . The main website design achieves a set of user oriented system . In the research and development process, the system uses the browser / server (B / S) network technology and three-tier model by Visual Studio 2012 and SQL Server 2008, with IIS as Web server for customer-side accessing through a browser. The main advantage of ASP.NET technology has the web various functions and overcome the ASP security issues confusing and difficult to debug code and other aspects .Keywords: Classmates ; ASP.NET; B / S structure ; SQL Server2008; three-tier architecturI目 录第一章 绪论11.1开发的背景11.2开发的目的及意义11.3论文架构1第二章 开发相关知识与技术22.1 A技术与优点22.2 AJAX技术无刷新的特性22.3 Js技术的使用和介绍2第三章 系统需求分析与设计33.1系统需求分析33.1.1功能性需求33.1.2非功能性需求33.2系统设计53.2.1设计思想53.2.2系统功能结构图53.2.3系统业务流程分析7第四章 数据库设计与实现94.1 SQL Server 2008的概述94.2 数据模型图94.3数据库表的设计9第五章 系统详细设计145.1系统的设计原则145.2系统功能设计145.3系统主要模块具体功能设计185.3.1登录模块185.3.2主界面205.3.3班级相册205.3.4留言板225.3.5班级论坛235.3.6班级简介235.3.7管理员后台管理界面245.3.8问题反馈界面245.3.9个人中心25第六章 系统测试266.1软件测试的目的266.2测试的必要性266.3 班级相册模块的测试用例设计266.4测试运行结果:26第七章 总结30参考文献31II1第一章 绪论1.1开发的背景近年来随着计算机的普及以及计算机技术的快速发展，计算机正逐渐改变着人们的生活方式，使得人们能以更低廉的价格，开发出更方便、更实用的网络工具。现在网上各种的在线服务系统，更是让人与人之间的联系方式发生了重大的改变，比如QQ、微信、微博等，让人们即使远隔千里之遥也能够随时保持通讯。当同学们离开校园，大学的校友都要各奔东西了，四年的时光转眼即将过去，同学间的友谊将成为宝贵的精神财富。但随着时间的流逝，工作的变迁，生活环境的转变，手中的通讯簿已不能满足人们的需求。同学录网站更是作为一种新兴的交流平台在我们的生活中应运而生。1.2开发的目的及意义又要到了一年中的毕业季了，四年前来自五湖四海的我们相聚在同一个学校，同一个班级，甚至同一个寝室，四年的朝夕相处已经让我们彼此之间埋下了深厚的情谊，然而四年后的今天我们又即将要各奔东西，也许有些同学之间这辈子都没机会再见面，心中的不舍和难过那是显而易见的。同学们即将离开校园走向自己的人生道路，不断更改自己的工作地点及联系方式，使同学们手中同学录中的资料也渐渐的失去了作用，这将导致同学们的沟通和交流出现障碍。因此能及时更新自己信息的成为同学间能够继续保持联系的需要，web版同学录应运而生。同学录是一个很好的信息平台，它不仅为我们节约了大量的时间，更为我们提供了一个同学交流的空间，让我们在繁忙的生活中获得一份轻松与惬意。让班级里每个同学之间不管相隔多远，都可以感受到对方生活的点点滴滴，随时把握班级里每个同学的最新动向。这样的交流平台让我们在毕业后仍然能够保持最密切的联系，让距离隔不断我们之间的友谊。web版同学录开发旨在能让同学们在更改自己的工作地点及联系方式时能够及时在同学录上更新自己的信息。这样能够让自己的同学能及时了解自己的最新动态，为同学们的相互沟通相互交流提供了广阔的平台。web版同学录开发响应了众多用户的需求，因此开发一个web版同学录网站并投入使用已迫在眉睫。网上同学录是一个网上同学交流的平台，通过网络同学们之间能快速，即时地互相联系，交流感情。因此网上同学录能给我们带来更多的方便，让同学之间联系得更快。利用网络留言本可以极大的增进教师和学生、学生和学生之间的交互性，打破了教师和学生、学生和学生之间相对孤立状态。而且网络留言本能使毕业纪念册更加丰富多彩，它不仅是新老同学联系的桥梁，而且还是网络休闲和网上展示自我的好方式。1.3论文架构论文架构主要分为六章，其说明如下：第一章是对Web版同学录的开发背景及开发意义做简单得到说明。第二章主要介绍Web版同学录开发所使用的知识和技术以及对这些技术的优势进行分析。第三章对系统的需求分析与设计做出详细的介绍和设计思想的说明，并对系统的功能结构做出详细的介绍。第四章对系统的数据库设计与实现做出详细的分析。第五章为系统的详细设计，本章将对系统的功能设计及界面设计做出详细的介绍。第六章将对系统的测试及遇到的问题以及解决的方法进行讲解。第七章则是结论及未来的展望。第二章 开发相关知识与技术2.1 A技术与优点ASP.net 是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的的优势。执行效率的大幅提高：ASP.net是把基于通用语言的程序在服务器上运行。不像以前的ASP即时解释程序，而是将程序在服务器端首次运行时进行编译，这样的执行效果，比一条一条的解释强很多。强大性和适应性：因为ASP.net是基于通用语言的编译运行的程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发者的几乎全部的平台上。通用语言的基本库，消息机制，数据接口的处理都能无缝的整合到ASP.net的Web应用中。简单性和易学性：ASP.net是运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。自定义性和可扩展性：ASP.net设计时考虑了让网站开发人员可以在自己的代码中自己定义plug-in的模块。这与原来的包含关系不同，ASP.net可以加入自己定义的任何组件。网站程序的开发从来没有这么简单过。安全性：基于Windows认证技术和应用程序配置，你可以确信你的原程序是绝对安全的。（但是Asp的经验告诉我们，不能这么自信，M$老是会出Bug的）2.2 AJAX技术无刷新的特性使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变的信息。Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样，Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟，一些简化Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持JavaScript的用户提供替代功能。2.3 Js技术的使用和介绍JavaScript是一种的描述语言，可以被嵌入HTML的文件之中。通过JavaScript可以做到回应使用者的需求事件(如：form的输入)而不用任何的网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过网络传给服务器端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程序所处理.脚本语言真正面向的是特定类型问题的解决，其中主要涉及如何创建更丰富、更具有互动能力的图形用户界面（GUI）。JS主要是做界面的.用于客户端也就是浏览器端上执行的脚本开发。可以使网页有动态的效果（特效，如：图片、文字的滚动；层的动态切换，显示及隐藏；对html元素的操作；动态的对html内容修改；动态的修改CSS样式；实现如下拉列表的连动等等.），可以进行表单的输入验证（如：邮箱、电话、邮编的合法性，输入内容长度及内容验证等）Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。且JavaScript具有简单性，动态性和跨平台性。第三章 系统需求分析与设计3.1系统需求分析3.1.1功能性需求Web版同学录主要是为了增加同学之间的信息交流，其目的就在于方便同学之间的联系，随时更新自己的最新动态，增进彼此间的感情，而且还是网络休闲和网上展示自我的好方式。所以基于上述的需求，Web版同学录主要实现以下功能：班级用户注册: 要使用同学录里面的功能，必须先注册同学录账号。第一个注册的用户将成为班级管理员，负责管理班级用户的添加和班级资料的修改。没有注册或被添加的用户只能浏览同学录的公共首页、公共公告及新闻内容。用户登录：供普通用户和班级管理员登录，登录后能看到班级的具体信息，浏览相册等功能，班级管理员登录后还具有添加用户和修改班级资料的功能。找回密码：用户忘记密码时，可以根据之前设置的密保问题修改密码。个人中心：用户登陆后可以查看自己的资料、修改自己的基本资料，以及修改自己的登录密码和更换自己的头像。我的朋友：可以看到班级已注册人员列表，点击列表时可以浏览班级同学的基本资料。班级主页：可以看到班级风采照片展示，以及现有班级照片数量、留言数量、论坛数量，并看到最近来访同学以及班级的基本概况。班级相册：用户登陆后可以创建相册，上传照片，编辑照片以及浏览班级中其他人上传的相册。其中编辑照片中，学生可以实现设置封面照片、删除自己上传照片、删除自己创建相册的功能。班级公告：用户可进入班级公告，查看和发布班级公告，任何进入到同学录的用户都可浏览到发布的公告。班级留言：用户进入到网站中可查看班级留言记录，并且可以针对留言记录发表回复内容。班级论坛：用户进入到班级论坛模块之后可以发表帖子，也可以浏览其他用户发表的帖子,回复其他用户发表的帖子。班级简介：班级简介模块主要填写了对该班级的一些描述，普通用户只有查看的功能。班级管理员进入后可以对班级资料进行修改，修改班级合照。后台管理：这一模块主要针对班级管理员的，普通用户将不显示这一块的功能。班级管理员进入之后，可以添加用户以及修改班级的风采照片。问题反馈：普通用户可对系统问题进行反馈。3.1.2非功能性需求1) 用户界面需求：表3-1 用户界面需求表需求名称详细要求风格1.界面风格一致，整体布局一致，同一界面正文主体文字的大小、 颜色、字体要相同。2.主色调相同，统一界面色彩不宜超过5种，保持清晰明了。布局同学录管理系统主要为方便管理设计，布局力求整洁一致1.所有页面均将导航条置于上方2同一界面上的控件数不要超过10个3.布局符合阅读中国人阅读习惯：顺序为从上至下或从左至右2) 易用化与人性化需求：表3-2 易用化人性需求表需求名称详细要求界面的易用性普通用户应该在进入某一界面之后五步之内完成自己的目标，如查询，删除。 一个操作的跳转页面不超过4个。3) 软硬件环境需求：表3-3 硬件环境需求表需求名称详细要求服务器内存1GM以上，硬盘40G以上，声卡显卡等无特别要求用户终端内存256M以上操作系统Windows操作系统（WinXP/Win2000/Win2003）4) 安全性需求表3-4 安全性需求表需求名称详细要求数据的安全1系统既必须保证本系统的独立性和完整性，即应防止未经授权的各类人员对本系统进行设置和修改或进行有关统计 2系统服务器软件必须提供可靠的数据备份和恢复手段，在服务器 软件、硬件出现严重故障时，能够根据备份的数据(和帐户信息等必要的配套信息)迅速彻底地恢复正常运行环境；3系统的用户信息管理相关模块，决定了其它众多系统的账户安全性，必须保证统计数据准确、安全，用户信息应当提供完善的备份和恢复措施。数据的传输安全1系统应具备加密登录的安全的保障 2.用户界面的安全性考虑：在界面上通过程序控制出错几率，减少系统因用户人为的错误引起的破坏。系统自身的安全1，系统应具备加密登录、数据加密传输、数据存储安全方面的保障，以确保系统的安全性；2，对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。对可能造成等待时间较长的操作应该提供取消功能；3，对错误操作最好支持可逆性处理，如取消系列操作。在输入有效性字符之前应该阻止用户进行只有输入之后才可进行。3.2系统设计3.2.1设计思想如今面临毕业的学生们,难免都会有些伤感,同窗四年的同学、室友也即将各奔东西。本系统的设计思想就是为每个班级定做一个同学录网站，通过这个网站，每个班级的学生都可随时关注班级动态，随时把握同学间的动向，即使不在一个地方，也能感受到集体的温暖，即使大家都毕业了，也能像在校时那样随时沟通、交流。同学录给每个班级成员提供了一个友好交流的平台，学生可以通过进入自己班级的同学录来了解彼此之间的信息情况，也能随时上传自己的最新照片与大家分享。同时通过在班级留言板和班级论坛上进行留言、发帖子和回复的功能，提供了一个在线聊天的平台，这对促进班级同学间的友谊有很大的帮助。3.2.2系统功能结构图1) 系统总架构：本系统架构主要分为三个用户，每个不同身份的用户进入系统后拥有不同权限的操作，如图3-1所示。图3-1 系统总架构2) 游客模块:游客进入系统后只能使用同学录的查看公告和查看新闻功能，如图3-2所示。图3-2 游客功能架构3) 班级管理员模块:班级管理员进入系统之后除了使用游客的功能之外还能享有普通用户能使用的所有功能，包括相册的使用、公告、论坛等，如图3-3所示。图3-3 班级管理员模块功能架构图4) 普通用户模块：普通用户进入系统之后除了能使用游客使用的功能之外，还可以进行个人中心、我的朋友和查看班级主页等操作，如图3-4所示。图3-4 普通用户模块功能架构图3.2.3系统业务流程分析系统分为三个模块，每个模块用户的使用权限各不相同。用户登录系统之后根据自己的权限分别能队不同的功能进行不同的操作。1 总流程：用户进入系统的登录界面之后，输入自己的账号密码，由系统自主判断你的用户类型，以此来给用户分配不同的权限。如图3-5所示。图3-5 系统总体流程图2 普通用户：普通用户进入系统之后，可对自己拥有的权限进行系统操作，如图3-6所示.图3-6 普通用户业务流程图3 班级管理员：班级管理员进入系统之后，可对自己拥有的权限进行系统操作，如图3-7所示.图3-7班级管理员业务流程图第四章 数据库设计与实现4.1 SQL Server 2008的概述SQL Server 2008 在 Microsoft 的数据平台上发布，帮助您的组织随时随地管理任何数据。它可以将结构化、半结构化和非结构化文档的数据（例如图像和音乐）直接存储到数据库中。SQL Server 2008 提供一系列丰富的集成服务，可以对数据进行查询、搜索、同步、报告和分析之类的操作。数据可以存储在各种设备上，从数据中心最大的服务器一直到桌面计算机和移动设备，您可以控制数据而不用管数据存储在哪里。本系统采用SQL Server 2008作为数据库设计的平台，是结构化查询语言，主要功能是同各种数据库建立联系，进行沟通。SQL是关系型数据管理系统的标准语言，SQL语句可以用来执行各种各样的操作。4.2 数据模型图图4-1 数据模型图4.3数据库表的设计本系统所设计的数据库名为MyClass，主要包含15个表，每个表都对应系统中不同操作所需要的字段。（1） 公共公告表：用来存放系统中公共公告模块所需要的基本信息，主要包含公告编号、标题、内容、发布者和发布时间。如表4-1所示。表4-1 公共公告表列名数据类型说明约束AnnounceIDInt公告编号主键AnnounceTitltnvarchar(50)公告标题AnnounceContenttext公告内容AnnounceFromnvarchar(50)公告发布者AnnounceTimenvarchar(50)发布时间（2）论坛帖子表：用于存放班级用户或班级管理员登录系统后发布的论坛内容，主要包含用户名、帖子标题等一些论坛需要的基本信息。如表4-2 所示。表4-2 论坛表列名数据类型说明约束IdInt编号主键UserNamenvarchar(50)用户名BBSTutlenvarchar(200)帖子标题BBSContentnvarchar(MAX)帖子内容pubishTimenvarchar(50)发帖时间（3） 论坛回复表：用于存放班级用户或班级管理员登录系统后回复班级用户发表的帖子。所包含的基本信息如表4-3所示。表4-3 回复表列名数据类型说明约束IdInt编号主键BPIdInt帖子编号UserNamenvarchar(50)回帖者姓名replycontentnvarchar(MAX)回复内容replyTimenvarchar(50)回复时间（4） 留言板：主要用于存放留言板功能中所需要的基本信息的字段。如表4-4所示。表4-4 留言板表列名数据类型说明约束IdInt编号主键UserNamenvarchar(50)留言者姓名BookContentnvarchar(MAX)留言内容BookTimenvarchar(50)留言时间（5） 留言板回复表：用于存放用户对相应的留言进行回复的基本信息，如表4-5所示。 表4-5 留言板回复表列名数据类型说明约束IdInt编号主键BoIdint留言板编号UserNamenvarchar(50)留言回复者姓名replyContentnvarchar(MAX)留言回复时间（6） 班级公告表：用于存放班级用户或班级管理员登录系统后发布公告。如表4-6所示。表4-6 班级公告表列名数据类型说明约束IdInt编号主键AnnounceTitlenvarchar(50)公告标题AnnounceContentnvarchar(MAX)公告内容Announceformnvarchar(50)公告发布者AnnounceTimenvarchar(50)公告发布时间UserNamenvarchar(50)用户名（7） 班级资料表：用于存放班级的基本资料，如表4-7所示。表4-7 班级资料表列名数据类型说明约束IdInt编号主键Usernamenvarchar(50)用户名Teachernvarchar(50)老师Allperponnvarchar(50)班级人数nowpersonnvarchar(50)已注册人数classXynvarchar(50)班级宣言heZnvarchar(50)班级合照BanJGGnvarchar(MAX)班级简介（8） 最近访客：用于存放班级里面最近访问同学录的同学基本资料。如表4-8所示。表4-8 访客表列名数据类型说明约束IdInt编号主键UserNamenvarchar(50)用户名Provincenvarchar(50)所在省份Citynvarchar(50)所在城市Schoolnvarchar(50)学校班级（9） 新闻表：用于存放同学录新闻，所有用户进入系统可看，如表4-9所示。表4-9 新闻表列名数据类型说明约束NewsIdInt新闻编号主键NewsTitlenvarchar(50)新闻标题NewsTimenvarchar(50)发布时间NewsFromnvarchar(50)发布者NewsContenttext新闻内容（10） 个人资料：用于存放班级用户及管理员的个人资料，用户可自行修改自己的个人资料，如表4-10所示。表4-10 个人资料表列名数据类型说明约束IdInt编号主键Usernamenvarchar(50)用户名RealNamenvarchar(50)真实姓名dianHnvarchar(50)电话QQnvarchar(50)QQSexvarchar(10)性别BirthYvarchar(20)出生年BirthMvarchar(20)出生月BirrhDvarchar(20)出生日NowAddressnvarchar(100)现居住地Jobnchar(10)工作contorynvarchar(100)家乡BeiZnvarchar(MAX)备注（11） 相片表：用于存放班级的相片，包含相片编号、名称和上传者，如表4-11所示。表4-11 相片表列名数据类型说明约束IdInt编号主键FolderIdInt相册编号PhotoNamenvarchar(200)相片名Usernamenvarchar(50)用户名（12） 相册表：用于存放班级的相册，主要包含相册编号、相册名称、照片数量已经相册封面等信息。如表4-12所示。表4-12 相册表列名数据类型说明约束IdInt编号主键FolderIdInt相册编号FolderNamenvarchar(30)相册名Usernamenvarchar(50)用户名photoNumInt照片数量photocovernvarchar(50)相册封面（13） 登录表：用户登录表，用来存放用户的登录信息，如表4-13所示。表4-13 登录表列名数据类型说明约束UserIDInt登录编号主键Usernamenvarchar(50)用户名RealNamenvarchar(50)真实姓名Passwordnvarchar(50)密码Provincenvarchar(50)所在省份Cityvarchar(10)所在城市Schoolvarchar(20)学校班级TouXvarchar(20)头像rolevarchar(20)角色（14） 问题反馈表：用于反馈同学录里面的问题。如表4-14所示。表4-1 4问题反馈表列名数据类型说明约束IdInt编号主键UserNamenvarchar(50)用户名QuestionTitlenvarchar(100)问题标题QuestionContentnchar(200)问题内容第五章 系统详细设计5.1系统的设计原则在设计阶段，我们将集中研究系统的软件实现问题，即在分析模型的基础上形成实现环境下的设计模型。一般情况下，设计主要涉及系统设计、对象设计(或详细设计)、数据库设计和用户界面设计等活动。在系统设计中综合考虑如下因素：(1) 技术的先进性，符合网络发展的趋势；(2) 满足人们的需要，节省时间；(3) 提高工作效率，满足网络现在和将来的数据传输需求；(4) 实用性、灵活性、模块化、扩充性、经济性、安全性。5.2系统功能设计本系统主要分为游客、普通用户和班级管理员三个用户权限。根据每个用户操作权限，可把系统的功能设计成以下几个模块：班级用户注册、用户登录、找回密码、个人中心、我的朋友、班级主页、班级相册、班级公告、班级留言、班级论坛、班级简介、后台管理、问题反馈.以下为不同用户的用例图：5) 班级管理员，主要有前台和后台管理两部分，如图5-1、图5-2所示。图5-1 班级管理员模块用例图图5-2 管理员后台管理模块用例图6) 普通用户，如图5-3、图5-4、图5-5、5-6、5-7、5-8、5-9所示。图5-3 普通用户模块用例图图5-4 个人中心模块用例图图5-5班级主要模块用例图图5-6班级相册模块用例图图5-7班级公告模块用例图图5-8班级留言模块用例图图5-9班级论坛模块用例图5.3系统主要模块具体功能设计5.3.1登录模块 登录模块的界面设计如下图所示，整体以浅蓝色为主，界面放置有照片切换展示，左上框为登录框，用户应该输入用户名和密码，用户也可找回密码和注册。登录界面还有公告栏和新闻模块栏，用来动态显示管理员后台发布的公告和新闻。如图5-10所示。图5-10登录界面代码实现：后台主要代码：public partial class Default : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) DataTable dt = BLDefaultClass.NewsTitle(); string newstitle = ; newstitle += ul; for (int i = 0; i dt.Rows.Count; i+) newstitle += lia href=News.aspx?Title= + dt.RowsiNewsTitle.ToString() + style=text-decoration:none;font-size:small+ dt.RowsiNewsTitle.ToString() +/a/libr/; newstitle += /ul; newslibiao.InnerHtml = newstitle; DataTable dt2 = BLDefaultClass.AnnounceTitle(); string AnnounceTitle = ; AnnounceTitle += ul; for (int i = 0; i dt.Rows.Count; i+) AnnounceTitle += li style=white-space:nowrap;overflow: hidden; a href=Announcement.aspx?Title= + dt2.RowsiAnnounceTitlt.ToString() + style=text-decoration:none;font-size:small*nbsp;nbsp; + dt2.RowsiAnnounceTitlt.ToString() + ddasdadadsa/a/libr/; AnnounceTitle += /ul; divAnnounceTitle.InnerHtml = AnnounceTitle; protected void Imgbtnlogin_Click(object sender, ImageClickEventArgs e) DataTable dt = loadManager.load(TextBox1.Text, TextBox2.Text); if (dt.Rows.Count 0) string name = dt.Rows0RealName.ToString(); string province = dt.Rows0Province.ToString(); string city = dt.Rows0City.ToString(); string school = dt.Rows0School.ToString(); string toux = dt.Rows0TouX.ToString(); string cid = dt.Rows0ClassId.ToString(); string role = dt.Rows0role.ToString(); Response.Redirect(MyClass.aspx?name=+name+province=+province+city=+city+school=+school+tou=+toux+user=+TextBox1.Text+cid=+cid+role=+role+); elseResponse.Write(scriptalert(用户名,或密码错误！)/script); 5.3.2主界面用户在登录之后就进入主界面，会显示用户的头像，最近访客记录，并且将该用户所能操作的功能显示在功能栏上，清晰明了，用户可点击任意功能进行操作。另外主页面首要的是展示了班级的风采照片。如图5-11所示。图 5-11 主界面5.3.3班级相册点击“班级相册”之后，用户就进入编辑相册的页面。在该页面，用户可创建相册，上传图片，以及设置相册的封面。另外可对已创建的相册进行编辑，如：删除照片，设置相册封面。如图5-12所示。图5-12 班级相册界面代码实现：上传照片主要代码：前台： script type=text/javascript $(document).ready(function () $(#uploadify).uploadify( uploader: Others/UpLoadJS/uploadify.swf, script: UpLoadphotoHelp.aspx, cancelImg: Others/UpLoadJS/cancel.png, folder: Others/upload, queueID: fileQueue, auto: false, multi: true, ); ); function uploasFile() if (document.getElementById(selected).value = selected) alert(请选择文件夹); else /校验 var username = %=username %; $(#uploadify).uploadifySettings(scriptData, Attach: document.getElementById(selected).value, Loder: username ); /上传 jQuery(#uploadify).uploadifyUpload() function hideuupload() document.getElementById(uupload).style.display = none; function show() var st = document.getElementById(selected).value; alert(st); 后台：public partial class UpLoadphotoHelp : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) HttpPostedFile file = Request.FilesFileData; string name = Context.Request.ParamsAttach; string loder = Context.Request.ParamsLoder; string uploadpath = Server.MapPath(images/photo/+name+/); try if (file != null) if (!Directory.Exists(uploadpath) Directory.CreateDirectory(uploadpath); int success = PhotoFolderManager.uploadphoto(name,name+/+ f