用织梦实现一个从零到可以正常访问的网站--第三章

简介: 用织梦实现一个从零到可以正常访问的网站--第三章

我们今天接着把怎么调用导航栏的链接写完,之前两章已经基本上将怎么购买域名,空间,怎么将织梦建起来,还有怎么将代码的样式调好,但是最后我们是发现,什么都好了,只有链接还是错的。我们今天就简单的将这个解决一下!

之前的文章在这里:第二章第一章

上次说到的是样式调好是调用的这行代码:

{dede:global.cfg_templets_skin/}

那么这行代码也已经解释过了,其实这个也是dede调用的一种,我们今天要说的链接之间的连接呢也是dede调用的一种,所以我提这个样式的代码了,下面我们开始:

我们打开织梦后台,分别打开下面的三个地方:

下面将导航栏的名字改好:

那么这是其中一个,我们三个都需要改好,全部改完以后呢我们运行,会发现还是错的,没关系,错是正常的,我们下面需要做的是将代码的调用改好,我们打开源代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>我是测试页面</title>
  </head>
  <link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/all.css"/>
  <body>
    <header>
      <a href="index.html">切换页面2</a>-->
      <a href="page1.html">切换页面1</a>
      <a href="page2.html">切换页面2</a>
    </header>
    <div>
      <input type="button" value="我是首页" οnclick="_clicktest()"/>
    </div>
  </body>
  <script src="{dede:global.cfg_templets_skin/}/js/test.js" type="text/javascript" charset="utf-8"></script>
</html>

这是之前的源码,没有做任何的改变之前的,那么我们需要怎么更改呢?

我们需要将链接的方式改掉,改成这样:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>我是测试页面</title>
  </head>
  <link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/all.css"/>
  <body>
    <header>
      <a href="{dede:global.cfg_cmsurl/}">首页</a>
      {dede:channel row="2" type="top" }
      <a href="[field:typelink/]">[field:typename/]</a>
      {/dede:channel}
    </header>
    <div>
      <input type="button" value="我是首页" οnclick="_clicktest()"/>
    </div>
  </body>
  <script src="{dede:global.cfg_templets_skin/}/js/test.js" type="text/javascript" charset="utf-8"></script>
</html>


这里分别解释一下:

{dede:global.cfg_cmsurl/}   // 这个是首页调用的固定代码
{dede:channel row="2" type="top" }
<a href="[field:typelink/]">[field:typename/]</a>
{/dede:channel}
解释:top就是调用就是调用顶级栏目
type是调用属性,有top和son属性,top表示调用的是顶级栏目。,son表示调用的是二级栏目,这里需要注意的是,row后面的值是除去首页以后剩余的导航栏数目

ok,下面我们将三个都改成这样,最后运行:

这里就可以直接运行了,如果您按照这个步骤写,出了问题,您需要检查的地方呢是这几个:

第一:

第二:

第三:

第四:

如果都没有错的话,应该是不会出现问题的,那么如果一直问题解决不掉的话,可以直接在博主简介的地方QQ联系我,或者直接下面的二维码扫一下,联系我也是可以的,相互学习,共同进步!

下篇文章我会更新怎么将这一套代码上传到自己的空间里面,让别人可以访问!就基本完结了!

谢谢阅读

相关文章
|
7月前
|
移动开发 前端开发 JavaScript
用织梦实现一个从零到可以正常访问的网站--第二章
用织梦实现一个从零到可以正常访问的网站--第二章
74 0
|
7月前
|
前端开发 数据库
用织梦实现一个从零到可以正常访问的网站--终结篇
用织梦实现一个从零到可以正常访问的网站--终结篇
75 0
|
24天前
|
开发框架 移动开发 前端开发
为什么说用PageAdmin 网站模版创建官网有优势?
随着网站模版广泛使用,除了一些用户使用网站模版来搭建网站,更有一些建站公司使用网站模版为他人搭建网站,在众多的网站模版厂商,为什么说PageAdmin 网站模版创建官网有一定的优势?
|
7月前
|
人工智能
介绍几个有趣的网站(二十八)
介绍几个有趣的网站(二十八)
119 2
|
7月前
|
域名解析 JavaScript 前端开发
用织梦实现一个从零到可以正常访问的网站--第一章
用织梦实现一个从零到可以正常访问的网站--第一章
56 0
|
程序员
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能2
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
JavaScript
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能1
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-网上地图资源获取2
前端学习笔记202305学习笔记第二十三天-网上地图资源获取2
50 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-网上地图资源获取1
前端学习笔记202305学习笔记第二十三天-网上地图资源获取1
40 0
|
小程序 数据可视化 数据库
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
532 0