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

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

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

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

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

{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联系我,或者直接下面的二维码扫一下,联系我也是可以的,相互学习,共同进步!

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

谢谢阅读

相关文章
|
4月前
|
移动开发 前端开发 JavaScript
用织梦实现一个从零到可以正常访问的网站--第二章
用织梦实现一个从零到可以正常访问的网站--第二章
64 0
|
4月前
|
前端开发 数据库
用织梦实现一个从零到可以正常访问的网站--终结篇
用织梦实现一个从零到可以正常访问的网站--终结篇
59 0
|
24天前
|
数据采集 前端开发 JavaScript
《花100块做个摸鱼小网站! 》第四篇—前端应用搭建和完成第一个热搜组件
本文档详细介绍了从零开始搭建一个包含前后端交互的热搜展示项目的全过程。通过本教程,读者不仅能学习到完整的项目开发流程,还能掌握爬虫技术和前后端交互的具体实践。适合有一定编程基础并对项目实战感兴趣的开发者参考。
59 1
|
4月前
|
存储 JavaScript API
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)(上)
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)
200 2
|
4月前
|
存储 缓存 自然语言处理
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)(下)
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)
119 1
|
4月前
|
域名解析 JavaScript 前端开发
用织梦实现一个从零到可以正常访问的网站--第一章
用织梦实现一个从零到可以正常访问的网站--第一章
39 0
|
4月前
|
前端开发 JavaScript NoSQL
假如你是一名专业的程序员,你将如何最快开发一个在线网站,并给出相应的代码及部署文档
假如你是一名专业的程序员,你将如何最快开发一个在线网站,并给出相应的代码及部署文档
48 0
|
11月前
|
JavaScript
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能1
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
11月前
|
程序员
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能2
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
小程序 数据可视化 数据库
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
501 0