剑鱼论坛主题(模板)制作之JavaScript的使用

 剑鱼论坛 发表于 2019年12月20日 剑鱼主题教程  95
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:340天前
主帖:89  跟帖:53

我们在上一篇《剑鱼论坛主题(模板)制作之css样式文件使用》中介绍了怎么在剑鱼论坛的主题里面使用css样式,这一篇我们将继续学习主题制作,也就是模板制作。

制作模板css样式的使用是必不可少的,同样的,JavaScript在主题制作里面也是必不可少的,同时JavaScript是一门编程语言,相对css样式语言来说更是复杂不少,难度也陡增很多,对于主题设计制作人员的技术要求也相对比较高。

然而幸运的是,剑鱼主题的JavaScript文件已经完全实现了,您需要做的工作只是把已经实现了的JavaScript文件搬到您自己制作的主题里面就可以使用了,不需要自己从头开始写。

剑鱼默认的主题是使用jQuery来实现JavaScript代码的,所以需要先引入jQuery文件,如下面的代码所示:

<script src="{$domain}public/common/js/jquery.min.js"></script>

上面的代码就是在页面中引入了“jquery.min.js”文件,代码很简单,跟上一篇介绍css文件引入时一样要注意的是“{$domain}”标签,这个标签表示域名。由于jQuery文件默认是集成在系统里面的,所以只需要按以上代码引入即可。如果是主题特有的JavaScript文件,那么我们应该用如下方式:

<script src="{$domain}public/theme/{$template}/js/jianyu.js"></script>

上面这个代码跟前面介绍的代码的区别就是路径的差别,因为我们把“jianyu.js”文件存放在了主题文件夹下面的“js”文件夹内,所以我们在写路径的时候需要使用标签“{$template}”来表示当前的主题文件夹。

以上就是剑鱼论坛主题里面使用JavaScript文件的方法,默认主题是使用前端框架bootstrap4加jQuery来写的,当然您可以使用其他前端框架,甚至纯手工写css样式都是可以的,但是如果您使用bootstrap4和jQuery来写自己的主题的话,很显然会省力很多,因为大部分的代码文件您都可以直接拷贝过去使用,您需要做的仅仅是调整一下HTML和显示的样式就可以了。

所以一个建议是最好使用bootstrap4和jQuery写自己的主题,这会让您省心不少。

论坛主帖
162
论坛跟帖
142
在线访客
1
今日主帖
0
今日跟帖
0
今日注册
0
47
http://jianyuluntan.com/gentie.html
http://jianyuluntan.com/postzan.html
http://jianyuluntan.com/postcai.html
http://jianyuluntan.com/postshoucang.html
http://jianyuluntan.com/gentiezan.html
http://jianyuluntan.com/gentiecai.html
http://jianyuluntan.com/huifu.html
http://jianyuluntan.com/xiugai.html
http://jianyuluntan.com/shanchugentie.html
1
XzA=
1
© 2019 - 2020 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html
0
剑鱼论坛