邢钢内网网站系统改版设计及实现

摘 要：邢钢内网网站初建时，系统采用当时流行的ASP+ACCESS技术，随着网站应用不断深入及信息量的逐年增加，系统存在的问题也逐渐显现。基于对现有网站的分析，提出了使用内容管理系统（CMS）来构建一个企业级网站的解决方案。详细介绍了网站前台展示技术和后台内容管理系统相关理论和技术。

关键词：jQuery div CSS CMS内容管理系统

中图分类号：TP393 文献标识码：A 文章编号：1672-3791（2016）09（a）-0018-02

邢钢内网网站随着网站应用不断深入及信息量的逐年增加，系统存在的问题逐渐呈现，主要表现在：（1）网站采用ACCESS小型数据库，一般百兆以上性能会变差，当同时在线人数多时，就会出现网页打不开、http 500错误。（2）自主开发的网站系统，代码不优化、运行效率低。（3）网站各栏目是按公司业务部室需求独自建立的系统，各个系统管理后台不能互通，导致信息之间无法共享。在这种情况下，对现有网站系统进行改版势在必行。

1 系统设计与实现

1.1 设计思想

基于对网站的现状分析，提出改版设计思想：（1）使用专业CMS系统重建网站架构，做到一站式管理。（2）网站设计须统一、简洁、专业，各子栏目统一风格，重点栏目在统一风格的基础上突出栏目特色。（3）便于导航，栏目结构清晰，各栏目互通互联，使用户可以迅速搜索到相关内容。（4）合理使用flash和Javascript等前端技术，创造更好的浏览体验和前端效果。（5）使用优化的DIV+CSS模式减少代码量，提高运行效率。（6）嵌入数据调用接口，实现ERP业务数据查询。

1.2 web前台展示技术

为实现网站首页banner图片切换、形象展示FLASH以及二级页面图片切换，使用flash+XML、jQuery动态技术实现与后台数据交互，便于更新维护，同时使页面结构清晰，并提高访问速度。

1.2.1 jQuery动态效果与flash+XML技术

（1）jQuery动态技术。

jQuery是一个“写得更少，但做得更多”的轻量级JavaScript 库。使用jQuery需要下载，然后把它包含在希望使用的网页中。jQuery兼容CSS3和各种浏览器，使用户更方便地处理HTML、events、实现动画效果，并且为网站提供AJAX交互。jQuery不用在html里插入一堆js调用命令，只需定义id，即可使用户实现html页代码和内容分离。

（2）flash+XML技术。

Flash是交互式矢量图和Web动画的标准，使用Flash可创作既漂亮又可改变尺寸的导航界面及其他特效。XML是可扩展标记语言，可用来标记数据、定义数据类型，是一种允许用户对标记语言进行定义的源语言。flash+XML是xml在flash平面设计中的应用。XML和flash一起使用时，XML就相当于临时存储数据的文本，flash会读取里面的信息，达到动画制作效果，更新FLASH时，只需修改XML文件即可。

1.2.2 Div+CSS技术

（1）什么是DIV+CSS。

DIV是HTML标记中的一个块级元素，可以为HTML文档内大块的内容提供结构和背景，起始标记“”和结束标记“