校园生活服务平台大开发与设计(改)

中南民族大学

毕业论文(设计)

学院：电子信息工程学院

专业：光信息科学与技术年级：2010 题目: 校园生活服务平台的开发与设计

学生姓名：何林君学号：10074003 指导教师姓名: 王文珍职称: 讲师

2014年5月26日

中南民族大学本科毕业论文（设计）原创性声明

本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承担。

作者签名：

年月日

注：本页放在学位论文封面后，目录前面

目录

摘要 (1)

Abstract (1)

1 引言 (2)

2主要技术概述 (2)

2.1 ASP概述 (2)

2.2 ACCESS数据库概述 (2)

2.3 JavaScript概述 (3)

2.2 HTML介绍 (3)

3 开发运行环境及数据库设计 (3)

3.1 开发运行环境 (3)

3.2数据库设计 (4)

3.2.1数据表概要说明 (4)

3.2.1数据库查询 (5)

4 网站前台页面布局设计 (6)

4.1 前台布局概述 (6)

4.2 前台页面主要功能设计 (8)

4.2.1登入及注册 (8)

4.2.2网站导航和首页显示栏 (10)

4.2.3贴吧话题栏 (11)

4.2.4图片赏析和英雄用户栏 (14)

5.2.5最新话题热点资讯栏 (15)

5 后台管理系统的搭建与设计 (15)

5.1 后台管理功能模块概述 (15)

5.2 后台登入 (16)

5.3 系统设置 (17)

5.4 话题管理 (18)

5.4 个人资料 (19)

6 总结 (19)

致谢 (19)

参考文献 (20)

校园生活服务平台的开发与设计

摘要：互联网技术的发展为人们的生活提供了便利，校园生活服务平台就是基于互联网技术为师生提供一个高效的网上交流互动平台。通过概述ASP动态网站相关的技术，讲述了利用HTML搭建网站基本框架，用JavaScript语言设计动态交互功能。该平台基于BBS电子布告板模式，用于发布信息和提供访问者之间讨论问题的在线交流平台。通过校园生活服务平台来为师生解决生活学习上的问题，提供师生一个网上信息资讯分享和交流渠道。

关键词：HTML；ASP动态网站；校园生活，BBS论坛

Development and design of campus life services

platform

Abstract: The development of Internet technology provides convenience for people's life. Campus Life Services platform is based on Internet technology that provides teachers and students an efficient platform for online interaction. In this paper, an overview of the construction by ASP dynamic web-related technologies, describes the use of HTML to build the basic framework of the site, with the JavaScript language design dynamic interactive features.This platform is based BBS model, used to publish information and discuss issues between providing visitors online communication platform. To solve the problem of teachers and students to live and study on campus life through service platform, providing teachers and students an online information sharing and exchange of information channels.

Key words: html ; ASP ; campus life；BBS

1 引言

根据最新的一份中国互联网络信息中心（CNNIC）统计报告显示[1]：截至2013年12月，中国网民数量达6.18亿，互联网普及率达45.8%。学生依然是中国网民中最大的群体，占比25.5%，互联网普及率在学生群体中已经处于高位。在学生团体中，几乎人人都会利用互联网技术来丰富我们的课外生活。在大学课程中计算机更是学生的必修课。大学生一般会利用互联网搜索生活资讯，使用百度、谷歌等搜索服务来搜索生活学习上遇到的一些问题。

校园网站和校园论坛是学生接触较多的校园生活类网站，校园网站属于展示型平台网站，内容全面但缺乏互动性。校园论坛互动性强，但大多数内容是和生活相关的杂乱信息，缺乏教师的互动，因而对学习上的帮助较少。为了能提供给学校师生在线交流的信息服务平台，本论文将讲述如何利用基于ASP技术框架来设计一款校园信息服务平台。在该平台上加入教生互动、新闻和信息资讯等功能，通过这个平台为学生和教师提供生活学习上的网上信息交流互动平台。该平台网站将以HTML文本标记语言来设计网站整体结构。在本论文设计中将利用ACCESS设计数据库，用于存储网站数据信息；利用JavaScript脚本语言来设计网站的动态交互功能，实现网站的动态交互行为。

2主要技术概述

2.1 ASP概述

