校园网站开发与设计本科.doc

1、XX医学院XX medical college本科毕业设计（论文）校园网站开发与设计Campus Website Design and Development院系名称计算机科学与技术系专业名称信息管理与信息系统学生姓名XXX学号2000000010000指导教师XXX 讲师二一二年五月I XX医学院本科生毕业论文摘 要II本科生毕业论文 “把教育放在立国之本的位置，强调教育是关系人才培养和国家强盛的重大问题，不可稍缓”孙中山。随着计算机网络的发展和普及,以及越来越多的校园信息化，各校园信息的采集以及信息的发布利用网络已起到广泛宣传的作用。我国人口众多，不同规模的校园遍布整个中国，不同的的学校都

2、有自己的特色，为方便宣传与管理，很多学校大都已经有了自己的宣传网站，通过网站任何人都可以在网上即时了解校园信息，为突出某个学校某系的特色，本人特设计关于母校及本人所在系的网站，力在宣传本校特色，即时公布校里动态，希望能为校内及校园外的所有关心本系动态的人给予便利。本网站主要运用用DreamWeaver，采用Access数据库，也运用了 ASP，以及利用Photoshop处理图片大小及颜色等。本网站采用Access数据库，是由于Access数据库是Windows环境下非常流行的桌面型数据库管理里系统。它管理的对象包括表、查询、窗体等，都存放在库文件后缀为.mdb的文件中，便于操作。本网站图文共存

3、，运用简单，版式统一，搭配协调。关键词： ASP , Dreamweaver ，AccessII本科生毕业论文Abstract: put education in the foundation of our position, emphasize education is training and the prosperity of the nation s major problem, not a slightly slower -Sun Zhongshan. With the development and popularization of computer network, more

4、and more information on campus, each campus information collection and information utilizing network has play a widely publicized role. Our country population is numerous, depending on the size of the campus across the whole of China, different schools have their own characteristics, to facilitate t

5、he promotion and management, many schools have had their own website, through the web site where anyone can online real-time understanding of campus information, to highlight one school one of, I special Design on the alma mater and I am of the Department website, the publicity of the flora, immedia

6、tely released system dynamic, hope for the campus and outside the campus all concerned about the dynamics of human to facilitate. The site mainly use DreamWeaver, using Access database, also the use of the ASP, and the use of Photoshop processing image size and color. This website uses Access databa

7、se, because Access database Windows environment is very popular desktop database management system. It managed objects including tables, queries, forms, are stored in a library file suffix . Mdb file, convenient operation. This website graphic coexistence, using simple layout, unified, coordinated.K

8、ey words: ： ASP , Dreamweaver ，AccessXX医学院本科生毕业论文目 录1 绪论11.1 选题背景11.2 选题意义11.3 校园网站设计方案22 基本理论概述32.1 ASP概述32.2 概述42.3 Access42.3.1 Access概述42.3.2 Access的基本命令53 数据库设计53.4 环境配置63.4.1 开发平台搭建64 用户登陆64.1登陆设计65 网站总体分析与设计115.1 新闻通知版块的功能实现125.2 就业公告版块的功能实现145.3 留言版块的功能实现195.3.1留言版块的设计195.3.2 留言管理版块设计21参考文献2

9、4III本科生毕业论文XX医学院本科生毕业论文引言 短短几年里，Internet迅速发展成一个全球的网络系统，现在的Internet更是结合了商业的用途，快速转变成提供电子商务信息的平台，Internet已走向了一个很重要的商业大舞台。如今网站遍布互联网，我们当下最关心的人才招聘网站，人事考试网站，学校网站等诸多网站告诉我们，我们要想以最快的速度知道最新最准的信息，网站是必不可少的。为了宣传在这里生活4年了的母校，特设计此网站，希望把我校的特色广泛宣传。1 绪论1.1 选题背景随着我国对教育的重视，校园网站逐年增加，校园网站为学校和外界的信息交换和沟通搭建了一个有效的平台。如今，随人们的生活信

10、息化，足不出户网上购物，网上预约驾校等，校园网站，能满足您随时运用互联网查询你所关心的校园资讯，家长可以通过校园网站了解学校的动态，切身关心自己孩子所生活的环境。校园网站及时发布网上信息及通知，快捷有效。Dreamweaver是专业可视化网站的先锋。通过为基于CSS的设计和开发新增添创新的支持，使Web更上一层楼。采用web社区所使用的强大开放式、基于标准的开发。Dreamweaver 8还支持所有主要服务器技术，包括ColdFusion、PHP、ASP、ASP.NET和JSP，使所有技术级别的开发者的设计都栩栩如生【1】。本网站主要就运用Dreamweaver设计前台页面，使页面美观大方，后

