婚恋交友平台论文

摘要

近两三年来，国内交友网站一下子涌出很多，据统计有上千家以婚恋交友为目的的婚恋网站，这些网站的注册会员规模也越来越大。网上征婚，成为目前很多年轻人交友征婚的新途径。本文中的婚恋交友平台是为广大单身人员的用户提供一个便捷但是功能完善的婚恋平台。有用户管理、点歌台、站内信息推送系统、会员活动四大功能，本文主要介绍横向综合页面的设计和实现，以及对首页广告的管理。

目前DIV+CSS布局它以符合W3C标准、支持浏览器的向后兼容、搜索引擎更加友好、样式的调整更加方便、CSS的极大优势表现在简洁的代码、表现和结构分离等优点逐渐成为网页设计的主流布局。而Table布局在处理定位与显示数据上仍有很大的优势，许多大型网站仍在使用Table布局。本文中横向综合页面主要是前台首页页面及其他各个相互连接的页面的设计与实现，当中包括对各个模块排版布局、Flash 和动画特效、从数据库提取数据并在前台显示以及对其排版，采用Table布局与DIV+CSS布局相结合并采用大量自定义控件来设计和实现页面，当中还使用了JS来制作特殊效果。

作为当今计算机领域发展迅速,应用广泛的两大领域之一的数据库技术，主要研究如何存储,使用和管理数据.本文主要使用到在前台对数据库进行增、删、改、查等的基本操作。

关键词： CSS：层叠样式表单 JS：JavaScript

Abstract

The past two or three years, a sudden gush a lot of dating sites, according to statistics

there are thousands of friends to love and marriage for the purpose of dating sites, these sites a

registered member of the scale is also growing. Online Zhenghun, many young people

become the new ways of making friends Zhenghun. This platform is in Marriage friends for

the majority of users of a single officer with a convenient platform for love and marriage, but

fully functional. A user management, song units, station information push system, members of

the activities of four functions, this article introduces the landscape design and

implementation of a comprehensive page, as well as on the home page advertising

management.

DIV+CSS layout which is currently to comply with W3C standards, supports

backward-compatible browsers, search engines more friendly, more convenient to adjust style,

CSS performance of the great advantages of the simplicity of the code, performance and

structure of the separation of the advantages of becoming Web the mainstream of the design

layout. Table layout in dealing with the location and display the data there is still a great

advantage, and many major websites are still using Table Layout. Horizontal integration in

this article are mainly front page Home page and other pages connected to each other in

various design and implementation, including the layout of each module layout, Flash and

animation effects, extract data from the database and display and its layout in the foreground.

Table layout using DIV + CSS layout combining and using a large number of custom controls

to design and realization of the page, which also used the JS to create special effects.

As the rapid development of today's computer field, the two widely used one of the areas

of database technology, primarily looking at how to store, use and management of data. In this

paper, the use of that in front of the database increase, delete, change, search and other basic

operations.

Keyword：CSS：Cascading Style Sheets JS：JavaScript

目 录

1.引言 .................................................... 1

1.1

课题的来源和目标 ...................................................... 1

1.2发展现状 .............................................................. 1

1.3

完成内容与设计结果 .................................................... 3

1.3.1 完成内容 ..................................................................... 3

1.3.2 设计结果 ..................................................................... 3

2.需求分析 ................................................ 4

2.1

整体说明 .............................................................. 4

2.1.1 模块设计图 ................................................................... 4

2.1.2 模块整体说明 ................................................................. 5

2.2

具体需求 .............................................................. 6

2.2.1. 模块功能 .................................................................... 6

2.2.2 模块设计 ..................................................................... 6

3.概要设计 ................................................ 8

3.1

设计目标 .............................................................. 8

3.2

数据库设计 ............................................................ 8

3.2.1 数据库概述 ................................................................... 8

3.2.2 数据库逻辑结构 ............................................................... 9

3.2.3 存储过程 .................................................................... 14

3.3

页面设计 ............................................................. 17

4.详细设计 ............................................... 23

4.1

相关技术概述和工具说明 ............................................... 23

4.2页面实现 ............................................................. 27

4.3从数据库提取用户信息 ................................................. 31

I

4.4广告管理 ............................................................. 32

5.程序调试 ............................................... 36

5.1前台页面排版和兼容性问题 ............................................. 36

5.2后台功能实现问题 ..................................................... 37

毕业设计总结 ............................................. 39

参考文献 ................................................. 40

致谢..................................................... 41

附录..................................................... 42

1.

2.

3.

4.

5.

个人空间后台代码 ................................................... 42

查找用户信息的MODEL层代码： ........................................ 45

查找用户信息的DAL层的GETMODELBYID方法： ............................ 55

从数据库中提取广告信息并显示在页面上的代码： ....................... 57

增加广告信息的前台代码： ........................................... 62

II

南昌航空大学学士学位毕业论文

1. 引言

1.1 课题的来源和目标

本系统是应市场需求而开发的管理软件，该软件能为广大用户提供一个便捷但是功能完善的婚恋平台。

