ITMOMO-WSD网站设计系统〔技术白皮书〕 - 图文

三、界面层（速度提升10%）：

1.AJAX技术：采用了AJAX技术，提升了界面响应速度；

2.结构数据与非结构数据分离读取：界面加载的图片完全从磁盘读取技术，未采用二进制图片存取技术，有效的提升了响应速度；

3.缓存技术：采用数组、变量、缓存等技术，减少数据库读取次数，从而大大提长了速度。

1.2. ITMOMO-WSD网站设计系统总体架构

ITMOMO-WSD所采用的APAM(AJAX+PHP＋APACHE＋MYSQL)技术架构，是业界最领先的成熟的基础网站架构和标准，为众多企业所广泛采用，如新浪、百度、淘宝、腾讯等。

ITMOMO-WSD网站架构

从上可见网站架构由系统运行环境、设计系统和网站门户四部分组成。其中： 系统运行环境：是网站运行、设计、发布的基础，由APACHE2应用中间件（应用服务器）、MYSQL数据库及网站设计引擎组成。

设计系统：是网站的功能组件，支持网站设计、搜索、内容管理、网站监控、安全管理等功能，包括基本信息设计系统、网站架构设计系统、网站头设计系统、导航设计系统、栏目设计系统、表结构设计系统、表单设计系统、信息发布系统、在线聊天系统、在线留言系统、全文查询系统、用户权限管理系统、会员注册系

10

统、字典管理系统、网站监控系统。

网站门户：包括公众访问网站使用的网站公众门户和管理员进行网站设计、内容发布管理的网站管理员门户。 1.3. ITMOMO-WSD网站设计系统组成 1.3.1. 网站设计系统

要建设的是一款可以设计的网站。包括对网站基本信息、LOGO、背景、框架、网站眉、网站头、导航、栏目、数据表结构和网站内容发布管理等。如下是通过可视化技术为用户设计的不同风格的网站示例（未编写代码）：

11

网站设计效果图截图

1.3.1.1. 网站基本信息设置

网站基本信息设置主要是设置你的网站的相关基本信息，包括网站的名称、LOGO、URL地址、介绍和网站默认显示模式（包括WINDOW桌面模式和网页模式等），这决定网友进入你的网站的第一映像，亦便于浏览者了解你的网站是干什么的。

系统基本信息设置窗口截图

12

1.3.1.2. 网站背景及框架设计

你是不是看到很各大网站在不同节日有不同的背景，如QQ空间等还可以随意修改背景。ITMOMO将两者有效结合，你可以设计你的网站框架和背景。包括网站宽度、网站内容位置、背景图、背景色等。背景图还可以设置其是否重复显示。

“背景及框架设计”是网站设计的第一步，即搭网站的架子和主要风格，包括网站宽度、位置、背景图、背景色、背景图显示是否重复等。

图 1网站宽度、背景图、背景色说明图

13