利用成熟技术构建低成本多功能的职业技术学校网站-新闻--江油矿机技校

利用成熟技术构建低成本多功能的职业技术学校网站

作者：张健

摘要

随着现代职业教育的迅速发展，将网络技术应用到学校的现代化建设中是全新发展方向。学校需要对外展示自身的特点，校园内的教师和学生需要进行有效的沟通，教师之间也需要进行专业技术的讨论，分配出去的老生需要利用一个有效的平台进行交流，学校的管理也需要多元化、信息化，这些需求都需要通过一个可以在国际互联网上进行访问的学校网站来实现。

校园网的主要任务是基于WEB在Internet上构建一个面向所有学生和教师的交流平台。同时针对我校是一所机械电子类的职业技术学校，部门和专业比较多、学生的素质普遍不高的特点，力求在内容和功能上都满足了这一独特的需要。
利用成熟的PHP和ASP技术开发的校园网站，实现了网站的动态管理，使得对网站的管理更加及时、高效，提高了工作效率。本文主要是在设计的基础上，通过对以下几个方面：网站的需求分析，网站的详细设计与分析等几个方面来阐述。同时对系统的开发原理、系统的功能特点和设计方案进行了介绍。

关键词：校园网站；论坛；博客；同学录；学籍管理；留言薄

第一章绪论

§1.1选题的目的和意义

随着Internet的普及，越来越多的学校、企业、单位建立了自己的WWW网站，学校通过网站可以展示自身发展，发布最新动态，与学生进行交流和沟通，与合作伙伴建立联系，以及开展网络办公等。

构建校园网站有着极其重要的现实意义。一方面校园内的广大学生、老师、以及工作人员，加上走入社会的学生，人数众多，他们需要进行有效地交流平台，是一个十分庞大的需求群体。但许多学校却没有建立相应的平台。另一方面；校园内的群体又有着自己独特的特点。比如：因为需求群体中，人数最多的是学生。学生是学校的基础，学校需要了解他们的心理动态、学习需要等，学生也需要了解教师和学校的发展。分配出击走向社会的老生们也需要进行交流和互通信息，学校也需要及时掌握这些学生走入社会后的变化。

学校对学生的学籍管理是一个比较繁琐的工作，需要一种更加合理的管理方式。利用网站可以让全校所有的班主任和任课教师都成为学籍管理的一员，很大程度上实现了学籍管理的动态化和信息化，减轻了管理强度，提高了效率。

另外，许多学生不会使用网络，或者只会在网上打游戏和聊天，这些情况都需要及时进行处理，让网站起到帮助学生学到有用的网络知识，为学生打造健康向上的网络环境的功效，而一般的娱乐性网站无法实现这样的需要。

这些因素，都决定着校园网的现实意义，实用价值以及具有相当大的可行性。它担负着多层作用，一方面可以用来动态发布有关信息，一方面可以为师生提供交流的平台、一方面可以为学生提供有益的学习功能，从而吸引学生，扩大用户群。

§1.2选题的技术要求

要实现一个多功能的网站，没有雄厚的资金加上一支技术成熟且经验丰富的开发团队是很难做到的，但是很多学校都不具备这样的条件。那么就只能在如何利用现成的技术条件下实现网站功能的基础上下功夫。现在PHP和ASP技术在国内都十分成熟，有许多现成的源程序可以借鉴。同时还有许多提供这方面服务的虚拟主机商。这些都为打造底成本、高质量的学校网站奠定了基础。

在此次的设计中设计者主要做的工作是实现校园网站的所有功能。为了很好的完成自己的工作，设计者首先考虑了校园网站应该出现的是怎么样的一些功能。并且根据这些功能的类型，将网站划分为几个大的模块。为了更好的体现出网站的全面性，设计者收集了多达四十多种源程序进行比较。并且很好的将这些源程序放进虚拟空间里顺利的展示给所有浏览网站的用户。此外，设计者在网站中特意增加的博客一项，使得用户可以在网站上建立私人的个人主页，提高了用户的使用乐趣，同时为丰富网站内容起到了关键作用。这不仅是校园网所应该具有的特殊性，也是本网站更加人性化设计的重要体现。