目前，中国传统的婚介市场规模已高达200亿，但由于法规滞后，管理责任不明确等原因，使传统婚介市场面临着严重的信任危机，许多原本需要婚介服务的人士徘徊在婚介公司门外。网络婚介的出现改变了传统婚介的弊端，人们只需轻点鼠标就可以轻松认识各种各样的朋友，可以自由自在的海选自己相中的恋人。网上婚恋因其方便、快捷而发展势头强劲。国内网上婚恋市场在2005年开始兴起，2008年规模将达6.8亿元，年均复合增长率106%。目前江西本省的婚恋市场需求非常旺盛，但婚介网站还很少，而且能具有一点影响力的几乎没有。

系统的建设目标是：

（1）打造江西最大、最权威、最诚信的严肃婚恋交友平台。

（2）抓住女性用户，就抓住了婚恋市场。

（3）实用贴心的功能、新颖时尚的内容以及丰富多彩的线下活动，是区别于其他权威网站的不同之处，更是网站赖以生存的根本。

1.2发展现状

目前，婚恋网站已在世界范围内广泛流行，“网络红娘”的出现不仅对传统交友方式和恋爱观形成强烈冲击，更形成了一门具有良好发展前景的新兴产业。与欧美国家相比，我国婚恋网站起步较晚，目前仍处于跑马圈地的群雄纷争时代，一家独大的行业巨头尚未出现。虽然部分专业婚恋网站已获得国内外大笔风险投资，但至今未能找到有效的盈利模式，仍处于“烧钱”阶段。

1. 婚恋网站流行的原因

婚恋网站通常是指借助网络传播平台为用户提供寻找爱情、婚姻伴侣服务的一种专业性网站。它是伴随着信息革命的广泛普及，网络传播技术、安全技术和支付手段的不断进步以及网民规模的不断扩大而发展起来的。

1) 全面便捷的服务。婚恋网站压缩了传统恋爱中结识阶段的繁琐程序，让人足不出户就能搜寻到符合要求的交往对象，并且可以通过网站所提供的在线服务，如发布个1

南昌航空大学学士学位毕业论文

人照片、个人资料、博客等文本内容以及匿名邮件、在线聊天等沟通工具，进行及时交流，加深彼此之间的认知与了解。对于恋爱中所遇到的困惑和难题，网站通过热点话题讨论和一对一的专线服务、客服邮件等方式，为用户提出专业性指导与建议。婚恋网站不仅是现代版的“爱情红娘”，更充当了全面经营爱情服务的“情感管家”。

2) 庞大的用户资料库作支撑。与传统婚介相比，婚恋网站的信息资源更丰富，能够为用户提供更多的适合人选。目前，我国几家大型婚恋网站的注册人数均已突破百万人，世纪佳缘和百合网的用户规模更是达到了千万人。据《2008年中国网民婚恋调查报告》显示，交际面狭窄是导致单身的主要原因。婚恋网站的出现，无疑打破了传统恋爱中交友所受到的时空限制，用户可以在网站中结识到世界各地的适婚人群，在扩大交友范围方面突破了现代人生活圈狭小的局限。

3) 独特的匹配方式。目前，世界婚恋网站中常用的匹配方式有两种：搜索制与推荐制。搜索制方式是指用户通过主动设置理想对象的条件选项，并指明每项要求的重要程度来制定选择标准，而后在网站数据库中进行数据匹配检索，从而找出最符合要求的人选；推荐制方式以网站所采用的匹配测评系统为基础，对用户进行心理、个性、价值观等方面的测试，然后向用户推荐性状趋同或互补的人选。无论哪种匹配方式，都是以满足用户要求，建立和谐、幸福长久的婚姻关系为目标。

4) 巨大的市场需求。2007年中国网民中单身群体人数达到1183万，公众通过互联网结识异性的人占32.6%，比例远大于亲友介绍（13%）和征婚（0.4%）等传统方式。据调查显示，目前我国网上婚恋交友用户中，24岁以下的青少年所占比例达到了38.1%，25～30岁的中青年网民比例也达到了24.7%，因此，可以看到目前网络婚恋市场正被越来越多的年轻群体所重视。另外网民数量调查显示，目前我国网上婚恋交友用户中，大学专科、大学本科和硕士以上学历的网民数量分别达到了30.7%、39%和3.9%。另根据iResearch艾瑞咨询的预测，到2011年我国网络交友市场的总体规模可达16亿元，其中有近50%的市场份额将被婚恋交友所占据。

2. 婚恋网站的未来发展趋势

当下，我国婚恋网站经历了对盈利模式的不同探索之后，一些主要网站如百合网、珍爱网、嫁我网展开了对高端消费者市场的争夺，侧重VIP会员的开发，为付高额会费的用户提供全方位、细致周到的婚恋服务。而以世纪佳缘为代表的网站则避开了“线上”的激烈竞争，向婚恋产业的下游——婚庆业迈进。对婚恋网站经营者而言，无论在婚恋行业价值链条的哪个环节发展，顾客是盈利的唯一中心，提供完善的服务，留住顾客是经营关键。以顾客为中心，为消费者提供个性化、细节化、差异化的服务，才是婚恋网2

