最近在开发新闻后台管理系统,用的模板是x-admin2.0,框架是基于ThinkPHP5.1版本来进行开发的,在开发的过程中,如何引入公共文件下的CSS、JS文件是一个难题。那么我们今天就来讲讲如何如何引入CSS和JS文件。
先来看一下还未引入CSS样式和JS时,登录界面在浏览器中运行的效果。
按F12查看源代码,发现出现报错,原因是没有找到我们引入的样式,因此无法导入文件。错误显示如下:
那么我们如何引入CSS样式和JS样式呢?
1、讲模板所需要的JS和CSS方式public入口文件下的static,新建一个文件夹来存放后台需要的CSS和JS文件,这里是我将其命名为admin。
2、打开public入口文件下的index.php文件,在该文件下定义常量。
(1)本地项目添加:define('SITE_URL', 'http://127.0.0.1/项目名');
(2)线上项目:define('SITE_URL','http://'.$_SERVER['HTTP_HOST'