11、台用ASP开发。ASP能增加网页的新功能，还能输出HTML标记，与HTML很好的结合。1.2 选题意义ASP.NET是一种基于服务器的功能强大的技术，用于为internet或企业的内部网创建动态的、交互式的HTML网页。.NET微软公司发布的新一代的系统、服务和编程平台，主要由.NET Framework和Microsoft Visual Studio .NET开发工具组成。ASP任何开发工具都可发展1.ASP执行结果所产生的HTML适用于不同的浏览器2.安全性高，它的ASP原始代码是看不到的3.语言相容性高，它可以与HTML和JavaScript良好的结合4.可以连接各种数据库，本网站连接的

12、是极为简单的access数据库，除此它还可以连接Sql和Oracle数据库等。【2】1.3 校园网站设计方案本校园网站主要服务于本校的学生、老师以及外部浏览人群，设计构思非常简单，功能较实现容易。本校的人登陆本网站，进入站内浏览站内消息，校外的人想进入本站需要先注册，方可以进入本站。本网站设计主要是实现如下功能：管理注册、登陆、查询站内信息、查看或发表留言消息、查看站内新闻。具体功能实现如下图所示：校园网站首页浏览览我系简介新闻通知就业公告通知联系我们校园基本情况我系师资简介我系基本设施简介历史新闻通知最新新闻通知就业情况最新就业信息网上留言2 基本理论概述2.1 ASP概述 最常用的动态网页

13、语言有VBscript，JSP（JavaServer Pages），PHP（Hypertext Preprocessor），和ASP。1.ASP 的全名为Active Server pages，是一个WEB服务器端的开发环境，利用它可以产生和执行的、互动的、高性能的WEB服务器应用程序。ASP采用脚本语言VBScript或Java script作为自己的开发语言。2.PHP 是一种跨越平台服务器端的嵌入式脚本语言，它大量地借用C语言、Java和Per1语言的语法，并且融合了PHP所具有的特性，从而使WEB开发者能快速地产生动态页面。它支持目前绝大多数的数据库。PHP、MySQL数据库和Apac

14、he Web 服务器是一个很好的组合。3.JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是JSP，Java ServerPage。JSP可以在Srevlet和JavaBean的支持下，完成功能强大的站点程序。 2.2 概述2.3 Access2.3.1 Access概述同为Office办公软件中的一部分，Access不像Word和Excel那样广泛，虽然概念同样强大，使用的人却相对少些。事实上，真正用过Access的人都会夸赞它的好。Access 数据库管理系统是Office办公系统的重

15、要组成之一，适用于小型的商业活动，可以用来存放和管理商务活动所需要的数据。Access不仅是一个数据库，而且它具有强大的数据库管理功能，它可以方便的利用各种数据源，生成窗体或表单，查询，报表以及应用程序等。 表与表之间可以建立关系，以便于查询相关信息。Access数据库以文件形式保存，文件的扩展名是MDB.Access数据库由6种对象组成，他们是表、窗体、报表、宏和模块。 表(Table)是数据库的基本对象，是创建其他5种对象的基础。表由记录组成，记录由字段组成，表用来存储数据库的数据，故又称数据表。查询(Query)可以按索引快速查找需要的记录，按要求筛选记录并能连接若干个表的字段组成新表。

16、 窗体(Form)提供了一种方便的浏览、输入及数据更改的窗口。还可以创建子窗体显示相关的表的内容，也称表单。报表(Report)的功能是将数据库中的数据分类汇总，然后打印出来，以便分析。宏(Macro)相当于DOS中的批处理，用来自动执行一系列操作。Access列出了一些常用的操作供用户选择，使用起来十分方便。模块(Module)的功能与宏类似，但它定义的操作比宏更精细更复杂，用户可以根据自己所需编写程序。2.3.2 Access的基本命令1. 查询记录：select字段名from表名where条件2删除记录：delete from表名where条件如不加条件会删掉表中所有信息，会变成一个空表

17、3. 添加记录：insert into表名（字段1，字段2，字段3）value（字段1的值，字段2的值，字段3的值）Value前后的两个表中字段和字段值是顺序对应的，否则会出错。4.修改记录：update表名set与修改的字段名1=该字段的新值，欲修改的字段名2=该字段的新值where条件 该命令是修改已存在的记录数据，若不加where，就会把所有指定的字段都改成新值。3 数据库设计数据库是动态校园网站开发的关键，数据库表存储着网站许多重要信息。本系统共有 数据库表：用户登陆表 、留言信息表、 用户登录表：字段名称实例数据类型字段大小id1自动编号长整型useradmin文本50passwor

18、d12345文本50 用户登录表记录用户编号，用户名和用户密码，用来保存用户的基本信息。 留言信息表：字段名称实例数据类型字段大小id1自动编号长整形lyid1数字长整形content医学院是个绿色的家备注addtime2012-05-11日期/时间 留言表用来存储留言信息，包括用户id号，留言编号，留言内容，添加时间等字段，其中留言编号为自动生成。 新闻表：字段名称实例数据类型字段大小id2自动编号长整形username丽丽文本50content第20届运动会即将举行备注addtime2011-06-13日期/时间 新闻表用来存储新闻信息，包括用户id，用户名，新闻内容以及添加时间等字段。3