南昌航空大学学士学位毕业论文

站的成功经营之道。

1.3 完成内容与设计结果

1.3.1 完成内容

前台页面：所有页面的模板页面内容，用户个人主页的页面内容以及用户查看他人信息的页面内容。用户可通过IE浏览器输入网址就可以访问系统首页，并能进行登录或注册成为会员，查看最新用户信息和最具人气用户信息（登录或注册成功后）、搜索其他会员并查看其信息（登录或注册成功后）点歌服务（登录或注册成功后）等操作。通过导航条用户能进入会员注册页面，登入页面，搜索页面（登录或注册成功后）、点歌台页面（登录或注册成功后）和我的空间页面（登录或注册成功后）。

广告：分三种广告：主页中横条广告（两条）、对联式广告（左右各一条）和漂浮广告，通过点击广告能进入相对应的网站。管理员能在后台对广告进行查看、增加、删除操作和修改广告的内容。

1.3.2 设计结果

所有用户都可以进入平台注册成为会员。

会员登录后能浏览其他用户的信息、搜索用户、为心仪的用户发消息和点歌。

会员登录后可以进入个人空间，能查看和修改自己的基本信息、详细信息和择偶信息，能查看自己的消息，能进行会员搜索等操作。

3

南昌航空大学学士学位毕业论文

2. 需求分析

2.1 整体说明

2.1.1 模块设计图

1. 模块结构图。

系统包括五大模块：首页页面、公共母版页、个人空间页面、他人空间页面和广告管理。首页，亦称主页、起始页，是一个网站的入口网页，即打开网站后看到的第一个页面；公共母版页，是个人空间页面、他人空间页面、搜索页面和点歌页面等页面共同使用的母版页；个人空间页面，显示会员自己的相关信息并能修改；他人空间页面，显示其他某位会员的相关信息。系统结构图如图2.1所示。

图2.1 模块结构图

2. 高层用例图。

通过对珍爱网、百合网的调查分析，经商议研究后画出用例图。用户有普通用户、会员和管理员。普通用户可以同过浏览器浏览系统首页，并可以进入注册页面进行注册，成为会员。会员可以浏览首页，并可以在登录页面登录；会员登录后可以浏览个人空间页面和他人空间页面查看自己和他人的相关信息，并且能在个人空间种对自己的信息进行修改；会员登录后能进入搜索页面和点歌页面，使用搜索系统和点歌系统。管理员能登录后台对首页的广告进行管理。用例图如图2.2所示。

4

南昌航空大学学士学位毕业论文

注册普通用户浏览首页登录浏览个人主页浏览他人主页会员搜索其他会员点歌管理员登陆后台管理广告

图2.2 用例图

2.1.2 模块整体说明

根据图2.1对模块的划分，横向综合页面（horizontal comprehensive page）共分为5个部分，各个模块功能如下：

1． 首页页面

作为进入系统后看到的第一个页面，是作为形象的体现，是重中之重，也是网站所有信息的归类目录或分类缩影。首页设计要求首页设计采用红色为主色，再用粉色加以点缀，在保障整体感的前提下，根据大多数人的阅读习惯以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔和排版，同时注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。

5

南昌航空大学学士学位毕业论文

2． 公共母版页

为了使各个页面的风格统一规范，特设计了母版页。此母版页为注册页面、登录页面、搜索页面及子页面、点歌台页面及子页面和他人空间页面等页面的公共母版页，同样是也红色为主色，对页面的头部和尾部设计和排版。

3． 个人空间页面

此页面是显示与会员本人相关的一些信息，包括会员自己的基本信息、详细信息和择偶信息以及自己浏览过哪些人的页面等，会员进入后能查看并修改自己的基本信息、详细信息和择偶信息。

4． 他人空间页面。

此页面是显示会员的基本信息、详细信息和择偶信息，用来被其他会员查看。

5． 广告管理。

前台分三种广告：主页中横条广告、对联式广告和漂浮广告，在首页中显示。管理员在后台对广告进行查看、增加和删除，并能选择广告的内容。

2.2 具体需求

2.2.1. 模块功能

根据图2.1对模块的划分，设计横向综合页面各个模块功能如下：

1. 用户可通过IE浏览器输入网址就可以访问系统首页页面。

2. 首页页面上能以3种形式显示广告。

3. 用户能进入登录页面或注册页面。

4. 会员在登录后能进入他人空间页面和个人空间页面。

5. 会员登录后能进入搜索页面。

6. 会员在登录后使用点歌服务，并能进入点歌页面。

7. 会员进入个人空间后能查看和修改个人信息。

8. 管理员在登录后台管理系统后能对首页页面的三种广告的内容进行查看、增加、删除和修改。

2.2.2 模块设计

根据图2.2的用例图，结合实际的操作，绘制出活动图。