设计者也不能完全依赖成熟的技术，必须有足够的网页设计功底，才能把众多的功能在网站内合理的进行分配、融合。同时需要有一定的PS功力、数据库知识和动画设计基础，才可以顺利的设计和实施。

第二章网站需要分析

§2.1问题定义

项目：PHP＋ASP平台下的校园网站

需求：

（1） 一个支持PHP和ASP的虚拟主机，性能稳定，支持FTP文件管理和数据库管理。

（2） 用户能够随时随地方便的访问。

（3） 功能强大，操作方便，快速稳定，高负载，容易管理的论坛。

（4） 简单实用的留言薄。

（5） 界面美观，速度快的同学录。

（6） 容易上手，功能强大的博客。

（7） 适合职业技术学校的功能强大的学籍管理系统。

§2.2解决方案

根据所提出的问题，解决方案如下：

1、目前国内的虚拟主机商很多，可是同时支持PHP和ASP的很少。经过多方比较，选择了一个大小为1G，支持PHP＋MYSQL和ASP＋ACCESS的虚拟主机，不限并发IIS数，价格适中。适合我校的实际情况。

2、为了用户能够随时随地方便的访问，购买了一个国际域名：www.myckjx.com（myckjx为“绵阳川矿技校”的缩写），然后绑定到虚报主机。

3、论坛选择目前流行的PHP＋MYSQL论坛系统，论坛最需要的就是速度，MYSQL数据库的最大的特点就是速度快。PHPWIND是国内知名的开源免费论坛。

4、留言本的选择现在网上到处都有下载，应该不成为题。关键是简单实用的就行。采用PHP＋TXT文本。

5、国内目前开发同学录最好的是ASP＋ACCESS同学录，决定采用风月大学版同学录。可以将班级按主要是进行划分，比较适合职业学校。

6、博客是目前流行的个人主页平台，选择与PHPWIDN配套的PWBLOG是最佳选择。它和论坛可以紧密结合，用户一次注册就可以跨平台登录。

7、学籍管理采用目前最成熟的动易学籍管理系统，ASP＋ACCESS，功能强大，管理简单。
§2.3网站架构图

文件目录：

|---wwwroot (服务器根目录)

Index.php (首页)

＋---phpwind (论坛目录)

＋---blog (博客目录)

＋---liuyan (留言薄目录)

＋---PowerEasy （学籍管理目录）

＋---tongxue (同学录目录)

第三章网站的设计与实现

§3.1主页设计

主页设计是整个网站的基础，一个漂亮、简洁，结构合理的首页是必须的。用户通过主页可以清楚的了解到整个网站的功能。同时，学校的新闻、公告等内容也必须发布的主页上。设计者整个首页采用PHP语言编写，分上、下两栏。上栏为菜单栏，用于向用户显示网站的Logo以及全部功能；下栏又分为左栏和右栏，左栏为内容发布栏；右栏为辅助栏，显示公告、专题、在线调查等内容。

在主页上要尽可能详尽地展示学校网站的内容和功能，让使用者能够快速准确地找到他需要的东西，并对所有功能有一个全面的了解。所以首页在设计上遵循的理念是：简洁、美观。同时要通过首页上的图片和文字向使用者快速传达单位的性质特点，学校的首页就不能太过花哨，严肃而活泼是主基调。

首页上除了放一些学校的新闻和资料外，也要适当地加入一些对青少年成长有益的东西，比如可以设计一些专题栏目，如：青年学生爱国主义教育专题、心理健康专题等。就目前职中生中普遍存在的综合素质差的现状进行教育和讨论。

§3.2留言薄设计

留言薄主要是学生与学校进行简单的文字交流或发布信息。

一般情况下学校网站的留言本使用频率是十分高的，学生们喜欢通过留言本来表达情绪或者发布信息。而且游客们也喜欢通过看留言本来了解学校的风貌，所以留言本在一定程度上成了学校的窗口。这时候管理好留言本，尤其是管好大家的‘嘴’就显得重要起来。一些网站就是因为对留言管理不严而导致被网监部门处罚甚至关闭。可以通过下列手段管理：