ASP是一种技术框架，主要功能是为生成动态的交互的WEB服务器应用程序提供一种功能强大的方式或技术。ASP是一种服务器端的技术，它的所有的命令和脚本均在服务器端执行，送到浏览器的只是标准的HTML页面。同时ASP的源代码全部在服务器端执行所以无形中也使程序的安全性得到了保证[2]。

ASP的主要用途如下：（1）动态地编辑、改变或者添加网页的任何内容；（2）对由用户从HTML表单提交的查询或者数据作出响应；（3）访问数据汇总数据库，并向浏览器返回结果；（4）为不同想用户定制网页，提高这些页面的可用性；（5）用ASP替代CGL和Perl的优势在于它的简易性和速度；（6）提供安全性保障，因为ASP代码不能从浏览器查看；（7）优秀的ASP编程可最小化网络流量。

五个内置对象[3]：Application，在一个ASP-based application 让不同用户共享信息；Request，从用户处理取得信息；Response，将信息送给用户；Server，提供一些Web Server 的工具；Session，存储在一个session 内用户的信息。

2.2 ACCESS数据库概述

ACCESS数据库即Microsoft Office Access。ACCESS支持Visual Basic宏语言，它是一个面向对象的编程语言，可以引各种对象，包括DAO，ActiveX数据

对象，以及许多其它的ActiveX组件。可视对象用于显示表和报表，他们的方法和属性是在VBA编程环境下，VBA代码模块可以声明和调用Windows操作系统函数。

Access中的所有查询功能都是用SQL查询来实现的，SQL是结构化查询语言（Structured Qurey Language）的缩写，是Access用来后台编写查询操作的语言。SQL是数据库的标准语言，在ASP中无论何时访问数据库都要使用SQL。

2.3 JavaScript概述

JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作[5]。

一般来说，完整的JavaScript包括以下几个部分：ECMAScript，描述了该语言的语法和基本对象；文档对象模型（DOM），描述处理网页内容的方法和接口；浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

它的基本特点如下：是一种解释性脚本语言（代码不进行预编译）；主要用来向HTML页面添加交互行为；可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务：嵌入动态文本于HTML页面；对浏览器事件作出响应；读写HTML元素；在数据被提交到服务器之前验证数据；检测访客的浏览器信息；控制cookies，包括创建和修改等。

2.2 HTML介绍

HTML即超文本标记语言，超文本标记语言的结构包括“头”部分（外语：Head）、和“主体”部分（外语：Body），其中“头”部提供关于网页的标题、序言、说明等信息，“主体”部分提供网页的具体内容[6]。

HTML语言是万维网上通常使用的发布语言，具有如下功能：

一、使用各种几次的印刷元素，如标题、文字、表格、列表、照片、插图等

来发布在线的文档。

二、通过超文本链接使用户能够方便地在各种信息直接切换。

三、通过使用指定的控件来控制网速的信息传输、远端服务等功能。

四、允许Web页具有插入多媒体对象的能力，如视频文件、音频文件和一

些特殊格式的文本文件。

五、提供框架功能，使Web的开发者可以清楚有条理地组织Web页面。

3 开发运行环境及数据库设计

3.1 开发运行环境

本论文的平台设计是在32位Windows 7操作系统上运行开发的，采用B/S 体系结构设计的，用Dreamweaver 8来搭建网站框架，用UEStudio12超文本编辑器编写和修改代码：

Web服务器：IIS7,Windows 7系统自带；

数据库：Access 2003数据库；

权限要求：对Access数据库有建表、备份的权限。

3.2数据库设计

本系统数据库采用Access 2003数据库，数据库名称为gbbsdb.mdb。该数据库中包含了10张数据表和3个查询。由于篇幅有限，下面分别给出数据表的概要说明、数据表关系概要说明、主要数据表的结构以及数据库查询[7]。

3.2.1数据表概要说明

本论文中将数据表以一个结构图的形式呈现给大家，让大家对该设计平台数据库中的数据表有一个更清晰的认识，如图1所示：

图1 数据表结构图

创建数据表之后，需要确立表之间的关系。启动Microsoft Access，打开gbbs.mdb数据库，选择“工具”→“关系”选项，打开关系对话框，载入数据表建立关系。建立表间关系的同时还可以确定数据库的参照完整性，如下图2所示：

