织梦(dedecms)仿站教程第五讲-通用头部（一）

最新推荐文章于 2020-06-30 10:47:34 发布

iteye_3606

最新推荐文章于 2020-06-30 10:47:34 发布

阅读量381

点赞数

文章标签： javascript php ViewUI

上一讲修改了页首的代码，这一讲，我们讲通用头部的制作。

首先找到全站共用部分，然后把共用部分放在通用头部head.htm文件中，这样我们可以节省很多的工作量。

开始工作，查找共用部分。我们打开拳击在线，发现全部共用部分是从最顶部到网站搜索那一行，如图所示：

我们在网页代码中查找这一部分代码，将其覆盖到head.htm文件中，替换掉的代码。查找代码这部分任务，需要有一定的HTML知识了，大家有时间还是要看一些HTML的基础知识。

别忘记了，把共用部分复制到head.htm以后，将index.htm文件中的这部分共用代码用

{dede:include filename="head.htm"/}

来替换。然后查看一下前台。如果前台乱了，说明你刚才的步骤出错了，需要重新来过。如果和第三讲时的效果一样，说明你成功了，可以继续仿站工作了。

查看head.htm代码，可以看到，拳击在线的登陆框是调用一个静态文件loginjs.htm，我们找到这个文件。在你保存网页文件的目录中，如下图所示：

打开后，我们发现，这个是个JS文件，我们将其转化业html文件格式。这个好多站长工具提供此服务。

将转换后的代码复制到head.htm中，覆盖如下代码：

接下来就要修改这段代码使之成为织梦的登陆框代码了，这个有点复杂，我们放在下一节单独讲解。

往下走，是加入收藏等链链。找到下面的代码：

<DIV class=login_r>
<A οnclick=window.external.addFavorite(location.href,document.title) href="http://www.quanji.cn/#">加入收藏</A> |
<A href="http://www.heatpress123.net/#">设为首页</A> |
<A href="http://www.huylin.com/e/member/cp/">会员中心</A> |
<A href="http://www.quanji.cn/e/DoInfo/">我要投稿</A> |
<A href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> |
<A href="http://www.quanji.cn/e/web/?type=rss2&classid=0">RSS</A>
</DIV>

修改为：

<DIV class=login_r>
<A href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</A> |
<A href=""οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</A> |
<A href="{dede:global.cfg_cmspath/}/member/">会员中心</A> |
<A href="{dede:global.cfg_cmspath/}/member/article_add.php">我要投稿</A> |
<A href="#">联系我们</A> |
<A href="{dede:global.cfg_dataurl/}/rssmap.html">RSS</A>
</DIV>

代码解释：

{dede:global.cfg_basehost/} 站点根网址在后台系统->系统参数设置->站点根网址处设置。

{dede:global.cfg_webname/} 网站名称在后台系统->系统参数设置->网站名称处设置

联系我们这个链接之所以写为#，是因为我们还没有建这个页面。我们如果添加一个栏目联系我们，那么此处的链接是：

{dede:type typeid='10'}[field:typelink /]{/dede:type}

其中的数字10是联系我们这个栏目的ID。

好了，这一讲内容就到这里了，下一讲说说织梦登陆框。

关注