TP5.1中如何使用public目录下的CSS和JS文件？

本文共计673个文字，预计阅读时间需要3分钟。

最近在开发后台管理系统时，使用的模板是x-admin2.0，框架基于ThinkPHP5.1版本。在开发过程中，如何引入公共目录下的CSS、JS文件成为一个难题。今天我们就来探讨一下这个问题。

最近在开发新闻后台管理系统，用的模板是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文件，在该文件下定义常量。