用ASP和嵌入式eWebEditor实现系网站的快速开发

【 tulaoshi.com - Web开发 】

　　在当今信息社会，各单位都进行信息化改造以顺应社会发展趋势，使自己在激烈的竞争中立于不败之地。电子政务、电子商务在中国如火如荼的开展。高校网站在信息化改造中起了排头兵的作用。高校网站总体架构之下是各个系（学院）或部门网站。系（学院）网站是高校网站重要的子系统。

　　 目前高校系（学院）网站的开发大部分采用IIS+ASP+database[1]组合，database一般选用Access, 比如山东师范大学管理与经济学院网站、东华理工大学信息工程学院网站、广东工业大学自动化学院网站等。

　　 通过采用IIS+ASP+Access开发架构，借助小旋风AspWeb服务器2005以及eWebEditor在线编辑器等辅助开发工具，实现了菏泽学院经济系网站的快速开发。只需在程序中更改文件夹路径便可轻松移植给其他系使用。整个网站开发工程分为程序设计和美工设计两大部分。嵌入eWebEditor编辑器，程序设计仅用1天时间便可完成。页面的美工设计包括首页设计、图像处理、动画设计等，此设计也仅需12天即可完成。从而实现了高效的网站开发。

　　 下面以 经济系网站的开发为例，讲述该系网站的快速开发过程。

　　1 网站功能模块的分析与设计

　　 网站系统从模块上可以分为2大部分：前台页面显示模块、后台系统管理模块。

　　前台页面显示模块主要完成用户可以浏览到的页面的设计工作，页面显示所用的数据要从后台数据库或专用数据文件夹中获取；后台系统管理模块主要完成后台数据库的维护以及数据文件的上传工作。经济系网站功能模块设计图如图1所示。

　　图1 经济系网站功能模块设计图

　　1.1 前台页面显示模块

　　1.1.1导航菜单的设计

　　 根据菜单的性质，导航菜单可以分为2类：单页类和新闻页类。单页类是指该导航菜单对应的内容可以用一个ASP页面显示；新闻页类是指该导航菜单对应的内容需要多个ASP页面显示。

　　 根据系情，导航菜单共分7个：系情概况、专业设置、师资力量、新闻与通知、学生工作、教学管理、学术科研。导航菜单可以用最终菜单项列表显示的样式，或者采用二级菜单、三级菜单的样式都可以。由于经济系的菜单栏目不多，因此我们采用了最终菜单项列表显示的样式，具有简单明晰的效果。对于系情概况、专业设置、师资力量等菜单对应的内容，可以用1个ASP页面显示，可以归为单页类导航菜单。对于新闻与通知、学生工作、教学管理、学术科研等菜单对应的内容需要用多个ASP页面显示，可以归为新闻页类导航菜单。

　　1.1.2 显示内容的设计

　　 显示内容的设计主要包括：首页的设计、单页类导航菜单的显示设计、新闻页类导航菜单的显示设计。

　　 首页的设计主要包括：首页标志图片或动画的设计、首页显示内容的设计以及其他显示细节的设计。首页标志图片或动画一般用可以反映系里特色的素材来制作，然后注上单位名称。图片处理可使用Photoshop,动画设计可以使用Flash。首页显示内容，我们显示了需要经常更新查看的新闻与通知栏目、学生工作栏目、教学管理栏目。其他显示内容，如滚动通知、友情链接、最新消息主要是为了美观和方便。点击单页类导航菜单，直接显示菜单的具体内容。点击新闻页类的导航菜单显示的是新闻标题的列表，点击标题可以看到详细的内容。

　　1.2 后台系统管理模块

　　1.2.1 后台管理模块的分类

　　 后台管理模块分成了4个子模块来设计：用户管理，栏目管理，单页管理，新闻管理。在用户管理模块中，可以修改网站维护人员的用户名和密码。在栏目管理模块中，可以添加删除网站首页中的菜单项目。单页管理可以发布单页类菜单的内容。新闻管理可以发布新闻类菜单对应的内容。添加新闻的时候要选择新闻类别，比如新闻与通知、学生工作、教学管理等。

　　1.2.2 数据库的设计

　　 数据库名称命名为#ESCMS#。在这个数据库中，共设计了4个表[6]，分别辅助完成后台管理模块4个子模块的功能。System表字段有sys_user（用户名）, sys_password（用户密码）。System表用来存储网站维护人员的用户名和密码，密码用MD5算法加密，以防止打开数据库被人看到密码。Type表的字段有type_id(菜单编号)、type_name(菜单名称)、type_classify（菜单类别，单页还是新闻页）、type_url(菜单对应的asp页面)。News表的字段有news_id(新闻编号)、news_title(新闻标题)、news_type(新闻类别，比如属于新闻与通知还是学生工作)、news_content(新闻内容)、news_date(新闻发布时间)、news_count(新闻点击次数)。News表存储了所有的新闻内容，点击新闻类菜单时，会显示属于该菜单类别的所有新闻。About表字段有about_id(自动号)、　about_name

　　(单页菜单名称)、about_content(单页菜单内容)。About表用来存储单页类菜单的内容。

　　1.2.3 嵌入eWebEditor快速发布新闻

　　 eWebEditor是基于浏览器的、所见即所得的在线HTML编辑器。她能够在网页上实现许多桌面编辑软件（如：Word）所具有的强大可视编辑功能。Web开发人员可以用她把传统的多行文本输入框textarea替换为可视化的富文本输入框，使最终用户可以可视化的发布HTML格式的网页内容[5]。使用eWebEditor发布新闻的界面如图2所示。我们可以很容易的在程序中调用eWebEditor编辑器，实现强大的在线编辑功能，轻松实现文字发布、图片上传、文档上传等常用功能。发布新闻时，只需添加新闻标题，选择新闻类别，然后将发布的内容复制到新闻内容框里面即可，点击图片的按钮还可以轻松上传图片，点击附件的按钮可以轻松上传Word、Excel、PowerPoint以及rar压缩文件包。

　　图2 使用eWebEditor发布新闻

　　1.2.4 路径的设置

　　 网站程序上传到服务器之前，需要正确设置程序的路径，才可以正确运行。以菏泽学院网络中心的服务器为例，每个系的网站都存放在gljg这个文件夹下面，经济系的网站文件存放路gljg/jjx。

　　设计了一个专门的数据库配置文件ESCMS_config.asp，在这个文件里面把Const ESCMS_ROOT_DIR（网站根目录）这个常量的值设为"gljg/jjx",这样数据库才可以访问，页面才可以正确显示。不同的服务器设置方法不同，这是菏泽学院服务器的设置方法。如果一个系网站程序占用一个虚拟主机，则设置Const ESCMS_ROOT_DIR 这个常量的值为""即可。

　　2 结束语

　　 本文以菏泽学院经济系网站的快速开发为例，介绍了整个网站的开发内容。本文创新点主要在于采用了菜单分类技巧，将菜单分为单页类菜单和新闻页类菜单两类，并设计about表和news表分别存储这两类菜单对应的内容，只需设计两个asp程序便可实现所有菜单内容的显示；在代码中嵌入eWebEditor在线编辑器，轻松实现了新闻的发布、图片的上传、文档的上传等工作，不用再编写繁杂的代码来实现这些功能；还有设计了专门的配置文件，只需在文件中改一下路径以及更换一下单位名称，便可将整套网站程序移植给其他系使用，从而大大加快了开发速度，并可以创造一定的经济价值。