图2 表间关系图

由于篇幅有限，在此就只举例yrwl-tb-dlxx表的结构进行分析，其它数据表的形式也是和这个表类似的。数据表结构如表1和表2所示：

表1 yrwl-tb-dlxx（用户登入信息表）

表2 yrwl-tb-dlxx（用户登入信息表）在ACCESS中显示结果

3.2.1数据库查询

查询是指依据一定的查询条件，对数据库中的数据信息进行查询。它与表一样都是数据库对象。Access 2003提供了多种查询方式，极大地方便了用户的查询工作[7]。

在gbbs.mdb数据库中应用到的查询以及对象的SQL语句如图3、图4、图5所示：

图3 数据库查询

图4 查询yrwl-ad-type对应的SQL语句

图5 yrwl-tb-lt查询对应的SQL语句

4 网站前台页面布局设计

4.1 前台布局概述

前台首页保存在index.asp文件中。前台页面的设计是给用户提供一个直观的展示页面，通过前台页面各项功能的合理安排展示给用户使用，用户通过点击相应的功能图标来发表和查看主题信息。其中图文并茂的文章最适合放在首页，美观又可以引起用户注意。用户的登入和注册窗口放在首页前方位置，便于用户登入和注册。为了让用户可以快速的搜索到想要的资讯，在网站的首页logo旁加入信息搜索框，方便用户搜索信息资讯。

在系统功能分析的基础上，得到如图6所示的前台主页面系统功能模块图：

图6 前台主页面功能模块图

设计好的首页效果如下图7所示：

图7 网站首页图

4.2 前台页面主要功能设计

4.2.1登入及注册

在该服务平台设计中将登入和注册窗口放在网站的最顶部，且将这一栏给冻结窗口，便于用户随时登入和注册新账号。页面中主要是通过确定用户Cookie 文件中存放的信息判断用户是否已成功登入[8]，关键代码如下：

<%if request.cookies（"在线论坛"）("keyword") = "" then %>

xs = wyqm

else

xs = request("keyword")

end if

登入框：在登入窗口中用户需输入账号和密码，账号和密码是用户在申请注册新账号时所设置的。输入好用户名和密码后，就可以点击左下方的登入键，如果密码输入错误则弹出提示对话框，同时跳转到新的页面。如果是新用户，也可以通过点击右下方的注册按键进行注册新账号。以下是登入对话框效果图如下图8所示：

图8 登入对话框

该论文设计中用Response.Cookies（）来记录用户的ID和密码等，用Session 对象来存储不同用户的登入信息，登入窗口主要代码[13]：

if jy = "1" then

Response.Cookies("bbsyhm") = yhm

Response.Cookies("bbspass") = pass

Response.Cookies("bbsyhm").Expires= (now()+30) ''设置过期时间(7天)

Response.Cookies("bbspass").Expires= (now()+30)

else

Response.Cookies("bbsyhm").Expires= (now()-1)

Response.Cookies("bbspass").Expires= (now()-1)

end if

session(sessionvalue&"pass")=pass

session(sessionvalue&"yhm") = yhm

session(sessionvalue&"lxfs") = rs("lxfs")

session(sessionvalue&"id") = cstr(rs("id"))

session(sessionvalue&"jb") = rs("jb")

session(sessionvalue + "zhsj") = rs("zhsj")

session(sessionvalue&"qm") = rs("qm")

session(sessionvalue + "zp") = rs("zp")

注册模块：注册模块的功能是提供用户注册界面，用于以后网站的登入用。只有登入论坛的注册用户才可以发表主题信息和发表回复。注册时用户需填写的个人信息包括用户名、密码、电子邮箱、安全问题设置、性别。注册时需两次输入密码，以防密码输入错误。电子邮箱用于向用户发送信息，以及密码找回的时候用的。安全问题则是用于当用户忘记密码时可以用它来找回密码，只要正确回答了安全问题，则可以顺利的找回密码。用户性别信息在注册时可以选择不显示。

在注册主页内，用户需要输入个人的基本信息，用〈input〉来实现。例如输入用户名[12]：

用 户 名： //&snsp表示空格

