我们在上一篇《剑鱼论坛主题(模板)制作之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写自己的主题,这会让您省心不少。