19、.4 环境配置3.4.1 开发平台搭建操作系统： Windows7系统的开发语言 ：ASP数据库： Access20034 用户登陆4.1登陆设计用户输入用户名和密码验证无误后点击进入， 用户名和密码正确无误则进入，用户名或密码错误则选择“重填”，再次输入用户名和密码，直至正确方可进入，用户登陆系统界面如下图所示：图 登陆界面用户登录系统界面通过如下代码实现：  登录 用户名: 密码:     4.2修改用户名或密码设计若想对用户名或密码进行修改，则要选择修改用户名和密码，输入原始正确的用户名密码，提交后重置密码。修改用户名和密码界面如下： 图 修改用户

20、名和密码界面修改用户名和密码实现重点代码如下：修改用户名和密码!-function FrontPage_Form1_Validator(theForm) if (theForm.username.value = ) alert(请在用户名域中输入值。); theForm.username.focus(); return (false); if (theForm.username.value.length 20) alert(在用户名域中，请最多输入20 个字符。); theForm.username.focus(); return (false); if (theForm.password.v

21、alue = ) alert(请在密码域中输入值。); theForm.password.focus(); return (false); if (theForm.password.value.length 20) alert(在密码域中，请最多输入20 个字符。); theForm.password.focus(); return (false); return (true);/-form method=POST action=admin_admin2.asp?id= onsubmit=return FrontPage_Form1_Validator(this) language=JavaS

22、cript name=FrontPage_Form1用户 input type=text name=username size=38 maxlength=20 value= %if session(dj)1 then response.write readonly%密码 5 网站总体分析与设计根据前面的设计思想对网站进行设计分析，按系统开发的基本观点对网站进行分解，按照主要内容划分如下：首页、我校简介、新闻通知、就业公告、联系我们等。网站的整体界面如下：图 包头医学院网站界面5.1 新闻通知版块的功能实现新闻通知版块界面设计通过新闻通知版块可以查询校园各类新闻，了解校园实时

23、动态，如学校上级领导莅临本校或今年大学生征兵入伍开始等新闻。除此之外，此版块还以向校园内外发布各种通知，方便各重要事宜的宣布和决策结果，如2012年3月计算机等级考试在计算机科学与技术系开展。新闻通知版块的界面如图所示：图 新闻通知版块界面新闻通知版块主要代码如下： if (theForm.list.value = ) alert(请在列表代码域中输入值。); theForm.list.focus(); return (false); if (theForm.list.value.length 1) alert(在列表代码域中，请至少输入1 个字符。); theForm.list.focus(

24、); return (false); return (true);form method=POST action=admin_mb_add_save.asp?lx=%if id then response.write &id=&id% onsubmit=return FrontPage_Form1_Validator(this) language=JavaScript name=FrontPage_Form1标题 input type=text name=title size=58 maxlength=10 value=%if id then response.write title

25、% 新闻显示页面(news_view.asp)可以使用HTML代码$标题$5.2 就业公告版块的功能实现就业公告板块界面设计就业公告版块主要发布我校就业信息，公告最近来我校招聘的单位名单及各单位所招聘的就业岗位及人数等信息。就业公告版块的界面如下图：图 添加公告就业公告版块界面功能实现主要代码如下：function FrontPage_Form1_Validator(theForm) if (theForm.title.value = ) alert(请在公告标题域中输入值。); theForm.title.focus(); return (false); if (theForm.title.

26、value.length 200) alert(在公告标题域中，请最多输入200 个字符。); theForm.title.focus(); return (false); if (theForm.content.value = ) alert(请在公告内容域中输入值。); theForm.content.focus(); return (false); if (theForm.content.value.length 1) alert(在公告内容域中，请至少输入1 个字符。); theForm.content.focus(); return (false); return (true);me

27、thod=POST action=admin_gg.asp?saveid= onsubmit=return FrontPage_Form1_Validator(this) language=JavaScript name=FrontPage_Form1公告标题 input type=text name=title size=61 value= maxlength=200公告内容 公告操作%Set rs = Server.CreateObject(ADODB.RecordSet)rs.Open select * from webgg order by id desc,conn

28、,1,1if rs.recordcount0 thenpage=int(request(page)rs.PageSize=10pagecount=rs.pagesizeif page(编号:)调用代码：<script language="javascript" src="ggjs.asp?id=&ttt=1"></script>a href=admin_gg.asp?editid=修改a onclick=if(confirm(您确定删除吗?此操作将不能恢复!)return true;return false; href=admin

29、_gg.asp?delid=删除%rs.movenextif rs.eof then exit fornextelse Response.Write 暂无公告end if5.3 留言版块的功能实现5.3.1留言版块的设计留言版块属于“联系我们”页面，访问本网站的人选择 “联系我们”，在本网站留言，取得我们在网站预先留下的联系方式，如电话号码或qq号码，和本站取得长期联系，咨询更多详细的信息。联系我们版块的界面如下图： 图 联系我们版块界面联系我们版块界面实现代码如下：公告: 用户名: input name=name type=text value= size=30 密码: input name=oldpass type=pas