CHECK-IT多语言动态网站系统的设计与实现---毕业论文.doc

1、 本 科 毕 业 论 文 CHECK-IT 多语言 动态网站 系统的 设计与实现 Design and Implement of CHECK-IT Multilingual Dynamic Website System 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 校内指导教师： 年 月 摘 要 互联网的 高速 发展 促进了 信息的全球化， 全球村的概念逐渐成为主流。 尤其是对于 的 IT产业， 对于有国际工作背景的 IT人才的需求日益增加。 在多文化环境中团队合作的能力 ，英文交流的能力， 国际化项目执行能力 都是作为新世纪 IT人才应该培养的能力。 中 -

2、荷信息技术应用能力研发中心 （ China-Holland Educational Competence and Knowledge Center on Information Technology 下文中简称 CHECK-IT）应运而生。CHECK-IT是一个新成立的关注于 培养国际 IT人才的机构（ CHECK-IT具体介绍见 1.1.1）。 以 CHECK-IT机构为背景，我们开发了 “ CHECK-IT网站系统 ”， 主要是为了充分展示 CHECK-IT，搭建互动交流平台， 吸引企业成为合作伙伴，同时吸引中国和荷兰的高校学生加入 CHECK-IT。 “ CHECK-IT网站系统” 包括

3、 主 网站，博客系统，在线聊天系统 ，内容管理系统 (Content Management System，下文中简称 CMS)。 此外， CHECK-IT的宣传与管理也是整体项目的重要组成部分 。 此项目 持续时间为 9个月，自 2009年 9月 起至 2010年 5月 。 本文 侧重于主网站和博客系统和设计和实现， 主要 工作 包括三个方面：第一， 分析 CHECK-IT的 大量信息 ，并以充分展示 CHECK-IT为原则， 组织出一个完整有体系的 信息架构 (Information Structure)；第二 ， 设计 CHECK-IT主网站的层次框架，设计博客系统；第三，完成一个符合 C

4、HECK-IT需求的主网站，以及作为互动交流平台的博客系统。 论文从项目 背景出发 ，介绍系统开发的背景和价值 。然后介绍 了网站系统的总框架， 具体到主网站和博客系统的信息框架、界面等多方面的设计。再次，论文详细阐释 了 CHECK-IT动态网站的 实现，包括 内容界面动态解析与显示 等多个功能点的实现 ，随后介绍了博客系统借助 WordPress MU工具的实现 。 最后，论文讲述了 CHECK-IT目前的工作进展和作者的感受 。 关键词： CHECK-IT； 多语言动态网站 ； 博客 Abstract CHECK-IT(China-Holland Educational Competen

5、ce and Knowledge Center on Information Technology) focuses on developing IT talent. (more details of CHECK-IT is in 1.1.1).With CHECK-IT as background. CHECK-IT Website System Project is the first project for CHECK-IT. The main purpose is to introduce CHECK-IT and build up a platform where members o

6、f CHECK-IT can communicate with each other, also to attract companies to become partners and attract more students from China and Holland to join CHECK-IT. CHECK-IT Website System consists of several parts: CHECK-IT Website, Blog system, online Chat system, Content Management System. Besides, The ma

7、nagement of CHECK-IT and promotion are also important parts of this whole project. This project lasts 9 months, since September 2009 until May 2010.This paper focus on the design and implement of Website and Blog system. The main content include three parts: Firstly, analysis of information of CHECK

8、-It is based on the principle of displaying the CHECK-IT as best as possible .The product is the logic information structure which contains all the information about CHECK-IT , Secondly, Design of Website, including the structure of Website ,also introduce the design of CHECK-IT Blog system. Thirdly

9、, The Implement of Website which meet the need of CHECK-IT and also the blog system which play the role of being platform of communication within CHECK-IT and with people or companies who are interested in CHECK-IT. This paper starts with background of this project ,then introduce the purpose and va

10、lue of it. Then it comes to Design Phase, which includes the information structure ,interface design and code structure of CHECK-IT website and blog. The Implement Phase interpolate how to implement the Dynamic Website with Parser, and function of bilingual, also investigate the compatibility of Bro

11、wsers. Then, CHECK-IT Blog system is build with the platform called WordPress MU. And last but not least, the current progress of working in CHECK-IT. Key words: CHECK-IT; multilingual Dynamic Website; Blog 目 录 第一章 绪论 . 1 1.1 项目背景 .1 1.1.1 CHECK-IT 介绍 . 1 1.1.1 CHECK-IT 网站系统项目由来及目标 . 2 1.2 论文组织结构 .3