1) 前台浏览活动图。

这个活动图主要是用户浏览各个页面的一个过程，用户可以直接通过浏览器访问系6

南昌航空大学学士学位毕业论文

统首页，但只有通过注册成为会员后才能浏览其他模块的页面及其子页面，具体活动如图2.3所示。

进入首页页面进入登录页面是否注册是登录否进入注册页面否是否登录成功是进入搜索页面进入点歌页面进入他人空间页面进入个人空间页面

图2.3 前台浏览活动图

2) 广告管理活动图。

这个活动图主要是管理员对首页页面上三种广告的一个管理过程，管理员在登录后台管理后可以对首页的广告进行管理，包括增、删、改、查。具体活动图如图2.4所示。

登陆后台管理页面进入广告管理模块查看广告增加广告删除广告修改广告

图2.4广告管理活动图

7

南昌航空大学学士学位毕业论文

3. 概要设计

3.1 设计目标

对系统的操作要求简单明了，能够尽量减少操作的步骤和流程。

横向综合页面分为5个模块：首页页面、公共母版页、他人空间页面、个人空间页面和广告管理。

首页页面：对前台首页进行设计和排版，并能以三种形式显示广告。

公共母版页：注册页面、登录页面、搜索页面及子页面、点歌台页面及子页面和他人空间页面等页面的母版页。

他人空间页面：显示他人信息。

个人空间：显示本人信息。

广告管理模块：管理员登入后台管理心痛后能对广告进行管理。

3.2 数据库设计

3.2.1 数据库概述

SQL Server 是一个全面的、集成的、端到端的数据解决方案，它为组织中的用户提供了一个更安全可靠和更高效的平台用于企业数据和 BI 应用。SQL Server 2005 为 IT

专家和信息工作者带来了强大的、熟悉的工具，同时降低了在从移动设备到企业数据系统的多平台上创建、部署、管理和使用企业数据和分析应用程序的复杂性。通过全面的功能集、与现有系统的互操作性以及对日常任务的自动化管理能力，SQL Server 2005 为不同规模的企业提供了一个完整的数据解决方案【1】。

作为微软公司SQL Server生产线上的最受期待的产品，在成千上万的电子邮件、成百上千的规格说明以及大量的编译的基础上，SQL Server 2005确保了自己是Windows平台上数据库应用程序中最具戏剧性的新型数据库平台【1】。

SQL Server 2005 使部署、管理和优化企业数据以及分析应用程序变得更简单、更容易。作为一个企业数据管理平台，它提供单一管理控制台，使数据管理员能够在任何地方监视、管理和调谐企业中所有的数据库和相关的服务。它还提供了一个可以使用

SQL 管理对象轻松编程的可扩展的管理基础结构，使得用户可以定制和扩展他们的管理环境，同时使独立软件供应商 (ISV) 也能够创建附加的工具和功能来更好地扩展打开8

南昌航空大学学士学位毕业论文

即得的能力。

SQL Server 2005 通过提供一个集成的管理控制台来监视和管理 SQL Server 关系数据库、Integration Services、Analysis Services、Reporting Services、Notification

Services 以及在数量众多的分布式服务器和数据库上的 SQL Server Mobile Edition，从而简化了管理工作【1】。

SQL Server 2005 包含许多可以显著提高开发人员生产效率的新技术。从对 .NET

Framework 的支持到与 Visual Studio 的紧密集成，这些功能使开发人员能够以较低的成本更轻松地创建安全、强大的数据库应用程序。SQL Server 2005 使开发人员可以利用现有的跨多种开发语言的技巧并且为数据库提供端对端开发环境。本机 XML 功能也使开发人员能够创建运行在不同平台或设备上的新型应用程序【1】。

3.2.2 数据库逻辑结构

本系统数据库的名字是MarriageFlat，根据实际情况经过研究决定本数据库共设计了24个数据表，其中横向综合页面模块有4个数据表（以下表格内如字段主键列有“*”，表示该字段为主键；文字描述数据表如字段下有“ ”表示该字段为该数据表主键，有“ ”表示该字段为该数据表外键）。

根据实际情况绘制PDM结构如图3.1：

【1】9

南昌航空大学学士学位毕业论文