１、设计中界面尽量简单，同时为避免出现学生相互攻击的情况，留言薄取消了回复功能，只有管理员能够回复。２、通过修改程序屏蔽掉一些管理禁止的词语，在发出留言之前程序会自动对内容进行过滤，发现有管理员禁止的词语就拒绝发布并告知用户。其中第二步很重要，如果有一个学生发了不文明的语言，很快就会形成连锁反应，而管理员不可能24小时进行管理，这时候屏蔽程序就成了管理员的帮手。

<屏蔽程序主体>

<td colspan="4">已有的要过滤的词语列表</td>

</tr>

</tr>

</tr>

……….

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</table>

<tr>

<td bgcolor="#FFFFFF">添加要过滤的词语（将不允许访问者的发言中带有这些词语)</td>

</tr>

<tr>

<td bgcolor="#FFFFFF">词语：

</td>

</tr>

<tr>

</td>

</tr>

</table>

效果如下图：

§3.3论坛设计

论坛（BBS）是学校网站极为重要的一个内容，通过论坛可以让所有师生畅所欲言，发表对学校以及各种问题的看法，还可以进行专业知识的学习讨论。采用PHP＋MYSQL构建的PHPWIND论坛具有速度快的特点，是构建论坛的很好选择。安装PHPWIND源程序后，就需要设计者进行学校的特点进行风格设计、板块设置、管理数据等工作。这里面需要用到Photoshop、Flash、mysql数据库的相关知识。论坛的主要使用者是学生，风格的活泼大方显得很重要。板块的设置也要尽量的附合学生的口味，同是还要起到正确引导学生的作用。

不同的学校可以根据自己的特点选用不同类型的论坛，比如很多学校使用Asp构建的论坛也是不错的选择。如果觉得有留言本已经足够，就不需要再安装论坛。论坛的管理比留言本来更加复杂，所以到底用不用论坛全看学校的需要而定。如果是规模比较大的学校，学生宿舍里很多都有电脑，建议使用论坛并鼓励学生多用论坛，这样会让网站显得更加具有学术和民主的气氛。

学生进入论坛来主要是想与其它人进行交流和发表自己的观点，是一个学生休闲的场所，所以没有必要把论坛搞得太官方化。比如这时候如果在Top加一幅学校的Logo的确可以让人一目了然，但是会让学生觉得不太自由。所以我把校名放到了底部，这样即不失分寸同时也显得轻松自然。

论坛Top图片

论坛Footer图片

版块设置

版块可以根据学生的喜好进行设置，但并不是越多越好，如果论坛没有人气，版块多了反而显得多余。同时版块越多，管理的难度就越大，如果找不到足够多负责任的版主，管理起来也是一件头痛的事。

现在很多人喜欢在论坛上加上很多插件功能，像什么结婚插件、打工插件、许愿插件、游戏插件等等，其实没什么实际用处，论坛的本质就是一个发贴子的工具。吸引人气关键是看内容而非功能，所以在论坛中营造一个和谐的氛围同时多加入一些吸引学生眼球的内容才是关键。

§3.4博客设计

博客是目前十分流行的个人主页系统。通过学习博客，可以让学生了解到实用的计算机网络知识。丰富他们上网的范围，不再局限于游戏和聊天。从这个意义上讲，博客是提高学校网站人气一个很重要的功能。LXBLOG是PHPWIND的姊妹软件，二者可以高度结合，共享数据，这样不但方便了用户，也减少了空间文件量。

同时学校的教师也可以利用互联网新兴的“零壁垒”的博客（blog）技术，以文字、多媒体等方式，将自己日常的生活感悟、教学心得、教案设计、课堂实录、课件等上传发表，超越传统时空局限（课堂范畴、讲课时间等），促进教师个人隐性知识显性化，并让全社会可以共享知识和思想。笔者认为，随着我校教师博客的逐渐普及，将在传统基于课堂教学的“教堂式教育模式”之外，催生出真正开放的“集市式教育模式”，推动我校职业教育事业的进步。

