三、界面层(速度提升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