怎样把网站的头尾部分和导航部分作成静态公用？

78 阅读 0 评论 52 点赞

我是靠谱客的博主饱满金针菇，最近开发中收集的这篇文章主要介绍怎样把网站的头尾部分和导航部分作成静态公用？，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

怎样处理好网站的头尾部分和导航部分？这是每个网站都会碰到的问题，为了便于收录和管理，网站的头尾部分和导航部分一般都会做成静态的公用文件。

为什么要作成公用文件？一个网站各个页面的头部、导航、尾部基本都是相同的，如果我们把这些文件都做成公用文件，那么将大大节省了维护成本。

首先，把头尾部分和导航部分作成静态

　　头部文件header和导航menubar往往有两种状态。用户未登录状态，显示的内容是注册、登录等内容。用户已登录状态，显示内容有“欢迎你，某某”、未读消息数等。还有一些特别的导航链接也不一样，比如“会员中心”的链接，未登录时链到登录页面，而已登录状态则链到会员中心首页。

尾部文件footer块的内容是关于、联系方式、版权等内容，直接做成静态文件便可。

其次，怎样处理为公用文件？

　　我们已将这些块做成了静态文件，那么怎么处理这两种状态呢？剩下只能使用js来控制。在登录页面，当验证用户登录成功时向用户电脑写入cookie，比如用户呢称用户ID等信息。如此我们就可以写一段JS读取之前写入的cookie，如果用户信息存在就说明用户已登录，再根据返回的结果以JS动态更改头部文件及导航的内容。这样两种状态就实现了。
　
　其它一些需要注意的问题。
　　
1、大型网站往往有很多二级域名，这些二级域名之间要共用头尾文件，那么就存在了跨域问题。跨域读取cookie，这个解决办法很简单，只要在写入cookie时设置domain为根域名xxx.com，这样所有的二级域都可访问了，甚至三级域名也行。

　　2、这些公用文件一般采用include的包含方式加入到各页面中，但是这种包含只能包含本域名下的文件，那么其它二级域名如何共用一个文件呢？这里又涉及了跨域问题，可以对服务器设置虚拟目录或虚拟路径。比如真实头尾文件存在 [url]www.xxx.com/inc[/url]下，yy.xxx.com域名下的页面怎么包含 [url]www.xxx.com/inc[/url]的文件呢？可以在yy.xxx.com下开一个虚拟目录指向 [url]www.xxx.com[/url]下相应的/inc目录。这样就做成了重用性，改一个 [url]www.xxx.com/inc[/url]下的文件，所有其它域名/inc下相应文件也随之更新了。

(欢迎媒体转载，转载请注明来源：idc评述网 [url]www.idcps.com[/url])

转载于:https://blog.51cto.com/wwwidcpscom/93044