会员基本信息表会员ID用户名密码类别ID性别昵称出生日期身高国籍民族籍贯居住地户口地婚姻状况住房情况月收入学历职业注册日期最后登录时间是否禁用是否删除intnvarchar(20)nvarchar(20)tinyintbitnvarchar(20)datetimetinyinttinyinttinyintnvarchar(20)nvarchar(20)nvarchar(20)tinyinttinyinttinyinttinyinttinyintdatetimedatetimebitbit管理员信息表管理员ID用户名密码真实姓名固定电话移动电话电子邮箱是否禁用禁用原因是否删除最后登录时间最后登录IP创建人创建时间intvarchar(20)varchar(32)nvarchar(20)nvarchar(16)nvarchar(11)nvarchar(30)bitnvarchar(50)bitdatetimevarchar(15)intdatetime会员详细信息表会员ID真实姓名身份证件号体重体型健康状况相貌自评性格自评政治面貌毕业学校工作单位户口地家庭成员有无子女血型星座生肖恋爱状态是否吸烟是否喝酒是否养宠物厨艺水平擅长生活技能最大消费固定电话移动电话QQ号MSN号电子邮箱家庭地址单位地址行业类别职业类别公司类别职务职称父亲职业母亲职业是否有车是否想要孩子喜欢的地方喜欢的活动喜欢的音乐喜欢的影视宗教信仰兴趣爱好饮食习惯自我介绍intnvarchar(20)nvarchar(18)inttinyinttinyinttinyinttinyinttinyintnvarchar(30)nvarchar(30)nvarchar(20)tinyinttinyinttinyinttinyinttinyinttinyinttinyinttinyinttinyinttinyintnvarchar(50)tinyintnvarchar(16)nvarchar(11)nvarchar(10)nvarchar(30)nvarchar(30)nvarchar(50)nvarchar(50)tinyinttinyinttinyintnvarchar(10)tinyinttinyintbittinyintnvarchar(30)nvarchar(30)nvarchar(30)nvarchar(30)tinyintnvarchar(30)nvarchar(30)nvarchar(255)择偶要求表会员ID性别最小年龄最大年龄最低学历最高学历最小身高最大身高最小体重最大体重体型相貌性格政治面貌民族籍贯居住地户口地月收入星座生肖住房情况是否购车是否吸烟是否喝酒婚烟状况厨艺水平是否要孩子职业类别注册年份intbitintinttinyinttinyinttinyinttinyinttinyinttinyintnvarchar(10)tinyintnvarchar(10)intnvarchar(10)nvarchar(10)nvarchar(10)nvarchar(10)intnvarchar(30)nvarchar(30)nvarchar(15)nvarchar(15)nvarchar(15)nvarchar(15)nvarchar(30)nvarchar(6)nvarchar(15)intdatetime广告表广告ID是否有效显示顺序广告标题广告位置开始时间结束时间广告代码intbitintnvarchar(50)tinyintdatetimedatetimentext

图3.1PDM图

根据PDM图，设计了会员基本信息表（MemberBasicMsg）、会员详细信息表（MemberDetail）、择偶要求表（MarryRequest）和广告信息表（Advertise）4个表。具体如下：

1. 会员基本信息表（MemberBasicMsg）

为了让人对会员有个初步了解，经商议决定，设计此表用于存储会员的基本信息；其中包含的字段有：会员编号、会员使用名、用户密码、昵称、年龄、性别、生日、身高、体重、出生地、居住地、户口所在地、结婚状况、住房状况、工资状况、学历、职业、最后登入时间、是否有孩子、是否有车、宗教信仰、自我介绍、个人头像。

10

南昌航空大学学士学位毕业论文

表3-1 会员基本信息表

序号

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

列名

*MemberID

UserName

Password

Sex

Age

NickName

Birthday

Heigth

Residengce

RegisteredPlace

Marriage

House

Salary

Degree

Occupation

LastLoginTime

IsHasChild

IsHasCar

Religion

SelfInstruction

Personaphoto

Birthplace

Weight

类型

Int

Nvarchar(20)

Nvarchar(20)

Tinyint

Int

Nvarchar(20)

datetime

Int

Nverchar(50)

Varchar(50)

Tinyint

Tinyint

Tinyint

Tinyint

Tinyint

Datatime

Bit

Bit

Tinyint

Nvarchar(100)

Nvarchar(20)

Nvarchar(50)

Int

备注

用户编号

用户使用名

用户密码

性别

年龄

昵称

生日

身高

居住地

户口所在地

结婚状况

住房情况

工资情况

学历

职业

最后登入时间

是否有孩子

是否有车

宗教信仰

自我介绍

个人头像

出生地

体重

2. 会员详细信息表（MemberDetail）

为了让人对会员有个详尽的了解，经商议决定，设计此表用于存储会员的详细信息；其中包含的字段有：会员详细信息ID、会员编号、真实姓名、身份证、健康、政治面貌、个性、毕业院校、工作地、血型、星座、生肖、是否吸烟、是否喝酒、是否有宠物、是11

南昌航空大学学士学位毕业论文

否会做饭、固定电话、手机、QQ、msn、email、家庭住址、父亲职业、母亲职业、最喜欢的歌曲、最喜欢的电影、最喜欢的食物。

表3-2 会员详细信息表

序号

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

列名

*MemberDetailID

MemberID

RealName

Identification

Health

Appearance

Character

School

Employee

BloodType

constellation

BirthAnimal

IsSmoke

IsDrink

IsHasPet

Cook

FixedPhone

MobilePhone

QQ

MSN

Email

FamilyAddress

FatherOccupation

MotherOccupation

FavoriteMusic

类型

int

int

Varchar(20)

Varchar(2)

tinyint

tinyint

tinyint

Varchar(20)

Varchar(20)

tinyint

tinyint