博客首页

另外，利用博客还可以使网站的内容得到充实。职业学校专业和部门众多，如果每个部门的内容都需要管理者添加的话，十分烦琐。可以在首页上建立每个部门和教研组的博客链接，这样就可以让每个部门自行添加内容，极大地丰富了内容，同时也更加具有人性化。各部门可以用博客展示自己的部门特点，以及发布一些相关信息，这样比直接在网站首页上发布更加方便，学生使用起来也感觉更加亲切。

教务科的博客

招生分配科的博客

§3.5同学录设计

作为一个学校这样的教育类性质的网站，同学录是一个具有代表性的功能。利用同学录，学生之间、学生和老师之间可以方便地和交流，是网站人性化设计的重要一部分。同时，有了同学录，可以让学生对学校、对学校的网站产生一定的好感和依赖性，将来很长一段时间都会访问网站，为网站留住人气也是必不可少的。风月同学录是目前使用十分广泛的同学录系统，采用ASP＋ACCESS构建。

同学录首页

班级页面

就算学校不建同学录，学生们很多也会到各大网站建立自己班级的同学录，经过了解，在我校同学录建立之前，很多学生都到ChinaRen.com和网易建了同学录。既然如此，学校何不自己建一个呢？网站更有人气了不是更好么？不过如果许多学生上传照片的话，的确是一件麻烦的事，要照顾到虚拟主机的容量限制问题，所以把图片大小限定在一个适当的范围内是必须的，个人认为150k～200k是不错的选择。

§3.6学籍管理设计

动易的学籍管理系统是目前最好用的ASP学籍系统，与动易建站系统配套。但是我校已经有自己的主页，所以只取其中的学籍管理模块。需要对源程序进行比较大的改写。首先是由原先的动易主页登录变为现在的直接登录学籍系统，如图。

其次，因为不需要动易的其它模块，所以需要对后台进行改写，去除左侧菜单栏里多余的内容，只保留学籍管理菜单。右侧的管理页面也只保留学籍管理界面。如图：

另外还需要在前台增加一个让学生查询成绩的模块，这样学生就可以通过输入自己的学号、姓名、出生日期后查询成绩。家长也可以通过这个功能了解孩子的学习成绩。

许多人觉得在网站做学籍管理的功能用处不大而且没有安全性。我并不赞同这样的观点，首先是利用Web进行自动化办公已经是21世纪最前沿最流行的趋势，如果还在像以前只是在办公室里进行管理或者在局域网内管理，的确是保证了安全性，但是缺点也是很明显的，无法在更大的范围内与其它人共享数据，学生也无法在异地查询自己的资料，这显然是得不偿失的做法。如果感觉安全性得不到保障，有个最有效的办法，每个星期用FTP备份一遍数据就行了，养成习惯之后你将体会到这是一个很好的习惯，因为就算是局域网也无法做百分之百的安全。

第四章　网站功能指标测试

　　此次校园网站的制作顺利结束，通过一系列成熟技术的应用，网站的设计功能基本都能实现。但是存在着管理起来难度大的问题，为了提高网站的交互性，因此广泛采用了动态的程序设计语言和数控库。而交互式网站的最大问题就是管理难度大。

　　每一个浏览者都可以在网站上留下自己的言论，这样做的好处是可以与学校进行信息的交流。但是坏处就是这些言论当中可能存在一些不文明，甚至是反动的言论，而如果管理者未能及时进行处理，这样就会给网站带来负面影响。严重的时候甚至会被有关部门查封。

　　所以在网站的管理上我校采用以下几种方法：

　　１、设计留言薄不文明用语的过滤功能，将不文明用语屏蔽掉；

　　２、论坛设管理员一名，版主若干，对论坛进行24小时有效管理，一旦发现有恶意留言的用户立即进行处理。

　　３、博客、同学录也各设管理员一名进行管理。