* (可以使用中文，但禁止除[@][.]以外的特殊符号)

在整个效果图中本论文采用XHTML+CSS来设计整个网站的页面布局，将整个页面布局模块化。如：

• 首页

在网站的首页和其它主页中有一个搜索关键字功能。当会员想找想要的文章帖子时，可以通过该功能进行搜索。实现该功能的代码如下[13]：

用户注册页面首先获取表单中的数据，判断用户填写的用户名是否与数据库中存在的用户名重复。若重复则提示用户重新填写，不重复则将数据保存到用户

注册信息表中，同时将用户的首次登入信息添加到用户登入表中，并设置相应的Cookie变量，实现该功能的部分代码如下：

<%set rs = server.createobject("adodb.recordset")

exec="SELECT top "+cstr(cc)+" yhm,sj FROM yrwl_tb_admin order by id DESC"

rs.open exec,CONN,3,1

while not rs.eof

yhm = rs("yhm")

Sj=left(rs("sj"),8)%>

用户注册页面如图9所示：

图9 注册窗口

4.2.2网站导航和首页显示栏

网站的开头部分以网站导航栏为主以及下方的优秀的图文优秀帖子推荐，将最好的文章帖子作为网站的宣传项，即美观又可以吸引学生的注意。首页的推荐栏，则可以把网站最吸引人的图片或者说最优秀的文章呈现给大家，方便用户的同时也起到网站宣传作用。

通过用href=“”链接语句来跳转到相应位置[9]，例如话题分类：

话题分类

。

其它几个栏目也是通过类似方式来编写的，在此不再一一详述。

4.2.3贴吧话题栏

贴吧话题栏是网站最主要的核心部分，在这里用户可以发表以及寻找最新最热门资讯。贴吧话题栏里分四个部分：微论坛；美食资讯；教师动态；事务办理流程（管理员可以通过后台话题分类管理来增加或者删除话题）。用户可以通过相应的窗口发表或者寻找相应的帖子，当然用户必须登入后才可以发表和回复主题信息。

主题发表流程图如图10所示，主题回复流程图如图11所示：

图10 主题发表流程图

图11 主题回复流程图

在发表主题前，在主页index.asp中先通过来实现跳转到相应页面中发表文章，如<%=lx%>。bbslist.asp是专门用来发表帖子的文件，所有对话框的代码都会在此文档内。

在页面中通过调用top-list子过程来显示最新发表的主题信息和回复信息，

同时也可以查看自己帖子是否发表成功。下来代码中根据+ id +的不同来选择具体该显示哪个话题：

<%call top_list(5,"  ","",18 ," and lb like '" + id + "%' order by id desc","","")%>

通过判断语句来分析用户具体点击的是哪个话题，实现代码如下：

<%sqltj = " and lx like '" + id + "-%'"

exec="select * from yrwl_tb_type where lx<>'0' "+sqltj+ " order by px"

set rs1=server.createobject("adodb.recordset")

rs1.open exec,conn,1,1

i=1

if not rs1.eof then

while not rs1.eof

lx = rs1("lb")

id1 = rs1("lx")

sp = rs1("sp")

if i=1 then

response.write "
    "

else

response.write "|"

end if%>

在发表帖子的对话框中需写入帖子主题，帖子内容，要是有图片可以上传图片到帖子里，输入完内容后只要再输入验证码就可以点击发表了，要是对帖子不喜欢也可以点击重置，重新再写过。提交和重置功能的实现代码如下：

<%if syhm="" and (yxft="0" or yxft=0) or instr(pip,dlip)>1 or yxft="2"

then response.write"disabled"%>>

输入文字的实现代码：

设计好的发表帖子页面效果如图12所示：

图12 发表帖子页面

4.2.4图片赏析和英雄用户栏

当用户拍到很漂亮的图片美景时可以通过发表图文并茂的帖子，这样就可以在图片欣赏栏里看到自己发或者别人发的热门帖子。在英雄用户栏里会显示那些经常发表热帖，受关注度高的会员，这样也可以激发起会员的热情，鼓励用户发表出自己的想法，写出更优秀的文章。