tinyint

tinyint

tinyint

tinyint

tinyint

Nvarchar(16)

Nvarchar(11)

Nvarchar(10)

Navarchar(30)

Navarchar(30)

Nvarchar(50)

tinyint

tinyint

tinyint

备注

用户详细信息ID

会员编号

真实姓名

身份证

健康

政治面貌

个性

毕业院校

工作地

血型

星座

生肖

是否吸烟

是否喝酒

是否有宠物

是否会做饭

固定电话

手机

QQ

msn

email

家庭住址

父亲职业

母亲职业

最喜欢的歌曲

12

南昌航空大学学士学位毕业论文

26

27

FavoriteMovie

Dietetic

tinyint

tinyint

最喜欢的电影

最喜欢的食物

3. 择偶要求表（MarryRequest）

为了让人对会员的择偶要求有所了解，经商议决定，设计此表用于存储会员择偶要求的信息；其中包含的字段有：择偶信息ID、会员编号、性别、最小年龄、最大年龄、最低学历、最高学历、最低身高、最高身高、最低体重、最高体重、居住地、婚姻状况、住房状况、是否要小孩、是否吸烟、是否喝酒、是否有宠物、是否有车、收入状况。

表3-3 择偶要求表

序号

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

列名

*RequestID

MemberID

Sex

MinAge

MaxAge

MinDegree

MaxDegree

MinHeight int

MaxHeight int

MinWeight

MaxWeight

Residengce

Marriage

HousingStatus

IsWantChild

IsSmoke

IsDrink

IsHasPet

IsHasCar

Salary

类型

Int

Int

Tinyint

Int

Int

Tinyint

Tinyint

nt

nt

Int

Int

Nverchar(50)

Tinyint

Tinyint

Bit

Bit

Bit

Bit

Bit

tinyint

备注

择偶信息ID

会员编号

性别

最小年龄

最大年龄

最低学历

最高学历

最低身高

最高身高

最低体重

最高体重

居住地

婚姻状况

住房状况

是否要小孩

是否吸烟

是否喝酒

是否有宠物

是否有车

收入状况

13

南昌航空大学学士学位毕业论文

4. 广告信息表（Advertise）

为了让人对广告的信息有所了解，经商议决定，设计此表用于存储广告的信息；其中包含的字段有: 广告编号、广告名、广告状态（是否激活）、广告类型、高度、宽度、启用时间、结束时间。

表3-4 广告信息表

序号

1

2

3

4

5

6

7

8

列名

*AdvertiseId

Title

IsEnabled

type

height

width

StartTime

EndTime

类型

Int

Nvarchar(50)

Bit

Tinyint

Int

Int

Datatime

datatime

备注

广告编号

广告名

广告状态

广告类型

高度

宽度

启用时间

结束时间

3.2.3 存储过程

横向综合页面一共涉及到5个存储过程：查找用户信息[up_MemberBasicMsg_GetModelById]、查询广告信息[up_Advertise_GetAd]、增加广告[UP_Advertise_ADD]、删除广告[UP_Advertise_Delete]和修改广告[UP_Advertise_Update]。

1. 查找用户信息 [up_MemberBasicMsg_GetModelById]

此存储过程通过给定一个ID，将会员编号（MemberID）为ID的会员的全部信息（基本信息、详细信息和择偶信息）分别从会员基本信息表表（MemberBasicMsg）、会员详细信息表（MemberDetail）和择偶信息表（MarryRequest）中查找出来，将这些信息合并组成新表后返回。具体如图3.2。

CREATE PROCEDURE [dbo].[up_MemberBasicMsg_GetModelById]

@Id int

AS

BEGIN

Select MinAge,MaxAge,MinDegree,MaxDegree,MinHeight,MaxHeight,

eredProvince as RequestResidenceProvince,

14

南昌航空大学学士学位毕业论文

eredCity as RequestResidenceCity,

ge AS RequestMarriage,

gStatus as RequestHousingStatus,

AS RequestSalary,IsWantChild,ter,

me,me,

as Userage,

as Userheight,

as Usersex,

ge as Usermarriage,

as Userdegree,

nceProvince as Userresidenceprovince,

nceCity as Userresidencecity,

as Userhouse,

hild as Userhaschild,

as Usersalary,

struction,Personphoto,Birthplace,Birthday,

eredPlace as Registeredplace,

me,,

on,Appearance,amativeness,

,ter,,

,,,

as Politicalvisage,

as Ishascar,

llation,

nimal as Zodiac

from MemberBasicMsg,MemberDetail,MarryRequest

where ID=@Id and ID=@Id

and ID=@Id

END

图3.2查找用户信息的存储过程

2. 查询广告信息[up_Advertise_GetAd]

15

南昌航空大学学士学位毕业论文

此存储过程会将广告的全部信息从广告信息表（Advertise）中查找出来并返回。具体如图3.3。

CREATE PROCEDURE [dbo].[up_Advertise_GetAd]

AS

BEGIN

SET NOCOUNT ON;

