同学录网站设计与制作
：为了顺应互联网时代交往便捷性需求，本毕业设计完成了“同学录”网站的设计与实现过程，旨在让毕业的学生们可以通过这个平台进行沟通交流。本网站首先给出了需求分析，然后给出详细设计并进行实现，主要完成了用户登录注册、班级资讯留言等前台页面显示功能以及班级信息、用户信息、班级资讯等后台管理功能。网站主要使用了JavaScript与HTML+CSS完成了页面的显示与一些动态效果，同时，使用ASP.NET动态网站开发技术显示网站中内容以及SQL Server 2008关系数据库软件来保存管理网站中涉及到的一些信息。
目 录
一、 引言 1
（一）发开背景 1
（二）网站意义 1
（三）网站制作方法 1
二、 网站开发技术及工具简介 1
（一） 主要开发技术的选用与介绍 1
1.HTML+CSS 1
2.Javascript 1
3.ASP.NET 1
4.SQL 1
（二） 主要开发工具的选用与介绍 2
1.Visual studio 2008 2
2.SQL Server 2008 2
三、 网站总体设计 2
（一）网站功能 2
（二）数据库设计概述 3
1.数据表的设计 3
2.数据表的结构 3
四、 网站前端页面的设计与实现 7
（一） 功能模块的设计 7
1.母版页设计 7
2.“用户注册”栏目的设计 8
3.“班级资讯”栏目的设计 9
4.“班级相册”栏目的设计 10
5.“热门班级”栏目的设计 11
6.“最新班级”栏目的设计 12
7.“班级留言”栏目的设计 12
8.“用户登录”栏目的设计 13
（二） 功能模块的实现 14
1.用户注册界面 14
2.留言详细信息界面 16
五、 网站后台页面的设计与实现 17
（一） 网站后台系统的设计 17
1.后台登录页面实现 17
*好棒文|www.hbsrm.com +Q: #351916072#
2.后台登录成功页面 18
3.系统管理 18
4.班级信息管理 20
5.用户信息管理 21
6.班级资讯管理 22
7.班级相册管理 23
8.留言信息管理 24
9.基础信息管理 25
（二） 后台功能模块的实现 27
1.账号管理功能 27
2.添加账号功能 29
3.修改密码功能 30
4.左侧导航栏JS特效 31
六、 总结 34
七、 致谢 35
八、 参考文献 36
引言
（一）发开背景
毕业在即，我们都将步出大学校门，走上工作岗位，因此，与学校里的那群小伙伴的友谊将会是十分珍贵的。然而随着时间的流逝，生活环境的变化，手中的通讯录未进行实时更新，使得朋友之间很难再有联系方式。而同学录网站，可以把同学们集合在一起，只需打开进入这个网站，立即就能查看同学们的信息。
（二）网站意义
同学录网站可以向同学们发通知公告以及提供一些最新资料，方便大家互相联系，联络加深同学们之间的友谊。比如对于一些爱旅游但又不愿意一个人出门的同学，可以通过同学录网站联系在不同地方的同学，再组团去游玩；在工作中或者是生活中遇到一些困难时也可以找同学们帮忙。
（三）网站制作方法
本网站主要使用了visual studio 2008工具进行开发，主要采用了动态网站开发技术，同样也使用了JavaScript为页面增加了动态特效与SQL Server 2008关系数据库管理网站中的数据。
网站开发技术及工具简介
主要开发技术的选用与介绍
1.HTML+CSS
（1）HTML概述：
HTML名为超文本标记语言，是一种规范、一种标准。在不同的浏览器中，相同的标记会有不同的显示。
（2）CSS 概述：
CSS是一种用来表现HTML或XML等文件样式的一种语言,其中文名称为层叠样式表，英文全称为Cascading Style Sheets。
2.Javascript
JavaScript是一种直译式脚本语言。通常称其解释器为 JavaScript引擎，是浏览器的一部分，作用为给 HTML网页增加动态效果。
3.ASP.NET
ASP.NET又称ASP+。ASP.NET是基于.NET Framework的Web开发平台，它具备开发网站应用的解决方案，包括验证、状态管理、调试等功能。
4.SQL
SQL全名Structured Query Language(中文名为结构化查询语言)。SQL是一种特殊目的的编程语言；可用于存取数据，查询、更新和管理数据。
主要开发工具的选用与介绍
1.Visual studio 2008
Visual studio 2008（简称VS2008），使用VS2008可以高效开发Windows应用程序。
2.SQL Server 2008
SQL Server 2008是一种用于管理关系型数据的系统。SQL Server 2008可以对数据进行查询、同步、分析等。
网站总体设计
（一）网站功能
网站功能结构如图31所示。
图31 网站功能目结构图
本网站主要是向同学们发通知公告以及提供一些最新资料。因此，同学录主要实现了以下的功能：
用户注册：在申请加入相关班级或留言等操作时，需要登录，而在登录之前就需要注册一个新的用户名称。
用户登录：供注册过的用户登录。
班级资讯：可以查看各个班级分享的一些资讯。
班级相册：显示班级相片。
热门班级：显示受欢迎的班级。
最新班级：显示最新添加的班级。
班级留言：显示留言信息，同时也可进行留言。
系统管理：用于添加修改管理员的相关信息。
班级信息管理：可用来管理班级人员等。
用户信息管理：主要用于管理用户的相关信息。
班级资讯管理：其中包括添加新闻信息、管理班级资讯。
班级相册管理：用于管理相册中的信息。
留言信息管理：用于管理留言内容。
基础信息管理：主要用于维护学校的相关信息。
（二）数据库设计概述
1.数据表的设计
本网站的数据库名为tongxueLuWeb，数据表如31所示：
表31数据库汇总表
目 录
一、 引言 1
（一）发开背景 1
（二）网站意义 1
（三）网站制作方法 1
二、 网站开发技术及工具简介 1
（一） 主要开发技术的选用与介绍 1
1.HTML+CSS 1
2.Javascript 1
3.ASP.NET 1
4.SQL 1
（二） 主要开发工具的选用与介绍 2
1.Visual studio 2008 2
2.SQL Server 2008 2
三、 网站总体设计 2
（一）网站功能 2
（二）数据库设计概述 3
1.数据表的设计 3
2.数据表的结构 3
四、 网站前端页面的设计与实现 7
（一） 功能模块的设计 7
1.母版页设计 7
2.“用户注册”栏目的设计 8
3.“班级资讯”栏目的设计 9
4.“班级相册”栏目的设计 10
5.“热门班级”栏目的设计 11
6.“最新班级”栏目的设计 12
7.“班级留言”栏目的设计 12
8.“用户登录”栏目的设计 13
（二） 功能模块的实现 14
1.用户注册界面 14
2.留言详细信息界面 16
五、 网站后台页面的设计与实现 17
（一） 网站后台系统的设计 17
1.后台登录页面实现 17
*好棒文|www.hbsrm.com +Q: #351916072#
2.后台登录成功页面 18
3.系统管理 18
4.班级信息管理 20
5.用户信息管理 21
6.班级资讯管理 22
7.班级相册管理 23
8.留言信息管理 24
9.基础信息管理 25
（二） 后台功能模块的实现 27
1.账号管理功能 27
2.添加账号功能 29
3.修改密码功能 30
4.左侧导航栏JS特效 31
六、 总结 34
七、 致谢 35
八、 参考文献 36
引言
（一）发开背景
毕业在即，我们都将步出大学校门，走上工作岗位，因此，与学校里的那群小伙伴的友谊将会是十分珍贵的。然而随着时间的流逝，生活环境的变化，手中的通讯录未进行实时更新，使得朋友之间很难再有联系方式。而同学录网站，可以把同学们集合在一起，只需打开进入这个网站，立即就能查看同学们的信息。
（二）网站意义
同学录网站可以向同学们发通知公告以及提供一些最新资料，方便大家互相联系，联络加深同学们之间的友谊。比如对于一些爱旅游但又不愿意一个人出门的同学，可以通过同学录网站联系在不同地方的同学，再组团去游玩；在工作中或者是生活中遇到一些困难时也可以找同学们帮忙。
（三）网站制作方法
本网站主要使用了visual studio 2008工具进行开发，主要采用了动态网站开发技术，同样也使用了JavaScript为页面增加了动态特效与SQL Server 2008关系数据库管理网站中的数据。
网站开发技术及工具简介
主要开发技术的选用与介绍
1.HTML+CSS
（1）HTML概述：
HTML名为超文本标记语言，是一种规范、一种标准。在不同的浏览器中，相同的标记会有不同的显示。
（2）CSS 概述：
CSS是一种用来表现HTML或XML等文件样式的一种语言,其中文名称为层叠样式表，英文全称为Cascading Style Sheets。
2.Javascript
JavaScript是一种直译式脚本语言。通常称其解释器为 JavaScript引擎，是浏览器的一部分，作用为给 HTML网页增加动态效果。
3.ASP.NET
ASP.NET又称ASP+。ASP.NET是基于.NET Framework的Web开发平台，它具备开发网站应用的解决方案，包括验证、状态管理、调试等功能。
4.SQL
SQL全名Structured Query Language(中文名为结构化查询语言)。SQL是一种特殊目的的编程语言；可用于存取数据，查询、更新和管理数据。
主要开发工具的选用与介绍
1.Visual studio 2008
Visual studio 2008（简称VS2008），使用VS2008可以高效开发Windows应用程序。
2.SQL Server 2008
SQL Server 2008是一种用于管理关系型数据的系统。SQL Server 2008可以对数据进行查询、同步、分析等。
网站总体设计
（一）网站功能
网站功能结构如图31所示。
图31 网站功能目结构图
本网站主要是向同学们发通知公告以及提供一些最新资料。因此，同学录主要实现了以下的功能：
用户注册：在申请加入相关班级或留言等操作时，需要登录，而在登录之前就需要注册一个新的用户名称。
用户登录：供注册过的用户登录。
班级资讯：可以查看各个班级分享的一些资讯。
班级相册：显示班级相片。
热门班级：显示受欢迎的班级。
最新班级：显示最新添加的班级。
班级留言：显示留言信息，同时也可进行留言。
系统管理：用于添加修改管理员的相关信息。
班级信息管理：可用来管理班级人员等。
用户信息管理：主要用于管理用户的相关信息。
班级资讯管理：其中包括添加新闻信息、管理班级资讯。
班级相册管理：用于管理相册中的信息。
留言信息管理：用于管理留言内容。
基础信息管理：主要用于维护学校的相关信息。
（二）数据库设计概述
1.数据表的设计
本网站的数据库名为tongxueLuWeb，数据表如31所示：
表31数据库汇总表
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/516.html