12、 第二章 网站和博客系统设计 . 4 2.1 CHECK-IT 网站系统总体框架 .4 2.2 网站定位和用户分析 .6 2.2.1 网站定位 . 6 2.2.2 用户群体行为分析 . 7 2.3 CHECK-IT 网站信息结构 .10 2.4 网站界面设计 .13 2.4.1 网站页面整体设计 . 13 2.4.2 控件描述 . 15 2.5 网站架构 .18 2.5.1 开发环境 . 18 2.5.2 代码逻辑结构设计 . 19 2.5.3 系统目录划分 . 19 2.6 博客系统设计 .20 2.6.1 系统架构设计 . 20 2.6.2 权限设置 . 22 2.6.3 界面设计 . 2

13、3 2.7 本章小结 .23 第三章 网站和博客系统实现 . 24 3.1 网站内容页面动态解析及显示 .24 3.1.1 数据存储格式规范 . 24 3.1.2 网页解析器总体设计与实现 . 27 3.1.3 网页解析器在网站中的使用 . 31 3.1.4 解析器具体元素的解析 . 32 3.2 多语言支持 .33 3.3 浏览器兼容性 .35 3.3.1 浏览器兼容性问题 . 35 3.3.2 浏览器兼容性的测试方法总结 . 36 3.3.3 兼容多种浏览器的菜单控件 . 38 3.4 博 客系统实现 .40 3.4.1 实现平台介绍 . 40 3.4.2 CHECK-IT 博客系统代码逻

14、辑 . 42 3.4.3 CHECK-IT 博客系统模板和插件 . 43 3.4.4 博客主页实现 . 47 3.5 本章小结 .48 第四章 总结与展望 . 49 4.1 论文总结 .49 4.2 工作总结及展望 .49 参考文献 . 51 致 谢 . 52 Contents Chapter 1 Preface. 1 1.1 Background.1 1.1.1 Introduction of CHECK-IT .1 1.1.1 CHECK-IT Website Project .2 1.2 Structure of this paper .3 Chapter 2 Design of CHE

15、CK-IT Website and Blog . 4 2.1 Structure of CHECK-IT Website Project .4 2.2 Orientation of CHECK-IT Website and Analysis of Users .6 2.2.1 Orientation of CHECK-IT Website.6 2.2.2 Analysis of Users .7 2.3 Information Structure of CHECK-IT Website.10 2.4 Design of Website .13 2.4.1 Interface Design of

16、 Website .13 2.4.2 User Control .15 2.5 Structure of CHECK-IT Webstie .18 2.5.1 Environment.18 2.5.2 Structure of Code .19 2.5.3 System Directory.19 2.6 Design of Blog System.20 2.6.1 Stucture of Blog System .20 2.6.2 Authorization.22 2.6.3 Interface Design .23 2.7 Summary.23 Chapter 3 Implement of

17、CHECK-IT Website and Blog . 24 3.1 Dynamicly Parse and Display Website content .24 3.1.1 Format of Data Storage .24 3.1.2 Design and Implement of Website Parser .27 3.1.3 Use Parser on Website.31 3.1.4 Parse the Website content elements .32 3.2 Multilingual Support .33 3.3 Cross-Browser Compatibilit

18、y .35 3.3.1 Cross-browser Compatibility .35 3.3.2 Summary of Test Methods of Cross-browser Compatibility .36 3.3.3 Menu Control which Supports Cross-browser Compatibility .38 3.4 Implement of CHECK-IT Blog system .40 3.4.1 WordPress MU .40 3.4.2 Structure of Code of Blog .42 3.4.3 Theme and Plugin .

19、43 3.4.4 Implement of Blog Main Page .47 3.5 Summary.48 Chapter 4 Summary and future works . 49 4.1 Summary of this paper .49 4.2 Summary of work and future work.49 References . 51 Acknowledgements. 52 CHECK-IT 多语言动态网站系统的设计与实现 1 第一章 绪论 1.1 项目背景 1.1.1 CHECK-IT 介绍 随着计算机技 的发展， IT 业对于有国际工作背景的 IT人才的需求日益增

