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

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

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

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

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

{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
用织梦实现一个从零到可以正常访问的网站--第二章
用织梦实现一个从零到可以正常访问的网站--第二章
77 0
|
7月前
|
前端开发 数据库
用织梦实现一个从零到可以正常访问的网站--终结篇
用织梦实现一个从零到可以正常访问的网站--终结篇
76 0
|
1月前
|
开发框架 移动开发 前端开发
为什么说用PageAdmin 网站模版创建官网有优势?
随着网站模版广泛使用,除了一些用户使用网站模版来搭建网站,更有一些建站公司使用网站模版为他人搭建网站,在众多的网站模版厂商,为什么说PageAdmin 网站模版创建官网有一定的优势?
|
4月前
|
网络安全 网络性能优化 数据中心
想要丝滑地使用ACL,少不了这篇干货~
想要丝滑地使用ACL,少不了这篇干货~
|
7月前
|
数据库
一款挺不错网站维护页面源码
一款挺不错网站维护页面源码,单HTML不需要数据库,上传到你的虚拟机就可以用做维护页面还不错,用处多。。
52 2
一款挺不错网站维护页面源码
|
7月前
|
域名解析 JavaScript 前端开发
用织梦实现一个从零到可以正常访问的网站--第一章
用织梦实现一个从零到可以正常访问的网站--第一章
61 0
|
负载均衡 网络协议 应用服务中间件
当当网266买来的1399页Nginx笔记,原来我入门都不算
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。
当当网266买来的1399页Nginx笔记,原来我入门都不算
|
小程序 数据可视化 数据库
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
云开发(微信-小程序)笔记(十七)---- cms(内容管理)及案例
541 0
|
资源调度 JavaScript
十分钟教会你如何使用VitePress搭建及部署个人博客站点
十分钟教会你如何使用VitePress搭建及部署个人博客站点
1085 0
|
弹性计算 监控 安全
开发人员,怎能没有个人博客!服务器初始配置
开发人员,怎能没有个人博客!服务器初始配置
263 0
开发人员,怎能没有个人博客!服务器初始配置