快捷搜索: 王者荣耀 脱发

CMS系统的页面静态化流程

一、CMS系统的功能

CMS系统就是内容管理系统(Content Management System)。就是管理网站展示内容的系统。

在传统的门户网站或电商网站开发中,我们需要频繁的修改前端展示的内容(如,首页轮播图的图片地址、首页推荐商品的内容等等)。对于这些内容的修改,我们可以让程序员直接修改前端代码来实现,但是工作量巨大,而且还需要频繁的把程序上线下线很容易出差错。

我们也可以使用CMS系统来修改内容。把修改内容这项工作让运营人员来做,让程序员更好的维护网站的功能。这就是CMS系统的功能。

二、CMS系统的工作流程

1)创建站点:

一个网站有很多子站点,比如:门户网站、商品搜索页面、用户个人中心、问答系统、论坛系统等子站点。我们需要对每个子站点进行分别管理,否则容易混淆,比如门户网站和论坛系统可能都有轮播图的页面。具体的哪个页面是归属于具体的站点,所以要管理页面,先要管理页面所属的站点。

2)创建模板+数据模型:

页面如何创建呢?比如电商网站的商品详情页面,每个页面的内容布局、板式是相同的,不同的只是内容数据,这个页 面的布局、板式就是页面模板,模板+数据就组成一个完整的页面,最终要创建一个页面文件需要先定义此页面的 模板,最终拿到页面的数据再结合模板就拼装成一个完整的页面。

数据模型装填在模板上就会形成页面。比如一个轮播图模板 加上 多个图片的url地址和链接地址,就能形成一个可以对外展示的轮播图页面。一个商品详情页模板可以装填相应的某个商品信息数据,就是该商品的商品详情页面。 所以不同的模板对应不同的数据模型。同一个模板的数据模型格式必须相同。

3)创建页面:

创建页面是指填写页面的基本信息,如:页面的站点、页面的名称、页面的url地址、页面的模板、页面的数据等。其中模板和数据是页面的两个关键信息。页面就是模板 + 数据模型,通过静态化技术生成一个页面,当用户请求时,就直接把这个已经生成好的页面响应给用户,不需要业务系统插手。一个模板会对应多个页面。一个模板通过装填不同的数据形成多个页面。

4)页面预览:

页面预览是页面发布前的一项工作,页面预览使用静态化技术根据页面模板和数据生成页面内容,并通过浏览器预 览页面。页面发布前进行页面预览的目是为了保证页面发布后的正确性。

页面预览详细流程:

1.传入一个pageId 页面的id。

2.通过pageId 获取页面的 templateId 模板id 和 model 数据模型。

3.把模板 和 数据模型通过静态化技术合成一个页面。

4.把 这个页面 响应给浏览器 在浏览器端打开。让维护人员进行预览。

5)页面发布:

使用计算机技术将页面发送到页面所在站点的服务器,页面发布成功就可以通过浏览器来访问了。

1. 先将页面静态化,存储在文件系统里。

2. 再将pageId 页面标识 放到消息队列里, rabbitMQ的交换机通过不同的routingKey来放到各个子网站监听的交换机上。

3. 各个子网站监听到消息,就会从 文件系统里 下载 页面,然后保存到 相应的服务器中。然后用户就可以访问到了。

经验分享 程序员 微信小程序 职场和发展