实现代码：通过下述这句代码将图文帖子显示在图片欣赏栏。其中bbsview 是发表帖子所在的asp文件，并且每个帖子有唯一的id标签[10]，所以这样一来就不会出现链接错误的情况发生。

" target="_blank">" alt="<%=xzt%>"

width="170" class="thumb_wrapper" border="0" />

" target="_blank">

style="line-height:20px; margin-top:10px;"><%=pzt%>

英雄用户栏则直接通过此链接到用户表就可以了<%=userlist(4,4)%>。

5.2.5最新话题热点资讯栏

在网站的右侧分别是：最新话题，里面收入着最新发表的6篇文章；热门话题，有管理员通过话题管理，查看哪条话题的关注度最高，来推选出最热门的话题；最新回复，在最新回复窗口里会时刻显示网友的回复信息，让每个浏览网站的人都可以看到大家都在关注和讨论哪个话题；友情链接，用户可以通过友情链接来浏览其它相应网站来获取最新资讯。

资讯栏实现的过程只需要通过<%call top_list(6,"","",11," order by dj desc","","type")%>语句调用top-list函数子过程[11]，在其中选出最热门的六篇文章按顺序排列即可。如最热话题框功能实现代码如下：

最新话题

<%call top_list(6,"","",11," order by id desc","","type")%>

5 后台管理系统的搭建与设计

5.1 后台管理功能模块概述

后台管理系统是让网站管理人员用来管理和维护网站系统的。网站的正常运营，内容的编排，网站运行时是否流畅和安全，都是由网站管理员来负责维护和整理的，所以网站后台管理系统的设计就显的尤为重要。在本论文设计中将后台管理系统尽量简化掉，便于管理员的日常维护和对各类资讯话题的管理，这样可以减轻管理员的负担。

后台管理系统主要包含以下三项：系统设置；话题管理；个人资料。在这三个操作项中，又细分出几个具体的功能。后台管理各功能系统的模块图，如图13所示：

图13 后台管理功能模块图

设计好的后台管理系统页面效果如下图14所示：

图14 后台管理系统

5.2 后台登入

后台登入管理模块的功能是为管理员提供登入后台管理操作系统的入口，对管理员的身份进行验证。

后台管理登入流程图，如图15所示：

图15后台管理流程图

后台登入页面提供输入用户名和登入密码的文本框，并通过设置Response 对象的相关属性禁止浏览器缓存登入界面，防止非管理员对系统进行非法操作；然后核实用户是否已经登入，只有登入论坛的用户才可以进入后台管理页面[12]。当用户提交表单登入表单数据后，处理程序核实用户提交的管理员登入信息是否准确，如果信息准确则将登入用户名记录到Session变量中，并允许用户进行后台管理。

如果是管理员则可以操作系统设置、话题管理和个人资料管理三个功能，若是普通用户则只能对个人资料和已发表的话题及回复进行管理。判断是否为管理员的代码如下：

<%if jb="admin" then

xtml = "[""系统设置"","""",0,""1"",""1"",false],"

xtml = xtml & vbcrlf & "[""话题管理"","""",1,""1"",""1"",false],"

else

xtml = "[""主题信息管理"","""",5,""1"",""1"",false],"

end if

''xtml =xtml & vbcrlf & "[""投票管理"","""",3,""1"",""1"",false],"%>

判断用户是否登入的代码如下，若未登入则跳转到登入login.asp主页面：<%yhm = session( sessionvalue + "yhm")

yhsp = session( sessionvalue + "sp")

jb = session( sessionvalue + "jb")

if request.Cookies("bbsyhm") <> "" then yhm = request.Cookies("bbsyhm")

''if mip <> Request.ServerVariables("local_ADDR") then response.redirect "index.asp"

if yhm= "" or jb = "" then response.redirect "login.asp"%>

5.3 系统设置

系统设置中主要有：基本信息设置，即网站的首页logo，网站版本信息，网站的描述信息；管理员，管理员列表信息都在这里，所以网站管理员的信息可以从这里查看；用户列表，这里存放着所有用户的注册信息；关键字设置，这里主要是为了对一些敏感关键字进行屏蔽或删除，同时对于一些恶意发表评论的用户进行IP屏蔽。管理员和用户列表则需要用到数据设计：

实现系统设置功能菜单的代码如下：