经过长达一年多的实际运行，这套网站系统情况良好。论坛已经六百多注册用户，数据库运行平稳；留言薄已有三百多条留言，速度很快，看来TXT数据的表现也还是不错的；同学录已建立班级近八十多个，注册学生四百多名，照片上传正常，数据库运行平稳；博客已有用户三十多个，运行情况完全正常；学籍管理系统已经录入近二十个班的学生资料和二次期末考试的成绩，录入、查询、打印等功能一切正常。

整体看来，采用上述方法建立的学校多功能网站是一套相当成熟可靠的系统。具有投入少、功能多、运行速度快等特点。

第五章总结

在选择做这次设计的时候，我就为自己定下了投入少、功能全的设计目标，并一直按照这样的思路进行设计。除了国际域名和虚拟主机的费用，没有在软件开发上光一分钱，这也得益于现在PHP和ASP免费软件在国内蓬勃发展。现在剩下的唯一问题只是如何将这套系统的功能正常稳定的发挥出来，并且做到完善的日常管理。

设计之初也确实遇到过很多常人难以想象的困难，比如在选择虚拟主机时最初走的是使用免费空间的路子。结果好不容易做好一个站，空间就关门了，造成数据彻底丢失！然后又买了一个差劲的收费空间，半年后人家取消了服务，也造成许多数据的丢失。所以我得出结论，不管做什么类型的网站，要么自己建立服务器，要么就买信得过的空间，这方面真是一分钱一分货，不能一味图便宜。

还比如在选择源程序的问题上也吃了很多苦头。论坛刚刚开始时用的是ckong论坛，功能少，速度还慢，做了几个月才觉悟，转到做phpwind，之前做的所有风格和模版全都把废了。同学录也换了3个后才找到目前的风月同学录；留言薄换了两个；学籍管理系统更是数不清换了多少个。

还有各个系统在使用时遇到的各种数不清的问题，比如在做论坛首页调用时，导致无法访问，只能重新做。BLOG曾经打不开，研究了很久才发现是GZIP 压缩输出的问题。前后经过半年多的努力给网站建立了基本框架，再经过一年左右的时间进行完善的升级，才有了今天这样的效果。在建站的过程中，我学到了很多有用的知识，以前不太熟悉的图片制作和动画制作也有了很大的提高。更重要的是在这个过程在遇到了很多预想不到的困难，我也经过不懈的努力一一克服，这对我的帮助最大，让我认识到不论做什么事，只要尽力去做，不怕困难，都一定能做好。我想我所学到的这些东西，今后都可以用到教育学生上，把我的经验和教训传授给学生，让他们少走弯路，尽到一个教师的职责。

在整个网站的建设中，我的网页设计能力，程序读写能力，图片制作能力，系统设计能力都得到了前所未有的提高。学会了熟练使用的软件就有：Photoshop、ImageReady、Flash、Dreamweaver、phpMyadmin、Apach、EditPlus、Ftp等，学会了PHP语言和ASP语言，学会了MYSQL数据库和Access数据库，学到的网络知识更是多不胜数。同时也结交了很多精于网站制作的朋友。

这次毕业设计让我所得到的东西，会让我终身受用！

致谢

学校网站设计终于完成了。在做设计的这一年多时间里，我经历了许多，有困难挡路而止步不前的郁闷，有攻克难关的喜悦，有热心的朋友耐心的指导给我的感动，也有同事之间无私的帮助那分友谊。这次网站设计，我收获的不止是更多更新的知识，更收获了对待工作认真负责的态度和面对困难不言放弃的精神。我要衷心的感谢我的夫人陈军，总是不厌其烦地听我滔滔不绝地胡言乱语，忍受半夜被我吵醒。还有蔡行伟老师和韩莉老师，在我的网站设计过程中，没有他真诚地帮助和支持，我走不到现在。同时还要感谢李校长的巨大帮助，没有他的支持，建立网站是不可想象的。还要感谢我所有的学生，在这段时间里充分谅解我疏于对她们的管理。一并感谢在我校所有帮助和鼓励过我的老师们！

参考文献

1、清华大学出版社《HTML网页设计参考手册》…………………张金霞著

2、清华大学出版社《ASP网络编程从入门到精通》…………………顼宇峰马军著

3、人民邮电出版社《PHP与MySQL 5程序设计(