基于CMS的高校学院网站的设计和实现|试点高校网络教育学院的网站

　　在科技高速发展的今天,“让技术走进学校,更好地服务于教育教学”显得尤为重要。学校的信息化建设需要先进的技术,负责或实践这些技术的教师需要开拓视野,需要集思广益,进而结合本区域或本学校的具体情况以高效、节耗的技术促进学校的信息化建设。“校园技术攻略”将围绕上述内容,为读者提供指导、帮助及适时交流。
　　鉴于校园网络的信息化进程不断加快,校园网站作为学校信息化应用的基础平台,日益凸显其重要性。纵观各高校网站及其学院网站,大部分采用了内容管理系统(CMS),整个网站站点的建立只需创建几个页面即可完成,大大提高了网站开发的效率。
　　
　　● 内容管理系统(CMS)
　　1.内容管理系统(CMS)的概念
　　内容管理系统(Content Management System,简称CMS),是一个完整的网站程序,包括网站的前台页面展示和后台网站管理。它具有许多基于模板的优秀设计,可以加快网站开发的速度和减少开发的成本。内容管理系统(CMS)的功能并不只限于文本处理,它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。
　　2.内容管理系统(CMS)建站的优点
　　(1)降低开发难度
　　内容管理系统(CMS)的开发降低了对网站建设者的技术要求。它将模板设计和程序开发完全分开。网站建设者只需要在各页面中调用不同的模板,很容易对网站界面进行创建和修改。利用内容管理系统(CMS)制作网站,无需多强的网站开发能力,只需有制作网页的基本技能,再加上基本熟悉内容管理系统(CMS)的常用标签属性,就可以开发出一个门户网站。
　　(2)方便维护管理
　　内容管理系统(CMS)的基本原理是把整个网站的内容分成不同的部分,而不同的部分又紧密结合在一起,这样便于统一对各部分功能进行管理。它的后台各个选项分类明确,为网站管理人员提供了简单、易用、人性化的操作界面。
　　(3)增加安全保障
　　内容管理系统(CMS)提供了很好的网站安全管理和用户管理,安全管理中提供了像病毒扫描、数据库备份/还原、系统错误修复等功能。用户管理可以方便对用户设置不同的权限,也为网站的后台提供了安全保障。
　　● 内容管理系统(CMS)建设网站的流程
　　1.内容管理系统(CMS)环境搭建
　　目前,内容管理系统(CMS)已有数十种,各自的优劣势不尽相同,选择一种适合自己开发习惯和功能需求的最为重要。笔者使用的是织梦内容管理系统(DedeCMS),DedeCMS是用PHP脚本语言编写的动态网站程序,可运行在Windows、Linux、Unix平台上,它们的运行环境需求如下:
　　(1)Windows平台
　　IIS/Apache+PHP+MySQL,如果在Windows环境中使用,建议用DedeCMS提供的DedeAMPZ套件,从而达到最佳使用性能。
　　(2)Linux/Unix平台
　　Apache+PHP+MySQL(PHP必须在非安全模式下运行),建议使用平台:Linux+Apache2.2+PHP5.2+ MySQL5.0。在安装PHP时,必须选择的环境或必须启用的系统函数分别有:allow_url_fopen、GD扩展库、MySQL扩展库、系统函数phpinfo、dir。四种系统函数在安装CMS时候是必须选择的。
　　笔者选择的是在Windows上安装DedeAMPZ套件,DedeAMPZ是快速配置PHP+MySQL环境的一个整合套件,包含PHP5.2、Apache2.2、MySQL5.0,为安装DedeCMS提供了方便。
　　2. 安装DedeCMS
　　DedeAMPZ安装之后,可以到DedeCMS官方网站上下载DedeCMS安装程序,笔者下载的是一个压缩包,将其解压,然后将upload文件夹中的文件上传到网站的根目录中。下面就是本地安装CMS的过程。
　　首先,在浏览器中输入https://localhost/install/index.hml.php,开始进行安装。然后,阅读协议,选中“同意”选项,点击“继续安装”,这时将跳转到环境检测页面。接着,如果环境检测各选项后面都显示正确,则点击“继续”,开始进入“参数配置”。
　　这里要讲的是数据库用户名为“root”,MySQL数据库默认密码“123456”,其中“CMS安装目录”如果安装在网站根目录就不需要去设置,如果安装在根目录的某个文件夹下则需要进行相应的路径修改,程序也会对此自动检测。完成点击“继续”,登录界面须填写管理员用户名:admin,密码:admin,管理员登录后便完成了DedeCMS的安装工作。
　　3. 认识DedeCMS文件夹
　　DedeCMS中的主要文件说明如下表。
　　
　　4.网站建设
　　(1)网站页面规划
　　网站页面规划主要是对高校学院网站功能的定位,设计出各功能模块在网页中的分布图。作为高校学院网站应当具备显示学院概况的图片和更新学院新闻和通知的基本功能,为此笔者在本阶段介绍建设一个学院网站的最基本的模块,包括网站的主页(index.hml.hml)、列表页(list_article.hml)、内容页(article_article.hml)设计,这也是所有CMS建设网站的三个最基本的页面。这三个基本页面之间的关系图如下页图1,各页面简单规划模板如下页图2。
　　(2)建立自己的站点
　　①网页本地化
　　
　　◇ 根据规划使用Photoshop和Dreamweaver等软件制作网站的首页、列表页、内容页,分别命名为index.hml、list_article.hml、article_article.hml。建好后另存,类型为“网页全部”。
　　◇ 在DedeCMS安装目录中的templets文件夹下新建一个college文件夹,在college文件夹下再新建子文件夹material。
　　◇ 将上面保存的index.hml、list_article.hml、article_ article.hml页面拷贝到college文件夹下,并把这三个文件夹中的所有文件都拷贝到material文件夹下,包括图片、CSS和JS文件等。
　　②修改网页标签
　　用Dreamvever打开index.hml,由于网页中的链接文件路径已经修改,网页不能正确显示图片和CSS样式等,使得页面非常不美观,因此需要对连接的路径进行修改,修改的方法是将网页中的全部替换为:。这样网页就能正常显示了。
　　分别对list_article.hml、article_article.hml两个页面也进行相同的设置。由于这里设计的三个网页都是有共同的头部和底部,为了方便,笔者在college文件夹下新建两个网页,分别命名为:head.hml、footer.hml。再在Dreamweaver中打开这两个空白的网页,将index.hml中的头部和底部分别剪切覆盖head.hmler和footer.hml中的内容。这样college文件夹中共有5个页面,分别是index.hml、list_article.hml、article_ article.hml、head.hml、footer.hml。为了能在后台中对网站进行管理和文章内容等的更新,下面就分别在这五个页面中修改标签。
　　◇ 修改head.hml页面。
　　因为网站的导航栏可能是要时常更改的,所以应该对菜单栏添加标签,将原有的导航删除添加如下代码:
　　
　　主页
　　{dede:channel type="top" row="10" currentstyle="
　　typename
　　"}
　　
　　[field:typename/]
　　{/dede:channel}
　　在覆盖的过程中需要注意,一定删除单元格中的全部内容,之后在合适的位置进行覆盖。
　　◇ 修改footer.hml页面。
　　因为是学院的网站,这里面的内容不需要经常更新。如修改,则可以将copyright中的内容改为{dede:global.cfg_powerby/}和{dede:global.cfg_beian/}即可,这样就可以在后台中动态修改了。
　　◇ 修改index.hml页面。
　　按照页面规划模板图,设计首页需要修改的标签如下:
　　在body中添加{dede:include filename="head.hml.html"/}和{dede:include filename="footer.hml.html"/},直接调用head.hml和footer.hml页面。而后,在标题中将… …修改为{dede:global.cfg_webname/}。再找到两处将其中的内容分别修改如下:
　　
　　
　　学院新闻设置则需登录DedeCMS后台,可在任一栏目下新建子类,命名“学院新闻”,因为只需显示文章的标题,可以在index.hml的学院新闻标题下添加如下代码:
　　{dede:arclist row="7" titlelen="24" orderby="pubdate" typeid="7" idlist="" channelid="1"}
　　 [field:textlink/]([field:pubdate function=MyDate("m/d",@me)/])

　　{/dede:arclist}
　　上面代码的各属性意思是调用7条记录,显示1列,按照发布时间排列顺序。Typeid等于多少要根据生成栏目的ID来定。
　　学院公告设置需要登录DedeCMS后台,为了方便记录,在“学院新闻”栏目下再建一个“学院公告”,在此也只需要显示文章的标题,可以在index.hml的学院公告标题下面添加如下的代码:
　　{dede:arclist row="6" titlelen="24" orderby="pubdate" typeid="8" idlist="" channelid="1"}
　　[field:textlink/]([field:pubdate function=MyDate("m/d",@me)/])

　　{/dede:arclist}
　　上面代码的各属性意思是调用6条记录,显示1列,按照发布时间排列顺序。Typeid等于多少要根据生成栏目的ID来定。
　　为了使页面更加紧凑合理,“友情链接”在这里选择下拉式超链接框,这样不仅可以分类清晰,而且节省空间。在DedeCMS后台中选择“模板”/“标签源码管理”,找到友情链接的flink.lib.php文件。在此文件中将[field:link/]改为[field:link/];将$link="url.省略_substr($dbrow/>webname,$titlelen)." ";改为$link="url.省略_substr($dbrow/>webname,$titlelen)." "。
　　修改index.hml页面时,将页面中友情链接的内容改为:
　　
　　// 友情链接 //
　　{dede:flink row="24" typeid="1" /}[4]
　　其中{dede:flink row="24"/}中row="24"是链接数量为24条。
　　登录DedeCMS后台,在“学院新闻”栏目下再建一个“最新图片”,如在此需要显示滚动图片,可以在index.hml的浮动图片展示标题下面添加如下代码:
　　{dede:arclist row="4" titlelen="24" orderby="pubdate" typeid="7" idlist="" channelid="1" imgheight=" 115" img width=" 170"}
　　
　　
　　
　　[field:imglink/]
　　
　　[field:textlink/]
　　{/dede:arclist}
　　◇ 修改list_article.hml页面。
　　如果使用Dreamweaver打开该页面,剪切掉该页面中的头部和脚部,在body中添加标签{dede:include filename="head.hml.html"/}和{dede:include filename="footer.hml.html"/},直接调用head.hml和footer.hml页面。如果需在列表页中能显示当前的位置,则要添加如下标签:{dede:field name="position"/}。如果某个栏目下的文章标题可以通过列表显示出来,添加的标签如下:{dede:pagelist listitem="info,index.hml,end,pre,next,pageno,option" listsize="5"/}。
　　◇ 修改article_ article.hml页面。
　　使用Dreamweaver打开该页面,剪切掉该页面中的头部和脚部,在body中添加标签:
　　{dede:include filename="head.hml.html"/}和{dede:include filename="footer.hml.html"/},直接调用head.hml和footer.hml页面。此页面与list_article.hml页面一样可以添加标签:{dede:field name="position"/},显示内容页文章题目的标签:{dede:field.title/}。
　　内容页中最重要的就是显示所选择文章的详细内容,添加的标签是:{dede:field.body/},将{dede:prenext get="pre"/}{dede:prenext get="next"/}分别覆盖“上一页”和“下一页”,这样便可以翻页查看相邻文章的内容。
　　到此,规划出来的页面中标签的修改基本完成,将以上修改好的页面进行保存。在修改标签的过程中,可以根据自己网站的需要进行修改,笔者建议学习常用标签的功能和理解每个标签属性的意思,CMS中的标签是完成建站的基础。
　　(3)网站后台设置
　　① 整体参数设计。
　　登录进入DedeCMS后台,选择“系统”/“系统基本参数”,该部分为网站的一些基本的参数,包括站点和网址、网页主页链接、主页链接名、网站名称、模板默认风格、网站版权信息、站点默认关键字等,这里根据需要进行填写。
　　② 生成网站。
　　登录进入DedeCMS后台,选择“生成”/“更新主页HTML”,在选择主页模板浏览框中选择college/index.hml.htm。再“更新主页HTML”,随后使用“一键更新网站”功能即可。这样,根据前面网站页面规划的一个高校学院的网站站点已经基本搭建好。
　　(4) DedeCMS网站管理
　　网站建立好,接下来就是对网站进行管理,DedeCMS的管理划分得比较明确:基本设置、广告管理、友情链接、频道管理、数据库管理、文章管理等。下面介绍在本高校学院网站所涉及的基本的管理。
　　①频道管理。
　　在DedeCMS中频道是系统把某一功能集合在一起,以便调用,也就是说频道是指系统对某一功能模块的集合,如普通文章模块、图片模块、下载模块等,以建设不同的网站内容。
　　②栏目管理。
　　在DedeCMS中栏目是系统频道某一类内容或者几类内容的集合体。在网站中一级栏目显示在导航菜单栏上,二级栏目在页面中适当的地方当作类进行调用。在频道中可以设置多个一级栏目,在一级栏目下又可以增加子类。管理员可以根据频道的需要方便地对栏目进行更改、移动、删除、批量增加栏目等操作。
　　③信息内容管理。
　　21世纪是信息时代,信息内容是一个网站的灵魂。作为高校学院网站,应当及时更新学院的新闻和公告等信息。这里使用DedeCMS建好的高校学院网站能发布文章、图片等。这样,使得网站管理变得非常的方便,管理员可以在网站后台对学院新闻和公告进行更新,而不需要更改网站前台的每个页面。
　　● 总结
　　本文只是从众多CMS中选择了一个开发学院网站中最基本的模块,要使网站的功能更加完善,可以在网站中增加需要的标签。开发一个站点确实是一件繁琐的事情,然而CMS的出现解决了开发人员开发周期长、技术难、重复开发模块等问题,也使得网站管理人员方便管理网站,同时也提高了网站的运行性能。相信随着CMS开源程度的提高和其功能的增加,将会为以后建设高校学院网站提供更加强大的功能。