SELECT *

from Advertise

END

图3.3查询广告信息的存储过程

3. 增加广告[UP_Advertise_ADD]

此存储过程通过输入广告名、广告状态、广告类型、启用时间、结束时间、高度和宽度，向广告信息表（Advertise）中添加新的广告信息。具体如图3.4。

CREATE PROCEDURE [dbo].[UP_Advertise_ADD]

@IsEnabled bit,

@Title nvarchar(50),

@StartTime datetime,

@EndTime datetime,

@height int,

@width int,

@type tinyint

AS

INSERT INTO [Advertise](

[IsEnabled],[Title],[StartTime],[EndTime], [height],[width],[type]

)VALUES(

@IsEnabled,@Title,@StartTime,@EndTime, @height,@width,@type

)

图3.4增加广告的存储过程

4. 删除广告[UP_Advertise_Delete]

此存储过程根据所给定的ID将广告信息表（Advertise）中广告编号（AdvertiseId）为ID的广告的相关信息删除。具体如图3.5。

CREATE PROCEDURE [dbo].[UP_Advertise_Delete]

16

南昌航空大学学士学位毕业论文

@AdvertiseId int

AS

DELETE [Advertise]

where AdvertiseId=@AdvertiseId

图3.5删除广告的存储过程

5. 修改广告[UP_Advertise_Update]

此存储过程可以完成对广告信息表（Advertise）中的信息进行修改和保存，将原有信息覆盖。具体如图3.6。

CREATE PROCEDURE [dbo].[UP_Advertise_Update]

@AdvertiseId int,

@Title nvarchar(50),

@StartTime datetime,

@EndTime datetime,

@height int,

@width int,

@type tinyint

AS

UPDATE [Advertise] SET

[Title] = @Title,[StartTime] = @StartTime,[EndTime] = @EndTime,

[height] = @height,[width] = @width,[type] = @type

where AdvertiseId=@AdvertiseId

图3.6修改广告的存储过程

3.3 页面设计

使用的工具是Adobe公司的Photoshop CS4。

1. 页面设计原则

为了能够体现出婚恋的气息，本系统页面设计要页面喜庆热诚，色调明亮、鲜艳，因此系统色调采用红色，体现喜庆热诚的气息；点缀色彩主要以粉色为主，体现浪漫的气息。

2. 首页页面

根据界面设计原则，使用工具Adobe公司的Photoshop CS4设计出首页页面的稿图。17

南昌航空大学学士学位毕业论文

如图3.7所示。

图3.7首页页面

3. 公共母版页

根据界面设计原则，使用工具Adobe公司的Photoshop CS4设计出公共母版页的稿18

南昌航空大学学士学位毕业论文

图。如图3.8所示。

图3.8公共母版页页面

4. 个人空间页面

根据界面设计原则，使用工具Adobe公司的Photoshop CS4设计出个人空间页面的稿图。如图3.9所示。

19

南昌航空大学学士学位毕业论文

图3.9个人空间页面

5. 他人空间页面

根据界面设计原则，使用工具Adobe公司的Photoshop CS4设计出他人空间页面的稿图。如图3.10所示。

20

南昌航空大学学士学位毕业论文

图3.10他人空间页面

6. 增加广告页面

21

南昌航空大学学士学位毕业论文

根据界面设计原则，使用工具Adobe公司的Photoshop CS4设计出增加广告页面的稿图。如图3.11所示

图3.11 增加广告页面

22

南昌航空大学学士学位毕业论文

4. 详细设计

使用的开发工具是Microsoft公司的Microsoft Visual Studio 2008。

4.1 相关技术概述和工具说明

1.C#概述

C#是微软公司发布的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。C#是微软公司研究员Anders

Hejlsberg的最新成果。C#看起来与Java有着惊人的相似；它包括了诸如单一继承、接口、与Java几乎同样的语法和编译成中间代码再运行的过程。但是C#与Java有着明显的不同，它借鉴了Delphi的一个特点,与COM(组件对象模型)是直接集成的，而且它是微软公司.NET windows网络框架的主角【2】。

C#是一种安全的、稳定的、简单的，由C和C++衍生出来的面向对象的编程语言。它在继承C和C++强大功能的同时去掉了一些它们的复杂特性（例如没有宏和模版，不允许多重继承）。C#综合了VB简单的可视化操作和C++的高运行效率，以其强大的操作能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的支持成为.NET开发的首选语言。并且C#成为ECMA与ISO标准规范。C#看似基于C++写成，但又融入其它语言如Delphi、Java、VB等【2】。

C#语言的主要特点是：① 简单；②现代；③面向对象的；④ 类型安全；⑤ 能开发多种应用程序；⑥ 中间代码；⑦ 对所有.NET通用；⑧ 支持垃圾回收。

、概述：

ASP (Active Server Pages，动态服务器页面)是一个服务器端脚本编写环境，用于创建动态的交互式Web 服务器应用程序，是运行于 IIS（Internet Information Services，因特网信息服务） 之中的程序。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。在ASP动态网页中，不仅可以包含服务器端脚本代码，也可以使用 ASP 内建对象和服务器组件，此外还可以包含服务器端文件。与HTML相比，ASP网页具有以下特点：

