毕业设计报告(论文)
大学生社会实践平台规划设计
所属系
专 业
学 号
姓 名
指导教师
起讫日期 2012.4 --- 2012.5
设计地点
毕业设计报告（论文）
诚 信 承 诺
本人承诺所呈交的毕业设计报告（论文）及取得的成果是在导师指导下完成，引用他人成果的部分均已列出参考文献。如论文涉及任何知识产权纠纷，本人将承担一切责任。
学生签名：
日 期：
大学生社会实践平台规划设计
摘 要
本文的内容是基于web的网站设计与实现。网站实现包括会员管理、信息发布、报名参与、留言板块和数据管理。会员管理模块包含用户的注册、用户登录。信息发布模块包括用户发布的信息通过数据库在前台的展示。报名参与模块包括用户对有兴趣的信息或活动进行报名。留言模块包含用户留言在数据中的更新和用户留言在网页中的显示。本设计采用的软件是Dreamweaver 8使用的数据库是Access 2003。本文的重点是基本功能的实现，但在设计过程中处理的问题还包括布局的稳定性，仅用层来布局的网页在浏览时效果很不理想。最后通过测试网站运行效果对此次网站建设进行评价，论证其设计的正确性。
关键词：Dreamweaver；Asp；大学生社会实践；平台
The Plan and Design for College Students’ Practice Platform
Abstract
The content of this paper is based on website design. Site includes member management, information dissemination, participating, message boarding and data management. Member management module includes user registration, user login. Information dissemination module displays what user release through database. Participating module allows users to register activities which they are interested in. Message module contains data updating which users leave and messages display in the webpage.It applied software Dreamweaver 8 and database Access 2003.This paper focuses on the realization of the basic functions, but problems in the design process include layout stability, and it is not ideal when users browse the webpage which layout with layer only.Finally through checking the website operation effect to evaluate on the construction site and demonstrate the correctness of the design.
Keywords: Dreamweaver 8 ; Asp; College Students’ Social Practice ;Platform
目 录
摘 要 .............................................................................. I Abstract ............................................................................. II
第一章 绪 论 ...................................................................... 1
1.1 研究背景 ..................................................................... 1
1.2 研究意义 ..................................................................... 1
1.3 研究思路 ..................................................................... 1
1.4 全文结构框架 ................................................................. 1
第二章 文献综述 ....................................................................... 3
2.1 大学生社会实践现状综述 ....................................................... 3
2.2 Dreamweaver与Asp综述 ........................................................ 3
第三章 大学生社会实践平台需求分析 ..................................................... 5
3.1 系统功能分析 ................................................................. 5
3.1.1会员管理 ................................................................. 5
3.1.2信息发布 ................................................................. 5
3.1.3报名参与 ................................................................. 5
3.1.4留言板块 ................................................................. 5
3.1.5数据管理 ................................................................. 5
3.2 系统功能模块设计 ............................................................. 5
3.3 网页设计原则 ................................................................. 6
3.3.1专业的网站制作者应当具备的知识 ........................................... 6
3.3.2 网站设计标准 ............................................................ 6
3.3.3 网站设计要考虑的额外因素 ................................................ 7
第四章 大学生社会实践平台设计 ......................................................... 8
4.1 数据库概念设计 ............................................................... 8
4.2 数据库逻辑设计 ............................................................... 8
第五章 大学生社会实践平台实现 ........................................................ 10
5.1 网站的前台功能 .............................................................. 10
5.1.1网站首页模块 ............................................................ 10
5.1.2支教模块 ................................................................ 12
5.1.3兼职模块 ................................................................ 13
5.1.4实训模块 ................................................................ 14
5.1.5创业模块 ................................................................ 16
5.1.6会员注册登录模块 ........................................................ 18
5.2 网站后台管理 ................................................................ 20
5.2.1网站后台登录模块 ........................................................ 21
5.2.2网站后台管理模块 ........................................................ 21
5.2.3后台兼职信息管理模块 .................................................... 22
5.2.3报名信息管理模块 ........................................................ 23
5.2.4留言板管理模块 .......................................................... 25
5.2.5会员管理模块 ............................................................ 25
结束语 ............................................................................... 27
致 谢 ............................................................................. 28
参考文献（References） ............................................................... 29
第一章 绪 论
1.1 研究背景
大学生社会实践作为我国高等教育的一个重要组成部分，在我国高等教育中发挥着不可替代的重要作用。同时，社会实践作为大学生参与社会生活的一个主要途径，对社会主义物质文明建设和精神文明建设也可起到一定的积极作用。 作为新时代的大学生，积极参加社会实践活动是非常有必要也是非常有意义的，随着社会的发展，一个只有满腹经纶，却没有实际经验的人，在逐渐被社会淘汰，我们应该在掌握理论知识的基础上，真正的走上社会，将其应用于其中。大学生社会实践内容主要是支教，兼职，个人实训和创业等内容，这些活动有利于大学生了解国情、了解社会，增强社会责任感和使命感；有利于大学生对理论知识的转化和拓展，增强运用知识解决实际问题的能力；有利于增强大学生适应社会、服务社会的能力；有利于发展大学生的组织协调能力和创新意识；有利于提高大学生个人素养，完善个性品质；
这种实践活动多了，并且能深入下去，大学生在积极参与的过程中，就会逐渐养成坚韧、顽强的优良品性，养成务实的学习态度和生活作风，不断提高完善自己。 1.2 研究意义 当下除了由学校组织和提供的活动与途径之外，很多大学生无法在贫乏的人际关系中找到一个真实有效快捷的平台来实现社会实践。作为随现代科学而出现的网络为解决这一问题提供了一个很好的契机。网络是信息传输、接收、共享的虚拟平台，它把各种信息联系到一起，实现资源的共享。所以建立一个可为大学生提供社会实践信息及指导的网站就显得很有必要。
大学生社会实践平台网站利用网络的资源共享的特性为广大学生提供支教，兼职，实训和创业的各方面信息，同时也可以让各个企业或实训机构来网站发布他们的需求信息，为大学生社会实践的实现提供一个很好的信息渠道。 1.3 研究思路
大学生社会实践网站的建设主要分为前台建设和后台搭建，前台采用层和表格的网站布局，后台采用重视前台发布的内容管理系统。网站前台主要介绍网站的宗旨和信息发布模块以及会员管理模块，同时建立留言板模块，使得参加或未参加的大学生通过网站来发表自己对大学生社会实践的感触或想法。网站后台通过新闻管理中心、报名管理中心、等模块对前台信息进行添加，修改和删除，后台管理中心的建设也更易于前台信息的更新和维护。 1.4 全文结构框架
本文的研究框架是按照图1.1的逻辑思路展开的。首先分析了当前大学生参加社会实践的现状，发现他们所遇到的问题，然后规划做出一个可供大学生索取和诉求信息的平台，详细介绍这个平台的功能。为了实现这些功能，需要有哪些数据库表做支撑，各个表的结构应该怎样，和网站的前台展示效果。最后根据这些需求和材料做出网站，实现网站的基本运行。
图1.1 本文研究框架
第二章 文献综述
本文在制作过程中，主要分析了大学生在假期的社会实践方式和内容，与网站平台制作的过程。
2.1 大学生社会实践现状综述
在文献[1]中张坤比较了高中生和大学生的学习环境和心理，讨论了大学生的学习现状，发现在高校招生过程中生源质量下降，教学资源缺乏；学生不适应大学生活，主动性差；社会功利思想严重。并针对这些问题提出了建议：注重招生生源质量；提高注重学生个性的发展；教师加强对学生心理教育和引导，加强沟通和交流。
安颖在文献[2]中指出，大学生社会实践是我国社会主义高等教育的一项重要内容和教育形式。作者根据自身经验，并在对21名大学生社会实践教师访谈的基础上，对大学生社会实践师资队伍建设存在的问题做出分析，并提出了相应对策。
何思妤在文献[3]中写道，大学生暑期社会实践是大学生社会实践的重要形式。文章分析了大学生暑期社会实践中存在的问题及其成因,提出建设性意见。教师要加强对学生暑期社会实践意义的指导,转变学生实践观念;加强大学生暑期社会实践配套制度的制定和实施;及时总结,善于反思,检验活动对规划目标的实现程度以及与职业生涯规划相关部分之间的差距,为今后的实践和规划目标的实现奠定基础。
实践活动作为教育的一种形式，其主旨是为了大学生的全面发展，为了更好地实现其育人本质的功能。任艳萍在文献[4]中深层反思当前形式下大学生社会实践的实效性及大学生作为实践活动主题其自身存在的影响实践活动实效性的一些问题，并对如何增强大学生社会实践活动的实效性提出了一些具有实际意义的建议。
近年来，大学生越来越急迫地想了解当今社会的情况，大学生也越来越多的热衷于参加各种不同类型的社会实践活动。而学校也逐步终身社会实践队学生的影响。通常也会在寒暑假的时候安排社会实践活动。申屠珊在文献[5]中对大学生参加社会实践的现状进行调查的基础上，阐释了大学生参加社会实践的重要意义，分析了大学生参加社会实践中存在的问题，最后从显示层面、搞笑层面提出了相应的对策与建议。 近年来，兼职在我国大学校园里蜂蜜盛行，随处可见大学生兼职的情形，大学生对兼职的兴趣呈增加的趋势，兼职已成为目前大学生校园生活中得一个重要组成部分。文献[6]从对大学生的兼职情况调查问卷入神，较为全面地分析了当今大学生兼职的现状、寻找兼职的途径、如何处理兼职与学习关系等问题。
2.2 Dreamweaver与Asp综述
吕纯洁在文献[7]中介绍了使用ASP技术进行课程学习网站建设的基本过程，重点阐述了动态网页的设计，以及连接数据库的操作。
Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具。吴晓燕在文献[8]中指出它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。
ASP是目前开发具有WEB数据库访问功能的应用程序比较流行的技术。访问WEB数据库的关键是建立于数据库的连接，文献[9]论述了基于ASP的访问ACCESS数据库的几种方法，用ASP编写前台应用程序，用ACCESS数据库作为后台数据库等。ASP在开发具有数据库访问功能的WEB应用程
序方面有着广阔的发展前景。
文献[10]中指出，网络是没有绝对安全的，微软推出的IIS+ASP的解决方案作为一种典型的服务器网页设计技术，被广泛用于各个领域。目前，IIS+ASP+ACCESS是中小Internet网站的首选方案，但是，该解决方案带来便利的同时，也带来了严峻的安全问题，ASP+ACCESS最大的安全隐患在于ACCESS数据库可以被别人下载，而现在提供的很多ASP空间都只支持ACCESS数据库，数据库里存放的是后台重要信息，这样一来，ASP+ACCESS的安全问题就显得很突出了。文章对用ASP和ACCESS构造网站中存在的普遍性安全问题进行分析，并探讨了相应的解决方法。
武海东在文献[11]中介绍了通过ASP与ADO技术相结合访问Microsoft Access数据库的方法，并说明了这种方法相较于其他连接数据库方法的优点。
吕浩音在文献[12]中初步研究了如何使用ASP.NET设计网站。ASP.NET作为一种全新的动态网站开发技术，通过大量使用组件技术，将WEB浏览器与WEB服务器之间的网络通信完全的网络通信安全的包装起来。在ASP.NET中，动态网站开发技术已经变为利用组件搭建“基于WEB的应用程序”了。
谭少娟在文献[13]一文写到：ASP 是用来编写具有协作机制的应用程序, 是英文Active Server Pages 的简称，是一套Microsoft 公司开发的服务器端的脚本编写环境，内含于Internet Information Server 之中。通过ASP，用户可以结合HTML 网页，ASP 指令以及Active 控件建立起一个个动态、交互且高效的Web 服务器应用程序。另外使用了ASP 不必担心用户端的浏览器是否能执行所编写的代码，因为用ASP 代码所编写的程序都将先在Web 服务器端执行，等程序执行完毕后，再将已经自动解释为标准的HTML 格式的网页内容返回给用户端的浏览器。
在以dreamweaver 为制作软件的基础，用ASP编写前台应用程序，用Access作为后台数据库制作网站时，文献[14]一文中指出了ASP访问数据库的几种方法：ASP 通过ADO 对象，调用ODBC 驱动程序，完成对数据库的操作。在ASP 应用程序中用其内置对象服务器来创建ADO的对象实例，并通过Connection 的Open 方法建立与数据库的连接，以实现对数据库的操作。比较常用的数据库驱动程序除了ODBC 之外， 还有OLEDB 驱动程序（一般需要直接用代码连接）。OLE DB 驱动程序是比ODBC 驱动程序更先进的驱动程序，执行效率也更高。 在制作网站过程中，还参考了《电子商务安全综述》[15]《电子商务安全技术研究》[16]《园网网络平台的规划与设计》[17]文献。
第三章 大学生社会实践平台需求分析
根据时下大学生无法快捷有效的参加社会实践的现状，以及借鉴其它相似网站的布局，得出网站应该具备哪些功能，并根据这些功能分析它的数据流程。
3.1 系统功能分析
根据现阶段大学生的社会实践需求发现,支教、兼职、实训和创业是相对来说更受大学生需要的，所有网站主要内容包含了上述几个方面，并在相应的方面下添加了有会员管理、信息发布、报名参与和留言等功能，为大学生的相互交流提供方便。 3.1.1会员管理
1.会员注册
用户可以通过注册成为网站会员，获悉或发布需求信息，并可以报名参加实训活动。 2.会员信息修改
会员可以在线修改自己的个人注册信息以及修改密码。
3.会员退出
会员在线可点击右上角的注销按钮退出，或关闭网页系统自动注销会员名和密码以及个人信息。 3.1.2信息发布
主要包括：信息发布，信息录入和信息修改删除，具体信息发布如下： 信息发布：管理员对需求信息进行分类加工并发布到前台。
会员通过登录网站发布自己想发布的需求信息，系统会实时更新。 信息录入：会员根据发布信息的规则把信息录入到数据库中。
信息修改和删除：管理员对会员发布的新闻进行审核，对有瑕疵的信息进行修改并对无效或无关的信息进行删除。 3.1.3报名参与
该功能主要针对支教和实训模块，管理员发布支教和实训新闻，会员可以根据自身情况对项目进行报名，报名信息会录入到数据库中，管理员把数据整理然后通知实训公司和机构或支教地点。 3.1.4留言板块
留言板块主要用于会员对活动或实训的经历或感想而发布的内心感言。主要包括：发表留言和留言显示等功能。
发表留言：会员可以通过留言板向数据库提交留言信息。 留言显示：将留言信息发布到前台，供其他用户浏览。 3.1.5数据管理
网站数据管理功能主要用于完成远程数据库服务器维护功能，包括数据的分类与信息的添加、删除、修改功能，以及对网站操作员的管理等。此外网站所有动态信息维护也均由网站后台管理系统完成。它要包含的功能有：会员信息管理功能、兼职和支教信息管理功能、创业信息管理功能，报名信息管理功能、留言板信息管理功能。
3.2 系统功能模块设计
根据以上要完成的功能分析，我们把网站主要分为了以下模块：网站宗旨、支教模块、兼职模块、实训模块、创业模块、会员管理模块和后台管理模块。
3.3 网页设计原则
3.3.1专业的网站制作者应当具备的知识
首先必须熟悉编写主页的标注语言HTML、熟悉W3C的HTML4.0规范、CSS层叠样式表的基础知识、Javascript、VB script的基本知识。对于常用的一些脚本程序如ASP、CGI也要有适当了解。熟练使用至少一种所见即所得编辑工具和至少一种代码编辑器并部分了解多种编制工具的用法。熟练使用至少两种图形处理工具和至少一种动画制作工具以及至少一种的矢量绘图工具，并部分了解多种图形图像动画工具的基本用法。熟练使用至少一种FTP工具以及相应的软硬件和网络知识。
其次，必须有非常强的自学能力，Internet发展千变万化，新的工具、技术层出不穷。例如目前新兴的Shockwave。网络上的两个月相当于我们生活中的一年，如果对于新的事物接纳不快，不能很快地掌握而停步不前，那么很快将会被淘汰。 3.3.2 网站设计标准
不同人的观点看待页面的精美与否是有不同的标准（w3c除外）的，有些偏于美工精美，有些偏于功能强大，有些追求个性，有些则喜欢跟随潮流，但其实不管乍样，网站都有一个共同的功能，不是只做给个人看的，更多的是为了在别人面前展示自己的东西，所以个人认为做一个网站，最基本的是要实用、简洁、整体性好，能真正的形成一个属于自身网站的风格，保持一个整体的形象，配色均匀。这些应该是一个网站要做到的基本的要求了吧，做一个网站，首先还是要在脑子里构思好怎么才可以利用手中有限的资料（特别是企业网站）来设置好网站的主体色调，采用何种架构，如何配色搭配等一些因素，做到心中有底才开始动手。有些网页设计师比较在乎页面的“不拘一格”，但却忽视了网站的交互功能，一个页面设计再精美，别人使用不上里面的东西，也是白费的。真正好的设计师，应是在考虑到网站使用者的方便的同时，把自已的设计风格融入到作品中，能让客户感到满意才是最好的。总体来看，目标明确、定位正确 、主题鲜明、富有特色版式、编排布局合理、色彩和谐重点突出、形式内容和谐统一，
能做到这些应该就是一个很好的网站了。 3.3.3 网站设计要考虑的额外因素
就像不同的机器有不同的配置一样，在网站设计过程中，我们所要考虑的不仅仅就是页面设计，还要考虑到你的页面是否能在较快的时间内打开页面，如果一个页面等上个一两分钟，用户继续浏览的可能性就会很低。拿一个门户网站设计来看，我们要考虑的是访问者的分辨率是1024*768还是640*480,是用PC机还是用Mac机，是用手机来看还是用PDA来看，是用中国电信来访问还是用中国网通来访问,是用ADSL来是用拨号上网，是仅仅面向国内用户还是要面向全球，是用IE6.0来访问还是用fox来访问等等这些因素.解决这些总是最好的办法是尝试采用DIV+CSS 来设计你的网站，从现在的趋势来看，WEB标准将是以后的发展之路。
第四章 大学生社会实践平台设计
4.1 数据库概念设计
根据需求调查分析：我们要实现会员管理功能就要对会员信息进行保存，因此在ACCESS中建立会员信息表，表结构如下：
1.会员管理功能表结构
会员信息（会员编号，会员姓名，密码，性别，学生证号码，学校，身份证号码，电子邮箱，注册日期）
2.前台新闻浏览以及后台新闻编辑所需调用的新闻信息表结构
新闻信息（新闻编号，新闻标题，新闻内容，新闻类别，新闻添加时间及其他新闻信息） 3.报名功能表结构
报名信息（报名标号，报名人姓名，报名地区，报名项目，报名时间） 4.优秀会员展示功能表结构
优秀会员（编号，姓名，称号） 5.留言板表结构
留言板（留言编号，留言人姓名，留言内容，留言时间）
4.2 数据库逻辑设计
根据以上对数据库需求分析以及数据库逻辑设计，得到如下的数据库表结构：
表4.1兼职信息
表4.3 最新日志
表4.4
优秀会员
第五章 大学生社会实践平台实现
5.1 网站的前台功能
5.1.1网站首页模块
1.网站首页布局
网站首页的功能即将网站的主要功能简单的罗列出来，使浏览者一眼可以了解网站的基本信息，同时也要便于顾客点击浏览，链接简单明了，网站前台主要为css+div的结构布局，这样的布局大大缩减了页面的代码，提高了页面的浏览速度，同时也更好的兼容不同的浏览器。
网站顶部为网站名称、LOGO和导航栏，用户可以一目了然地了解网站性质和服务项目。 左侧为网站宗旨以及优秀会员信息，右侧为用户注册登录框和网站与会员的互动活动，例如咨询、捐助等，方便用户与网站联系。
网站中间部分为用FLASH制作的BANNER，富有动感。稍下为会员的最新日志。 网站底部为友情链接和网站的注册信息等。
图5.1 网站首页布局
2.网站首页模块展示
大学生社会实践网站以灰白色调为主，顶部图片和网站背景以蓝色为基调，符合大学生这个年龄层次的审美观。中部以flash做的banner使首页更显美感，更富动感。
图5.2 首页模块效果图
3.网站首页功能介绍 (1)导航栏
首页的上部分有横向条形导航栏，导航栏由图片做成，在每个模块的文字上面分别做成图片热区，通过点击可以直达网站的其它几个模块，方便快捷
图5.3 导航栏效果图
(2)互动区
网页右下角有互动区，该区域主要是方便用户对非信息浏览服务而提供的，
用户可以点击相应的图片热点来联系咨询我们，甚至对网站进行捐助。
图5.4 互动区效果图
(3)友情链接
友情链接主要是为了用户方便地访问同类或者是热门网站，
本网站的友情链接直接通过点击网站进行访问，解决了显示如果用图片做链接显示缓慢的问题。
图5.5 友情链接效果图
在做链接时，必须在链接地址里添加“http://”
， 5.1.2支教模块
1.模块效果图
该模块的支教信息只有管理员才能进行添加和修改。会员可在该模块进行信息的浏览和支教报名。
图5.6 支教模块效果图
2.网页功能介绍
网页左边显示支教地区的信息，可以点击进去详细查看，稍下方为正在进行报名支教的信息，会员可以通过点击
按钮到下一页面进行报名。报名页面如下：
图5.7 会员报名图
报名需要连接数据库插入记录
图5.8 DW会员报名所需记录
在网页中还有一个倒计时插件的了解。该插件代码如下：
Functionshow_student163_time(){window.setTimeout(
兼职模块为发布可提供大学生课余生活的工作岗位，在这里，会员可浏览工作信息，挑选何时的兼职岗位；非会员可发布岗位信息，提供岗位。
1.兼职模块效果图：
天
小
时
分
秒
方便用户对当前的支教活动报名情况有个直观
图5.9 兼职模块效果图
2.兼职模块功能介绍
该页面顶部为职位分类，用户可以通过点击快速访问想要的兼职类别：
图5.10 兼职内容分类
页面右上角有个
按钮，点击可允许非会员发布兼职信息：
图5.11 兼职信息发布
5.1.4实训模块
该模块页面内容由管理员提供，主要有培训机构介绍，培训项目及报名功能。
本页面由于要实现不同项目不同机构的报名选择，因此在制作页面是使用了多个不同的表单用来存
储报名数据，防止仅用一个表单存储时数据混乱的问题出现。
图5.12 实训模块表单服务器行为
图5.13 实训模块效果图
在页面中，会员可以先选择实训机构，然后选择实训项目，最后点击“报名”按钮来完成实训项目的报名。
图5.14 实训项目示例
该页面做用层做了一个下拉列表框：
15
图5.15 实训机构
鼠标放在“培训机构”四个字上面会弹出一个列表框，鼠标停在下拉框中时信息显示，滑出下拉框之后，下拉框消失。由于用层制作下拉框经常出现无法正常显示或正常隐藏的情况，因此在该层的四周
做了3个空层：隐藏。
5.1.5创业模块
设置这3个空层的行为：onmouseover 下拉层隐藏，设置“培训机
构”四个字的行为：onmouseover 下拉层显示，这样不论鼠标移动到哪个地方，下拉层都能正常显示和
该网站主要发布各个行业的创业事迹以及成功创业人的名言和对想创业的人的忠告。
在该模块，网站发布了一些广告信息，用户可以点击广告转链到别的网站，同时也为网站的后期发展和维护提供资金支持。
创业模块布局：
图5.16 创业模块布局图
16
图5.17 创业模块效果图
该页面右侧部分是用层做的仿滑动门的窗口展示，层结构如下：
图5.18 创业模块层的结构
Layer5为“如何创业”下的层，layer6，layer7，layer8依次向后推
图5.19 创业模块层所放位置
17
设置各层显示属性：除了layer5显示以外，其余层皆为触发时显示，设置“如何创业”的鼠标行为：onmouseover 显示layer5，其余类似。这样在鼠标滑动到不同的导航标题时会显示不同的内容来与标题相对应。
5.1.6会员注册登录模块
网站中很多模块都设置了浏览权限，必须是会员才可以打开，否则会出现以下窗口：
图5.20 权限受限时展示页面
点击红色字或首页的1. 会员注册模块 (1)会员注册模块作用
按钮进行会员的注册。
通过注册，普通用户可以成为网站的会员，可以更快捷方便的获取所需信息，并可以进行权限内的信息发布和日志发布。
(2)会员注册模块展示
图5.21 会员注册效果图
2．会员注册信息填写规则
为了防止用户名重复出现，在服务器行为中添加了“检查新用户名”的规则，当用户用已经存在的用户名进行注册时，系统会跳到另一个页面提示用户该用户名存在，重新注册。
18
图5.22 表单检查新用户名
由于学生证是数字形式，电子邮箱地址包含@等规则，在
按钮上添加了“检查表单”的行为：
图5.23 检查表单行为
这样用户在注册信息不符合规则时系统会提示哪里出现错误，例如：
图5.24 提交信息不符合规则
3.会员登录模块
图5.25 会员模块效果图
19
网站首页的右侧提供有会员登录栏目，会员输入正确的用户名和密码后登录网站，登录之后返回首页，并在首页的最右上角显示用户名信息。
用户在进行注册模块并登录之后，系统会自动生成如下一段代码：‘Session(
的应用程
序——绑定——阶段变量中添加该变量。
。
在这里主要介绍用户在登录网站后，如何利用该用户名在网站的其它页面进行自由切换并记录行为
图5.26 绑定阶段变量
这样登录后的用户在全站的所有行为都会被记录下来，
在制作各个分页面时只要把绑定的该阶段变量拖动到最右上角，会员登录之后再每个页面的右上角都会显示该用户名。
图5.27 表单阶段变量位置
图5.28 插入阶段变量后网页所展示效果
4.
会员信息修改
会员可以通过点击导航栏的会员——修改资料进行相关信息的修改。
图5.29 会员信息修改
5.2 网站后台管理
网站后台管理系统主要是用于对网站前台的信息管理，如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作，同时也包括会员信息、信息发布、留言信息的统计和管理。简单来说就是对网站数据库和文件的快速操作，以使得前台内容能够得到及时更新和调整。
本网站的后台建设是为了对网站部分信息进行更新并对会员进行有效的管理。
20
5.2.1网站后台登录模块
通过点击网站首页的“管理员登录”可以进入管理员登录界面。
图5.30 后台管理登陆
后台登录界面调用了一个专门的数据库“admin”，该数据库只设了两个字段，并赋予了初始值：name 管理员 psw ******，在界面中输入正确的账号和密码登录详细界面。 5.2.2网站后台管理模块
图5.31 后台兼职信息管理页面
登入后台管理系统后，首页固定为“兼职信息管理”，页面右上角显示管理员名称（“管理员”为数据库预设名称），左上方有一张已做成热区的图片，点击该图片退出后台管理系统，进入普通页面。
21
图5.32 热点链接
5.2.3后台兼职信息管理模块
进入该模块，管理员可以对兼职信息进行添加和删除 1.添加信息
图5.33 添加兼职信息
22
图5.34 添加兼职信息
管理员输入相关信息之后点击提交，该条信息将被添加在该模块中
2. 信息删除
每条信息都与数据库相连，点击信息标题进入详细页面，该页面下方有一个“删除该条信息”
的按钮，点击它，该条信息删除
图5.35 删除兼职信息
5.2.3报名信息管理模块
点击左侧导航栏，进入报名信息管理模块。该模块分为两部分：支教报名和实训报名，
点击链接会显示相应界面。
图5.36 报名管理展示
23
点击用户名查看详细的报名信息
图5.37 报名信息展示
管理员可以点击下方的删除按钮进行该会员报名的删除操作。
在这里主要介绍下点击用户名显示信息然后删除时，各个数据库之间的链接状态。
在图5.36中调用的数据库为表baoming，而图5.37中调用的为表zhuce，在绑定表baoming数据库时无需特别设置，但是在设置动态文本{Recordset1.name}时需要设置传递的参数为name，因为支教报
名每个会员只能报名一次，故该字段在数据库中所对应的会员唯一。
图5.38 转到详细页
在“支教报名删除.asp”页面绑定数据库时，设定baoming和zhuce两表的传递参数为name
。
24
图5.39 两表之间传递参数
5.2.4留言板管理模块
图5.40 留言板管理
该模块针对会员在支教页面所发表的留言进行管理，点击各用户名可以查看该条留言的具体信息并可做出删除操作。
图5.41 留言删除
该模块对绑定数据库无特殊设置，直接绑定实训报名的数据库，并拖动记录集下的动态字段到相应地点，系统会自动将字段与数据库相连并在浏览器中显示数据。
5.2.5会员管理模块
图5.42 会员管理
点击会员名称进入会员详细信息界面，管理员可对会员进行删除操作。
图5.43 会员信息删除
删除该会员后，系统直接跳回会员管理首界面并刷新显示内容。
结束语
Web开发技术的飞速发展促进了网络活动和资源共享的普及。目前，很多的大学生资讯活动和资源获取开始迁移到Internet中来进行，一种新的大学生参与社会实践的平台已成为一种趋势。本文研究了一种基于数据关联规则的网络平台。其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用以dreamware为核心的ASP开发工具，利用IIS建立运行环境，再结合Microsoft access 2003建立数据连接关系。利用其各种组件，在短时间内建立数据库，然后，对数据库进行分析与建立页面，不断修正与改进，直到系统可行。本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能的实现上可能设计的不完全，有待于进一步的完善和改进。
致 谢
本研究论文是在我的导师的亲切关怀和悉心指导下完成的。她严肃的科学态度，严谨的治学精神，精益求精的工作作风，深深地感染和激励着我。Z老师不仅在学业上给我以精心指导，同时还在思想、生活上给我以无微不至的关怀，在此谨向Z老师致以诚挚的谢意和崇高的敬意。我还要感谢在一起愉快的度过毕业论文小组的同学们，正是由于你们的帮助和支持，我才能克服一个一个的困难和疑惑，直至本文的顺利完成。
在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们!
最后，再次对关心、帮助我的老师和同学表示衷心地感谢！
参考文献（References）
[1]张坤. 当代大学生的现状分析[J]. 科教文汇(中旬刊), 2009,(04) :43
[2]安颖. 大学生暑期社会实践师资建设现状分析及对策研究[J].世纪桥，2009, (07) :95-96
[3]何思妤. 大学生暑期社会实践刍议[J]. 新西部, 2010, (02) :113
[4]任艳萍. 关于大学生社会实践的几点思考[J]. 文体用品与科技, 2011,(09) :166
[5]申屠珊. 大学生参加社会实践的途径方式及对策研究[J]. 时代金融, 2011,(23) :108-109
[6]李琳雅,杨琳,陈圆圆,王婷婷,孙琳慧. 当今大学生兼职现状调查与分析[J]. 中国电力教育, 2011 ,(23) :169-170
[7]吕纯洁. 基于ASP技术的课程学习网站的开发[J]. 开封大学学报. 2009, (01) :83-86
[8]吴晓燕. 基于创新教育观下的Dreamweaver网页制作与教学实践[J]. 计算机教育, 2009,(22) :108-110
[9]张植才,李锋. 浅析基于ASP的ACCESS数据库访问方法[J]. 福建电脑, 2010,(06) :166
[10]林姿琼. 关于ASP+ACCESS数据库的安全问题[J]. 漳州师范学院学报（自然科学报）, 2005,(03) :98
[11]武海东. 利用ASP+ACCESS构建馆藏全文电子期刊导航系统[J]. 图书馆学刊, 2009, (05) :109-111
[12]吕浩音. 关于使用ASP.NET设计网站的初步研究[J]. 九江师专学报:自然科学版, 2004,23(05) :12-13
[13]谭少娟. 探讨ASP动态网页设计与制造[J]. 电脑编程技巧与维护, 2011,(22) :74-75
[14]李晶,夏勇. 基于ASP的招聘网站规划与实现[J]. 信息与电脑（理论版）, 2011(10) :96-98
[15]郑英铎. 电子商务安全综述[J]. 市场周刊·管理探索, 2005,(10) :68-69
[16]隆文超. 电子商务安全技术研究[J]. 商场现代化, 2008,(02) :191-192
[17]钟嘉鸣. 高校校园网网络平台的规划与设计[J]. 电脑知识与技术, 2007,(15) :665-667
毕业设计报告(论文)
大学生社会实践平台规划设计
所属系
专 业
学 号
姓 名
指导教师
起讫日期 2012.4 --- 2012.5
设计地点
毕业设计报告（论文）
诚 信 承 诺
本人承诺所呈交的毕业设计报告（论文）及取得的成果是在导师指导下完成，引用他人成果的部分均已列出参考文献。如论文涉及任何知识产权纠纷，本人将承担一切责任。
学生签名：
日 期：
大学生社会实践平台规划设计
摘 要
本文的内容是基于web的网站设计与实现。网站实现包括会员管理、信息发布、报名参与、留言板块和数据管理。会员管理模块包含用户的注册、用户登录。信息发布模块包括用户发布的信息通过数据库在前台的展示。报名参与模块包括用户对有兴趣的信息或活动进行报名。留言模块包含用户留言在数据中的更新和用户留言在网页中的显示。本设计采用的软件是Dreamweaver 8使用的数据库是Access 2003。本文的重点是基本功能的实现，但在设计过程中处理的问题还包括布局的稳定性，仅用层来布局的网页在浏览时效果很不理想。最后通过测试网站运行效果对此次网站建设进行评价，论证其设计的正确性。
关键词：Dreamweaver；Asp；大学生社会实践；平台
The Plan and Design for College Students’ Practice Platform
Abstract
The content of this paper is based on website design. Site includes member management, information dissemination, participating, message boarding and data management. Member management module includes user registration, user login. Information dissemination module displays what user release through database. Participating module allows users to register activities which they are interested in. Message module contains data updating which users leave and messages display in the webpage.It applied software Dreamweaver 8 and database Access 2003.This paper focuses on the realization of the basic functions, but problems in the design process include layout stability, and it is not ideal when users browse the webpage which layout with layer only.Finally through checking the website operation effect to evaluate on the construction site and demonstrate the correctness of the design.
Keywords: Dreamweaver 8 ; Asp; College Students’ Social Practice ;Platform
目 录
摘 要 .............................................................................. I Abstract ............................................................................. II
第一章 绪 论 ...................................................................... 1
1.1 研究背景 ..................................................................... 1
1.2 研究意义 ..................................................................... 1
1.3 研究思路 ..................................................................... 1
1.4 全文结构框架 ................................................................. 1
第二章 文献综述 ....................................................................... 3
2.1 大学生社会实践现状综述 ....................................................... 3
2.2 Dreamweaver与Asp综述 ........................................................ 3
第三章 大学生社会实践平台需求分析 ..................................................... 5
3.1 系统功能分析 ................................................................. 5
3.1.1会员管理 ................................................................. 5
3.1.2信息发布 ................................................................. 5
3.1.3报名参与 ................................................................. 5
3.1.4留言板块 ................................................................. 5
3.1.5数据管理 ................................................................. 5
3.2 系统功能模块设计 ............................................................. 5
3.3 网页设计原则 ................................................................. 6
3.3.1专业的网站制作者应当具备的知识 ........................................... 6
3.3.2 网站设计标准 ............................................................ 6
3.3.3 网站设计要考虑的额外因素 ................................................ 7
第四章 大学生社会实践平台设计 ......................................................... 8
4.1 数据库概念设计 ............................................................... 8
4.2 数据库逻辑设计 ............................................................... 8
第五章 大学生社会实践平台实现 ........................................................ 10
5.1 网站的前台功能 .............................................................. 10
5.1.1网站首页模块 ............................................................ 10
5.1.2支教模块 ................................................................ 12
5.1.3兼职模块 ................................................................ 13
5.1.4实训模块 ................................................................ 14
5.1.5创业模块 ................................................................ 16
5.1.6会员注册登录模块 ........................................................ 18
5.2 网站后台管理 ................................................................ 20
5.2.1网站后台登录模块 ........................................................ 21
5.2.2网站后台管理模块 ........................................................ 21
5.2.3后台兼职信息管理模块 .................................................... 22
5.2.3报名信息管理模块 ........................................................ 23
5.2.4留言板管理模块 .......................................................... 25
5.2.5会员管理模块 ............................................................ 25
结束语 ............................................................................... 27
致 谢 ............................................................................. 28
参考文献（References） ............................................................... 29
第一章 绪 论
1.1 研究背景
大学生社会实践作为我国高等教育的一个重要组成部分，在我国高等教育中发挥着不可替代的重要作用。同时，社会实践作为大学生参与社会生活的一个主要途径，对社会主义物质文明建设和精神文明建设也可起到一定的积极作用。 作为新时代的大学生，积极参加社会实践活动是非常有必要也是非常有意义的，随着社会的发展，一个只有满腹经纶，却没有实际经验的人，在逐渐被社会淘汰，我们应该在掌握理论知识的基础上，真正的走上社会，将其应用于其中。大学生社会实践内容主要是支教，兼职，个人实训和创业等内容，这些活动有利于大学生了解国情、了解社会，增强社会责任感和使命感；有利于大学生对理论知识的转化和拓展，增强运用知识解决实际问题的能力；有利于增强大学生适应社会、服务社会的能力；有利于发展大学生的组织协调能力和创新意识；有利于提高大学生个人素养，完善个性品质；
这种实践活动多了，并且能深入下去，大学生在积极参与的过程中，就会逐渐养成坚韧、顽强的优良品性，养成务实的学习态度和生活作风，不断提高完善自己。 1.2 研究意义 当下除了由学校组织和提供的活动与途径之外，很多大学生无法在贫乏的人际关系中找到一个真实有效快捷的平台来实现社会实践。作为随现代科学而出现的网络为解决这一问题提供了一个很好的契机。网络是信息传输、接收、共享的虚拟平台，它把各种信息联系到一起，实现资源的共享。所以建立一个可为大学生提供社会实践信息及指导的网站就显得很有必要。
大学生社会实践平台网站利用网络的资源共享的特性为广大学生提供支教，兼职，实训和创业的各方面信息，同时也可以让各个企业或实训机构来网站发布他们的需求信息，为大学生社会实践的实现提供一个很好的信息渠道。 1.3 研究思路
大学生社会实践网站的建设主要分为前台建设和后台搭建，前台采用层和表格的网站布局，后台采用重视前台发布的内容管理系统。网站前台主要介绍网站的宗旨和信息发布模块以及会员管理模块，同时建立留言板模块，使得参加或未参加的大学生通过网站来发表自己对大学生社会实践的感触或想法。网站后台通过新闻管理中心、报名管理中心、等模块对前台信息进行添加，修改和删除，后台管理中心的建设也更易于前台信息的更新和维护。 1.4 全文结构框架
本文的研究框架是按照图1.1的逻辑思路展开的。首先分析了当前大学生参加社会实践的现状，发现他们所遇到的问题，然后规划做出一个可供大学生索取和诉求信息的平台，详细介绍这个平台的功能。为了实现这些功能，需要有哪些数据库表做支撑，各个表的结构应该怎样，和网站的前台展示效果。最后根据这些需求和材料做出网站，实现网站的基本运行。
图1.1 本文研究框架
第二章 文献综述
本文在制作过程中，主要分析了大学生在假期的社会实践方式和内容，与网站平台制作的过程。
2.1 大学生社会实践现状综述
在文献[1]中张坤比较了高中生和大学生的学习环境和心理，讨论了大学生的学习现状，发现在高校招生过程中生源质量下降，教学资源缺乏；学生不适应大学生活，主动性差；社会功利思想严重。并针对这些问题提出了建议：注重招生生源质量；提高注重学生个性的发展；教师加强对学生心理教育和引导，加强沟通和交流。
安颖在文献[2]中指出，大学生社会实践是我国社会主义高等教育的一项重要内容和教育形式。作者根据自身经验，并在对21名大学生社会实践教师访谈的基础上，对大学生社会实践师资队伍建设存在的问题做出分析，并提出了相应对策。
何思妤在文献[3]中写道，大学生暑期社会实践是大学生社会实践的重要形式。文章分析了大学生暑期社会实践中存在的问题及其成因,提出建设性意见。教师要加强对学生暑期社会实践意义的指导,转变学生实践观念;加强大学生暑期社会实践配套制度的制定和实施;及时总结,善于反思,检验活动对规划目标的实现程度以及与职业生涯规划相关部分之间的差距,为今后的实践和规划目标的实现奠定基础。
实践活动作为教育的一种形式，其主旨是为了大学生的全面发展，为了更好地实现其育人本质的功能。任艳萍在文献[4]中深层反思当前形式下大学生社会实践的实效性及大学生作为实践活动主题其自身存在的影响实践活动实效性的一些问题，并对如何增强大学生社会实践活动的实效性提出了一些具有实际意义的建议。
近年来，大学生越来越急迫地想了解当今社会的情况，大学生也越来越多的热衷于参加各种不同类型的社会实践活动。而学校也逐步终身社会实践队学生的影响。通常也会在寒暑假的时候安排社会实践活动。申屠珊在文献[5]中对大学生参加社会实践的现状进行调查的基础上，阐释了大学生参加社会实践的重要意义，分析了大学生参加社会实践中存在的问题，最后从显示层面、搞笑层面提出了相应的对策与建议。 近年来，兼职在我国大学校园里蜂蜜盛行，随处可见大学生兼职的情形，大学生对兼职的兴趣呈增加的趋势，兼职已成为目前大学生校园生活中得一个重要组成部分。文献[6]从对大学生的兼职情况调查问卷入神，较为全面地分析了当今大学生兼职的现状、寻找兼职的途径、如何处理兼职与学习关系等问题。
2.2 Dreamweaver与Asp综述
吕纯洁在文献[7]中介绍了使用ASP技术进行课程学习网站建设的基本过程，重点阐述了动态网页的设计，以及连接数据库的操作。
Macromedia Dreamweaver 8是建立Web站点和应用程序的专业工具。吴晓燕在文献[8]中指出它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。
ASP是目前开发具有WEB数据库访问功能的应用程序比较流行的技术。访问WEB数据库的关键是建立于数据库的连接，文献[9]论述了基于ASP的访问ACCESS数据库的几种方法，用ASP编写前台应用程序，用ACCESS数据库作为后台数据库等。ASP在开发具有数据库访问功能的WEB应用程
序方面有着广阔的发展前景。
文献[10]中指出，网络是没有绝对安全的，微软推出的IIS+ASP的解决方案作为一种典型的服务器网页设计技术，被广泛用于各个领域。目前，IIS+ASP+ACCESS是中小Internet网站的首选方案，但是，该解决方案带来便利的同时，也带来了严峻的安全问题，ASP+ACCESS最大的安全隐患在于ACCESS数据库可以被别人下载，而现在提供的很多ASP空间都只支持ACCESS数据库，数据库里存放的是后台重要信息，这样一来，ASP+ACCESS的安全问题就显得很突出了。文章对用ASP和ACCESS构造网站中存在的普遍性安全问题进行分析，并探讨了相应的解决方法。
武海东在文献[11]中介绍了通过ASP与ADO技术相结合访问Microsoft Access数据库的方法，并说明了这种方法相较于其他连接数据库方法的优点。
吕浩音在文献[12]中初步研究了如何使用ASP.NET设计网站。ASP.NET作为一种全新的动态网站开发技术，通过大量使用组件技术，将WEB浏览器与WEB服务器之间的网络通信完全的网络通信安全的包装起来。在ASP.NET中，动态网站开发技术已经变为利用组件搭建“基于WEB的应用程序”了。
谭少娟在文献[13]一文写到：ASP 是用来编写具有协作机制的应用程序, 是英文Active Server Pages 的简称，是一套Microsoft 公司开发的服务器端的脚本编写环境，内含于Internet Information Server 之中。通过ASP，用户可以结合HTML 网页，ASP 指令以及Active 控件建立起一个个动态、交互且高效的Web 服务器应用程序。另外使用了ASP 不必担心用户端的浏览器是否能执行所编写的代码，因为用ASP 代码所编写的程序都将先在Web 服务器端执行，等程序执行完毕后，再将已经自动解释为标准的HTML 格式的网页内容返回给用户端的浏览器。
在以dreamweaver 为制作软件的基础，用ASP编写前台应用程序，用Access作为后台数据库制作网站时，文献[14]一文中指出了ASP访问数据库的几种方法：ASP 通过ADO 对象，调用ODBC 驱动程序，完成对数据库的操作。在ASP 应用程序中用其内置对象服务器来创建ADO的对象实例，并通过Connection 的Open 方法建立与数据库的连接，以实现对数据库的操作。比较常用的数据库驱动程序除了ODBC 之外， 还有OLEDB 驱动程序（一般需要直接用代码连接）。OLE DB 驱动程序是比ODBC 驱动程序更先进的驱动程序，执行效率也更高。 在制作网站过程中，还参考了《电子商务安全综述》[15]《电子商务安全技术研究》[16]《园网网络平台的规划与设计》[17]文献。
第三章 大学生社会实践平台需求分析
根据时下大学生无法快捷有效的参加社会实践的现状，以及借鉴其它相似网站的布局，得出网站应该具备哪些功能，并根据这些功能分析它的数据流程。
3.1 系统功能分析
根据现阶段大学生的社会实践需求发现,支教、兼职、实训和创业是相对来说更受大学生需要的，所有网站主要内容包含了上述几个方面，并在相应的方面下添加了有会员管理、信息发布、报名参与和留言等功能，为大学生的相互交流提供方便。 3.1.1会员管理
1.会员注册
用户可以通过注册成为网站会员，获悉或发布需求信息，并可以报名参加实训活动。 2.会员信息修改
会员可以在线修改自己的个人注册信息以及修改密码。
3.会员退出
会员在线可点击右上角的注销按钮退出，或关闭网页系统自动注销会员名和密码以及个人信息。 3.1.2信息发布
主要包括：信息发布，信息录入和信息修改删除，具体信息发布如下： 信息发布：管理员对需求信息进行分类加工并发布到前台。
会员通过登录网站发布自己想发布的需求信息，系统会实时更新。 信息录入：会员根据发布信息的规则把信息录入到数据库中。
信息修改和删除：管理员对会员发布的新闻进行审核，对有瑕疵的信息进行修改并对无效或无关的信息进行删除。 3.1.3报名参与
该功能主要针对支教和实训模块，管理员发布支教和实训新闻，会员可以根据自身情况对项目进行报名，报名信息会录入到数据库中，管理员把数据整理然后通知实训公司和机构或支教地点。 3.1.4留言板块
留言板块主要用于会员对活动或实训的经历或感想而发布的内心感言。主要包括：发表留言和留言显示等功能。
发表留言：会员可以通过留言板向数据库提交留言信息。 留言显示：将留言信息发布到前台，供其他用户浏览。 3.1.5数据管理
网站数据管理功能主要用于完成远程数据库服务器维护功能，包括数据的分类与信息的添加、删除、修改功能，以及对网站操作员的管理等。此外网站所有动态信息维护也均由网站后台管理系统完成。它要包含的功能有：会员信息管理功能、兼职和支教信息管理功能、创业信息管理功能，报名信息管理功能、留言板信息管理功能。
3.2 系统功能模块设计
根据以上要完成的功能分析，我们把网站主要分为了以下模块：网站宗旨、支教模块、兼职模块、实训模块、创业模块、会员管理模块和后台管理模块。
3.3 网页设计原则
3.3.1专业的网站制作者应当具备的知识
首先必须熟悉编写主页的标注语言HTML、熟悉W3C的HTML4.0规范、CSS层叠样式表的基础知识、Javascript、VB script的基本知识。对于常用的一些脚本程序如ASP、CGI也要有适当了解。熟练使用至少一种所见即所得编辑工具和至少一种代码编辑器并部分了解多种编制工具的用法。熟练使用至少两种图形处理工具和至少一种动画制作工具以及至少一种的矢量绘图工具，并部分了解多种图形图像动画工具的基本用法。熟练使用至少一种FTP工具以及相应的软硬件和网络知识。
其次，必须有非常强的自学能力，Internet发展千变万化，新的工具、技术层出不穷。例如目前新兴的Shockwave。网络上的两个月相当于我们生活中的一年，如果对于新的事物接纳不快，不能很快地掌握而停步不前，那么很快将会被淘汰。 3.3.2 网站设计标准
不同人的观点看待页面的精美与否是有不同的标准（w3c除外）的，有些偏于美工精美，有些偏于功能强大，有些追求个性，有些则喜欢跟随潮流，但其实不管乍样，网站都有一个共同的功能，不是只做给个人看的，更多的是为了在别人面前展示自己的东西，所以个人认为做一个网站，最基本的是要实用、简洁、整体性好，能真正的形成一个属于自身网站的风格，保持一个整体的形象，配色均匀。这些应该是一个网站要做到的基本的要求了吧，做一个网站，首先还是要在脑子里构思好怎么才可以利用手中有限的资料（特别是企业网站）来设置好网站的主体色调，采用何种架构，如何配色搭配等一些因素，做到心中有底才开始动手。有些网页设计师比较在乎页面的“不拘一格”，但却忽视了网站的交互功能，一个页面设计再精美，别人使用不上里面的东西，也是白费的。真正好的设计师，应是在考虑到网站使用者的方便的同时，把自已的设计风格融入到作品中，能让客户感到满意才是最好的。总体来看，目标明确、定位正确 、主题鲜明、富有特色版式、编排布局合理、色彩和谐重点突出、形式内容和谐统一，
能做到这些应该就是一个很好的网站了。 3.3.3 网站设计要考虑的额外因素
就像不同的机器有不同的配置一样，在网站设计过程中，我们所要考虑的不仅仅就是页面设计，还要考虑到你的页面是否能在较快的时间内打开页面，如果一个页面等上个一两分钟，用户继续浏览的可能性就会很低。拿一个门户网站设计来看，我们要考虑的是访问者的分辨率是1024*768还是640*480,是用PC机还是用Mac机，是用手机来看还是用PDA来看，是用中国电信来访问还是用中国网通来访问,是用ADSL来是用拨号上网，是仅仅面向国内用户还是要面向全球，是用IE6.0来访问还是用fox来访问等等这些因素.解决这些总是最好的办法是尝试采用DIV+CSS 来设计你的网站，从现在的趋势来看，WEB标准将是以后的发展之路。
第四章 大学生社会实践平台设计
4.1 数据库概念设计
根据需求调查分析：我们要实现会员管理功能就要对会员信息进行保存，因此在ACCESS中建立会员信息表，表结构如下：
1.会员管理功能表结构
会员信息（会员编号，会员姓名，密码，性别，学生证号码，学校，身份证号码，电子邮箱，注册日期）
2.前台新闻浏览以及后台新闻编辑所需调用的新闻信息表结构
新闻信息（新闻编号，新闻标题，新闻内容，新闻类别，新闻添加时间及其他新闻信息） 3.报名功能表结构
报名信息（报名标号，报名人姓名，报名地区，报名项目，报名时间） 4.优秀会员展示功能表结构
优秀会员（编号，姓名，称号） 5.留言板表结构
留言板（留言编号，留言人姓名，留言内容，留言时间）
4.2 数据库逻辑设计
根据以上对数据库需求分析以及数据库逻辑设计，得到如下的数据库表结构：
表4.1兼职信息
表4.3 最新日志
表4.4
优秀会员
第五章 大学生社会实践平台实现
5.1 网站的前台功能
5.1.1网站首页模块
1.网站首页布局
网站首页的功能即将网站的主要功能简单的罗列出来，使浏览者一眼可以了解网站的基本信息，同时也要便于顾客点击浏览，链接简单明了，网站前台主要为css+div的结构布局，这样的布局大大缩减了页面的代码，提高了页面的浏览速度，同时也更好的兼容不同的浏览器。
网站顶部为网站名称、LOGO和导航栏，用户可以一目了然地了解网站性质和服务项目。 左侧为网站宗旨以及优秀会员信息，右侧为用户注册登录框和网站与会员的互动活动，例如咨询、捐助等，方便用户与网站联系。
网站中间部分为用FLASH制作的BANNER，富有动感。稍下为会员的最新日志。 网站底部为友情链接和网站的注册信息等。
图5.1 网站首页布局
2.网站首页模块展示
大学生社会实践网站以灰白色调为主，顶部图片和网站背景以蓝色为基调，符合大学生这个年龄层次的审美观。中部以flash做的banner使首页更显美感，更富动感。
图5.2 首页模块效果图
3.网站首页功能介绍 (1)导航栏
首页的上部分有横向条形导航栏，导航栏由图片做成，在每个模块的文字上面分别做成图片热区，通过点击可以直达网站的其它几个模块，方便快捷
图5.3 导航栏效果图
(2)互动区
网页右下角有互动区，该区域主要是方便用户对非信息浏览服务而提供的，
用户可以点击相应的图片热点来联系咨询我们，甚至对网站进行捐助。
图5.4 互动区效果图
(3)友情链接
友情链接主要是为了用户方便地访问同类或者是热门网站，
本网站的友情链接直接通过点击网站进行访问，解决了显示如果用图片做链接显示缓慢的问题。
图5.5 友情链接效果图
在做链接时，必须在链接地址里添加“http://”
， 5.1.2支教模块
1.模块效果图
该模块的支教信息只有管理员才能进行添加和修改。会员可在该模块进行信息的浏览和支教报名。
图5.6 支教模块效果图
2.网页功能介绍
网页左边显示支教地区的信息，可以点击进去详细查看，稍下方为正在进行报名支教的信息，会员可以通过点击
按钮到下一页面进行报名。报名页面如下：
图5.7 会员报名图
报名需要连接数据库插入记录
图5.8 DW会员报名所需记录
在网页中还有一个倒计时插件的了解。该插件代码如下：
Functionshow_student163_time(){window.setTimeout(
兼职模块为发布可提供大学生课余生活的工作岗位，在这里，会员可浏览工作信息，挑选何时的兼职岗位；非会员可发布岗位信息，提供岗位。
1.兼职模块效果图：
天
小
时
分
秒
方便用户对当前的支教活动报名情况有个直观
图5.9 兼职模块效果图
2.兼职模块功能介绍
该页面顶部为职位分类，用户可以通过点击快速访问想要的兼职类别：
图5.10 兼职内容分类
页面右上角有个
按钮，点击可允许非会员发布兼职信息：
图5.11 兼职信息发布
5.1.4实训模块
该模块页面内容由管理员提供，主要有培训机构介绍，培训项目及报名功能。
本页面由于要实现不同项目不同机构的报名选择，因此在制作页面是使用了多个不同的表单用来存
储报名数据，防止仅用一个表单存储时数据混乱的问题出现。
图5.12 实训模块表单服务器行为
图5.13 实训模块效果图
在页面中，会员可以先选择实训机构，然后选择实训项目，最后点击“报名”按钮来完成实训项目的报名。
图5.14 实训项目示例
该页面做用层做了一个下拉列表框：
15
图5.15 实训机构
鼠标放在“培训机构”四个字上面会弹出一个列表框，鼠标停在下拉框中时信息显示，滑出下拉框之后，下拉框消失。由于用层制作下拉框经常出现无法正常显示或正常隐藏的情况，因此在该层的四周
做了3个空层：隐藏。
5.1.5创业模块
设置这3个空层的行为：onmouseover 下拉层隐藏，设置“培训机
构”四个字的行为：onmouseover 下拉层显示，这样不论鼠标移动到哪个地方，下拉层都能正常显示和
该网站主要发布各个行业的创业事迹以及成功创业人的名言和对想创业的人的忠告。
在该模块，网站发布了一些广告信息，用户可以点击广告转链到别的网站，同时也为网站的后期发展和维护提供资金支持。
创业模块布局：
图5.16 创业模块布局图
16
图5.17 创业模块效果图
该页面右侧部分是用层做的仿滑动门的窗口展示，层结构如下：
图5.18 创业模块层的结构
Layer5为“如何创业”下的层，layer6，layer7，layer8依次向后推
图5.19 创业模块层所放位置
17
设置各层显示属性：除了layer5显示以外，其余层皆为触发时显示，设置“如何创业”的鼠标行为：onmouseover 显示layer5，其余类似。这样在鼠标滑动到不同的导航标题时会显示不同的内容来与标题相对应。
5.1.6会员注册登录模块
网站中很多模块都设置了浏览权限，必须是会员才可以打开，否则会出现以下窗口：
图5.20 权限受限时展示页面
点击红色字或首页的1. 会员注册模块 (1)会员注册模块作用
按钮进行会员的注册。
通过注册，普通用户可以成为网站的会员，可以更快捷方便的获取所需信息，并可以进行权限内的信息发布和日志发布。
(2)会员注册模块展示
图5.21 会员注册效果图
2．会员注册信息填写规则
为了防止用户名重复出现，在服务器行为中添加了“检查新用户名”的规则，当用户用已经存在的用户名进行注册时，系统会跳到另一个页面提示用户该用户名存在，重新注册。
18
图5.22 表单检查新用户名
由于学生证是数字形式，电子邮箱地址包含@等规则，在
按钮上添加了“检查表单”的行为：
图5.23 检查表单行为
这样用户在注册信息不符合规则时系统会提示哪里出现错误，例如：
图5.24 提交信息不符合规则
3.会员登录模块
图5.25 会员模块效果图
19
网站首页的右侧提供有会员登录栏目，会员输入正确的用户名和密码后登录网站，登录之后返回首页，并在首页的最右上角显示用户名信息。
用户在进行注册模块并登录之后，系统会自动生成如下一段代码：‘Session(
的应用程
序——绑定——阶段变量中添加该变量。
。
在这里主要介绍用户在登录网站后，如何利用该用户名在网站的其它页面进行自由切换并记录行为
图5.26 绑定阶段变量
这样登录后的用户在全站的所有行为都会被记录下来，
在制作各个分页面时只要把绑定的该阶段变量拖动到最右上角，会员登录之后再每个页面的右上角都会显示该用户名。
图5.27 表单阶段变量位置
图5.28 插入阶段变量后网页所展示效果
4.
会员信息修改
会员可以通过点击导航栏的会员——修改资料进行相关信息的修改。
图5.29 会员信息修改
5.2 网站后台管理
网站后台管理系统主要是用于对网站前台的信息管理，如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作，同时也包括会员信息、信息发布、留言信息的统计和管理。简单来说就是对网站数据库和文件的快速操作，以使得前台内容能够得到及时更新和调整。
本网站的后台建设是为了对网站部分信息进行更新并对会员进行有效的管理。
20
5.2.1网站后台登录模块
通过点击网站首页的“管理员登录”可以进入管理员登录界面。
图5.30 后台管理登陆
后台登录界面调用了一个专门的数据库“admin”，该数据库只设了两个字段，并赋予了初始值：name 管理员 psw ******，在界面中输入正确的账号和密码登录详细界面。 5.2.2网站后台管理模块
图5.31 后台兼职信息管理页面
登入后台管理系统后，首页固定为“兼职信息管理”，页面右上角显示管理员名称（“管理员”为数据库预设名称），左上方有一张已做成热区的图片，点击该图片退出后台管理系统，进入普通页面。
21
图5.32 热点链接
5.2.3后台兼职信息管理模块
进入该模块，管理员可以对兼职信息进行添加和删除 1.添加信息
图5.33 添加兼职信息
22
图5.34 添加兼职信息
管理员输入相关信息之后点击提交，该条信息将被添加在该模块中
2. 信息删除
每条信息都与数据库相连，点击信息标题进入详细页面，该页面下方有一个“删除该条信息”
的按钮，点击它，该条信息删除
图5.35 删除兼职信息
5.2.3报名信息管理模块
点击左侧导航栏，进入报名信息管理模块。该模块分为两部分：支教报名和实训报名，
点击链接会显示相应界面。
图5.36 报名管理展示
23
点击用户名查看详细的报名信息
图5.37 报名信息展示
管理员可以点击下方的删除按钮进行该会员报名的删除操作。
在这里主要介绍下点击用户名显示信息然后删除时，各个数据库之间的链接状态。
在图5.36中调用的数据库为表baoming，而图5.37中调用的为表zhuce，在绑定表baoming数据库时无需特别设置，但是在设置动态文本{Recordset1.name}时需要设置传递的参数为name，因为支教报
名每个会员只能报名一次，故该字段在数据库中所对应的会员唯一。
图5.38 转到详细页
在“支教报名删除.asp”页面绑定数据库时，设定baoming和zhuce两表的传递参数为name
。
24
图5.39 两表之间传递参数
5.2.4留言板管理模块
图5.40 留言板管理
该模块针对会员在支教页面所发表的留言进行管理，点击各用户名可以查看该条留言的具体信息并可做出删除操作。
图5.41 留言删除
该模块对绑定数据库无特殊设置，直接绑定实训报名的数据库，并拖动记录集下的动态字段到相应地点，系统会自动将字段与数据库相连并在浏览器中显示数据。
5.2.5会员管理模块
图5.42 会员管理
点击会员名称进入会员详细信息界面，管理员可对会员进行删除操作。
图5.43 会员信息删除
删除该会员后，系统直接跳回会员管理首界面并刷新显示内容。
结束语
Web开发技术的飞速发展促进了网络活动和资源共享的普及。目前，很多的大学生资讯活动和资源获取开始迁移到Internet中来进行，一种新的大学生参与社会实践的平台已成为一种趋势。本文研究了一种基于数据关联规则的网络平台。其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用以dreamware为核心的ASP开发工具，利用IIS建立运行环境，再结合Microsoft access 2003建立数据连接关系。利用其各种组件，在短时间内建立数据库，然后，对数据库进行分析与建立页面，不断修正与改进，直到系统可行。本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能的实现上可能设计的不完全，有待于进一步的完善和改进。
致 谢
本研究论文是在我的导师的亲切关怀和悉心指导下完成的。她严肃的科学态度，严谨的治学精神，精益求精的工作作风，深深地感染和激励着我。Z老师不仅在学业上给我以精心指导，同时还在思想、生活上给我以无微不至的关怀，在此谨向Z老师致以诚挚的谢意和崇高的敬意。我还要感谢在一起愉快的度过毕业论文小组的同学们，正是由于你们的帮助和支持，我才能克服一个一个的困难和疑惑，直至本文的顺利完成。
在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们!
最后，再次对关心、帮助我的老师和同学表示衷心地感谢！
参考文献（References）
[1]张坤. 当代大学生的现状分析[J]. 科教文汇(中旬刊), 2009,(04) :43
[2]安颖. 大学生暑期社会实践师资建设现状分析及对策研究[J].世纪桥，2009, (07) :95-96
[3]何思妤. 大学生暑期社会实践刍议[J]. 新西部, 2010, (02) :113
[4]任艳萍. 关于大学生社会实践的几点思考[J]. 文体用品与科技, 2011,(09) :166
[5]申屠珊. 大学生参加社会实践的途径方式及对策研究[J]. 时代金融, 2011,(23) :108-109
[6]李琳雅,杨琳,陈圆圆,王婷婷,孙琳慧. 当今大学生兼职现状调查与分析[J]. 中国电力教育, 2011 ,(23) :169-170
[7]吕纯洁. 基于ASP技术的课程学习网站的开发[J]. 开封大学学报. 2009, (01) :83-86
[8]吴晓燕. 基于创新教育观下的Dreamweaver网页制作与教学实践[J]. 计算机教育, 2009,(22) :108-110
[9]张植才,李锋. 浅析基于ASP的ACCESS数据库访问方法[J]. 福建电脑, 2010,(06) :166
[10]林姿琼. 关于ASP+ACCESS数据库的安全问题[J]. 漳州师范学院学报（自然科学报）, 2005,(03) :98
[11]武海东. 利用ASP+ACCESS构建馆藏全文电子期刊导航系统[J]. 图书馆学刊, 2009, (05) :109-111
[12]吕浩音. 关于使用ASP.NET设计网站的初步研究[J]. 九江师专学报:自然科学版, 2004,23(05) :12-13
[13]谭少娟. 探讨ASP动态网页设计与制造[J]. 电脑编程技巧与维护, 2011,(22) :74-75
[14]李晶,夏勇. 基于ASP的招聘网站规划与实现[J]. 信息与电脑（理论版）, 2011(10) :96-98
[15]郑英铎. 电子商务安全综述[J]. 市场周刊·管理探索, 2005,(10) :68-69
[16]隆文超. 电子商务安全技术研究[J]. 商场现代化, 2008,(02) :191-192
[17]钟嘉鸣. 高校校园网网络平台的规划与设计[J]. 电脑知识与技术, 2007,(15) :665-667