首页  网站建设  网站优化  服务项目  建站案例  新闻资讯  关于我们  联系我们
菜单
当前您的位置:济南网站建设 > 新闻资讯 > 极其简单做一个有Volt链接的Web导航栏

极其简单做一个有Volt链接的Web导航栏

  • 文章来源:未知
  • 文章作者:admin
  • 时间:2020-05-18
  • 浏览:130

大家好,才是真的好。
紧接上章。上章是啥,您已经忘记了?协作者其实也忘记了,所以我们知识文字衔接一下,内容嘛,看缘分吧,不如让我们重新来过。
今天有点小痛苦,因为要开发。开发有时候是指房地产开发,有时候是指软件开发,这两货都有同一个特点,靠工时搭积木一样地进度,而且都得有“福报”。
闲话少叙。进入到21世纪第二个十年来,甚至更早一年,我发现写静态HTML和CSS的时代一去不返。但有一说一,随着轮子的增多,Web开发技术实际上也变得简单,毕竟,您都可以面向S站编程了嘛。
今天我们介绍一个国产的前端框架LayUI在Domino Web开发中的使用,主要实现一个功能:将多个Volt应用的URL地址放入到首页导航中去。
谈到URL地址,我想起来了,上一篇是短URL地址,嗯,很好,跟我们今天的内容关系不是很大。
在开始之前,您可以先看看https://www.layui.com网站,熟悉一下LayUI框架。
如果您运气好,还可以和这个框架的作者贤心谈谈心,前提您是女性,因为听说他是男的。
然后我们分三步实现Web导航条的设计实现:
 
第一步,引入公网上的LayUI文件
第二步,抄一个LayUI的布局元素
第三步,预览。
很简单,就像把一头大象放到冰箱,也分为三个步骤,打开冰箱、塞进大象,关上冰箱。
具体来看看吧。创建Notes应用和建表单,就不过多介绍,嘴已经讲烂了。
在数据库里面创建一个空白表单,比如我们建了一个表单,名叫index,
接着,按照LayUI网站上的说明进行引入
在表单的“HTML首页内容”事件中,引入公网上的LayUI文件,分别是javascript和css,如下图:
很简单吧,就是括号和引号得注意哦。再接着到“JS Head”中,写入下面的语句:
layui.use( 'element', function() {
})
效果如下:
好,接着就是第二步,到LayUI站点抄一个水平导航栏,如下图:
放到Notes表单上,先把导航的文字改一改(dl标签中),加入我们的Volt App名称和URL短地址(URL可对应地址,上篇提到),如下图:
然后内置一下
最后,我们就可以进行预览了。
你看三步已经做完,效果也出来。点一下,还可进Volt应用。
正当协作者准备华丽转身,深藏功名时,有人大喝一声,不对,这里的导航是静态的!我要加动态的,随时可简单加导航链接。
——这位朋友,先放下嗓子,动态也可以实现的,不过,一口吃不成膀(pang)子,我们也要时间,对吧?回头我找一找40米长的大砍刀,再来聊聊。
Copyright © 2011-2019 山东塞尼铁克网络科技有限公司AII Rights Reserved. Powered by Yongsy