1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；

2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；

23

南昌航空大学学士学位毕业论文

3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；

5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发现和那个Email或访问文件系统等。

6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。

7) 方便连接ACCESS与SQL数据库.

8)开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击.【3】

是一个统一的 Web 开发模型，它包括您使用尽可能少的代码生成企业级

Web 应用程序所必需的各种服务。是把基于通用语言的程序在服务器上运行，不像以前的ASP即时解释程序，而是将程序在服务器端首次运行时进行编译，执行效果，比一条一条的解释强很多，执行效率大大的提高。 作为 .NET Framework 的一部分提供，当您编写 应用程序的代码时，可以访问 .NET Framework 中的类。您可以使用与公共语言运行库 (CLR) 兼容的任何语言来编写应用程序的代码，这些语言包括 Microsoft Visual Basic、C#、JScript .NET 和 J#。使用这些语言，可以开【4】

发利用公共语言运行库、类型安全、继承等方面的优点的 应用程序。+CSS布局：

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

div是html(超文本语言)中的一个元素,

是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现

HTML 或 XML 等文件式样的计算机语言。DIV+CSS 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了W3C内容与表现相分离.

其设计思路为：

24

南昌航空大学学士学位毕业论文

1）用DIV来定义语义结构；

2）然后用CSS来布局和美化网页，如加入背景、线条边框、对齐属性等；

3）最后在这个CSS定义的盒子内加上内容，如文字、图片等（没有表现属性的标签）。

4.

Javascrīpt概述

Javascrīpt是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序 等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：

1）是一种脚本编写语言

Javascrīpt是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,Javascrīpt同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2）基于对象的语言。

Javascrīpt是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3）简单性

Javascrīpt的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。

4）安全性

Javascrīpt是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5）动态性的

Javascrīpt是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按25

南昌航空大学学士学位毕业论文

下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

6）跨平台性

Javascrīpt是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持Javascrīpt的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上Javascrīpt最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

概述:

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE

LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari

2.0+, Opera 9.0+）。jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也【5】

就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。jQuery具有以下优势：

1) 轻量级；

2) 强大的选择器；

3) 出色的DOM操作的封装；

4) 可靠的事件处理机制；

5) 完善的Ajax。jQuery将所有的Ajax操作封装到一个函数$.Ajax里，使得我们处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题；

6) 出色的浏览器兼容性。作为一个流行的JavaScript库，浏览器的兼容性自然是必须具备的条件之一。jQuery能够在IE 6.0+、FF 2+、Safari 2.0+和Opera 9.0+下正常运行。同时修复了一些浏览器之间的差异。使你不用在开展项目前忙于建立一个浏览器兼容库而焦头烂额。

7) 链式操作方式。jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作，可直接连写而无需重复获取对象。这一点使jQuery26

南昌航空大学学士学位毕业论文

的代码无比优雅。

8) 行为层与结构层的分离。开发者不需要再去html调用事件，而是直接使用jQuery选择器选中元素，然后直接给元素添加事件。

9) 丰富的插件支持。任何事物的壮大，如果没有很多人的支持，是永远发展不起来的。jQuery的易扩展性，吸引了来自全球的开发者来共同编写jQuery的扩展插件。目前已经有超过几百种的官方插件支持。

10) 完善的文档。jQuery的文档非常丰富，现阶段多为英文文档。

11) 开源。jQuery是开源产品，任何人都可以修改源码，自由使用。[3]

4.2页面实现

根据概要设计时使用Photoshop CS4所得的稿图，将首页页面、公共母版页、个人主页页面、他人主页页面和广告管理页面等页面在Microsoft Visual Studio 2008中得到实现，形成.aspx文件。其中使用了Table布局和DIV+CSS布局相结合，并多次使用自定义控件对各个页面进行排版布局。

1.首页页面

1)根据Photoshop CS4所得的稿图，设计出总体页面布局：采用上中下、左中右的结构。具体布局如图4.1

图4.1 总体页面布局

27

南昌航空大学学士学位毕业论文

在首页页面中具有登录、导航、显示最新用户、点歌等功能，还使用了JS制作出特效广告：

(1)对联式广告（JS代码）：在页面的左右两边分别显示一条图片广告，并跟这页面一起上下移动。如图4.2。

lastScrollY=0;

function heartBeat(){

var diffY;

if (ntElement && Top)

diffY = Top;

else if ()

diffY = Top

else

{/*Netscape stuff*/}

percent=.1*(diffY-lastScrollY);

if(percent>0)percent=(percent);

else percent=(percent);

mentById("lovexin12").=parseInt(mentById("lovexin12").)+percent+"px";

mentById("lovexin14").=parseInt(mentById("lovexin12").)+percent+"px";

lastScrollY=lastScrollY+percent;

}

suspendcode12="

suspendcode14="