20、加。在多文化环境中团队合作的能力，英文交流的能力，都是作为 新世纪 IT 人才应该培养的能力。 CHECK-IT 应运而生。 CHECK-IT 是中 - 荷信息技术应用能力研发中心的简称（ China-Holland Educational Competence and Knowledge Center on Information Technology ）CHECK-IT 是厦门大学软件学院与荷兰五所知名高校合作的结晶，其中这五所荷兰高校都是在荷兰高校中排名前 20 的，这五所高校分别是： (1) 荷兰莱顿大学 (2) 海牙应用科技大学 (3) 莱顿应用科技大学 (4) 南方应用科技大学 (

21、5) 汉恩大学 另有两所机构为 CHECK-IT 提供教育支持和多元文化咨询。它们是： (1) ICLON, 莱顿大学教育研究所 ，荷兰； (2) 厦门大学教育研究院，中国 中荷双方派高年级本科生在 CHECK-IT 中心进行项目实习与开发，并由中荷双方组成的教师指导组共同指导，以培养双方学生的国际合作与交流能力。 在 CHECK-IT 来自荷兰的学生和中国学生进行一对一的项目开发合作，持续二十周，每周五天的工作时间给了中荷双方实习学生和指导老师足够的技术交流时间。在工作之余，同学们还会进行跨文化的学习交流。 CHECK-IT 实习中心坐落于厦门市软件园二期，一个拥有数百 家 IT企业的高新园

22、区。这使得 CHECK-IT 与厦门市众多优秀的软件公司有及时的交流和亲密的接触，也对软件市场有一个真实的感受。实习学生可以在这里接触真实的软件开发项目，并通过这些项目得到近乎市场需求的技能训练。 CHECK-IT 多语言动态网站系统的设计与实现 2 同时， CHECK-IT 提供不同的组合（随工作的量而定）由荷兰和中国学生组成，在信息技术和设计方式团队组合分配如下： (1) 开发商业游戏或者教育类电子游戏； (2) 开发人力资源管理系统； (3) 设计开发多语言多功能网站； (4) 制作多媒体商业宣传片； (5) 构建公司内部网络； (6) 开发机器人系统等等。 1.1.1 CHECK-IT

23、 网站 系统项目 由来 及目标 CHECK-IT 成立于 2009 年 8 月，是一个新成立的机构 ， 成立初的 主要工作包括： (1) 建立全面系统的管理体系 (2) 制定有效可行的 宣传方案 (3) 打造 CHECK-IT 品牌 (4) 建立 CHECK-IT 网站 (5) 建立 CHECK-IT 互动交流平台 CHECK-IT 网站系统 是建立在内容管理系统上的集成了博客系统和在线聊天系统的多语言动态网站系统。此项目是 CHECK-IT 成立起的第一个大型项目，历时 9 个月。其作用渗透到 CHECK-IT 各个方面： (1) 可以将 CHECK-IT 各方面信息通过网站的形式展现出来，

24、是 作为一个机构第一 次 进行 信息整理，并且归类成信息体系 (Information Structure)（见2.2） 。 (2) 企业可以通过网站在线联系 CHECK-IT，申请成为合作伙伴。 (3) 中国和荷兰的学生了解 CHECK-IT，申请加入 ,在不久将来可能会有更多国家的学生加入。 (4) 博客系统可以提供一个给 CHECK-IT 成员的互动交流平台，同时向外界展示 CHECK-IT 内部生活 ，是宣传和交流的重要组成部分。 (5) CHECK-IT 网站系统是 CHECK-IT 品牌的一部分。 CHECK-IT在将来的拓展领域如：“周边产品 展示 ” 、“ 知识库（ Knowl

25、edge Base） ” 、 “客户关系管CHECK-IT 多语言动态网站系统的设计与实现 3 理系统 CRM（ Customer Relationship Management）” 等都可以集成在此系统中，成为在线 CHECK-IT 形象品牌。 1.2 论文组织结构 我的毕业设计结合 CHECK-IT 成立初的大量工作和需要达到的目标，主要贡献在于管理，宣传，主网站建设和博客系统的建设，目前还在参与荷兰 豪氏威马公司（ Huisman）的支付管 理报告系统（ Dashboard for Purchase）。 我 在项目进行过程中， 最初对 CHECK-IT 进行了信息归类，随后对网站和博客系

26、统进行定位和需求分析 ，通过得到的信息架构和需求，设计网站界面。在网站实现过程中，使用 内容管理系统提供的接口，致力于主网站内容界面的动态解析与显示，以及多语言实现。在开发与测试过程中，发现网页菜单在不同浏览器中显示不当，从而研究了浏览器兼容问题并解决了菜单在多浏览器中显示不当问题。 随后的博客系统，作为项目负责人 ，监控项目的进行并且对博客系统进行设计和实现，以及后期的完善和 管理。 本论文共分为五章， 首先介绍了项目总体框架，然后进行网站和博客系统的定位于需求分析。随后 介绍了 设计 阶段的成果 ，包括信息框架，界面设计以及代码结构设计等。在随后的实现阶段，本论文主要介绍了网站内容界面的动态解析 ，多语言的 实现， 并 对借助 WordPress MU工具实现的博客系统进行阐述。 在 开发中碰到了浏览器兼容性问题 ，本论文对浏览器进行研究并且提出了可行的测试和解决方案。