最近在开发新闻后台管理系统，用的模板是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']);  建议使用

我这里以本地项目为例：

 // +----------------------------------------------------------------------  // [ 应用入口文件 ] namespace think;  // 加载基础文件 require __DIR__ . '/../thinkphp/base.php';  define('SITE_URL', 'http://127.0.0.1:8080/student'); // 支持事先使用静态方法设置Request对象和Config对象  // 执行应用并响应 Container::get('app')->run()->send();

3、在config文件夹下找到template.php模板引擎文件，添加如下代码（路径填写你需要引入的文件路径）

//模板参数替换 'tpl_replace_string' => [     '__STATIC__' => SITE_URL.'/public/static',  ],

也可以按照自己的实际情况进行配置，你也可以参考ThinkPHP5.1完全开发手册：https://www./xiazai/shouce/1502

注意：在config下的template.php下增加这些，其中路径是根据自己Apache定义的根目录开始，这个很重要，因为网上其他说的都是从static开始，是因为他们设置Apache根目录就到了public这里，所以看清楚避免跳坑。

4、打开登录界面代码，修改head部分的代码，代码如下所示。

5、访问，查看效果。

相关推荐：

thinkphp视频教程

# php  # css  # thinkphp  # Static  # 常量  # define  # public  # JS  # apache  # http  # https  # 自己的  # 是一个  # 是因为  # 他说  # 管理系统  # 是从  # 将其  # 很重要  # 线上  # 还未 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  魔毅自助建站系统：模板定制与SEO优化一键生成指南  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  如何快速生成可下载的建站源码工具？  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  如何快速完成中国万网建站详细流程？  C#如何调用原生C++ COM对象详解  Laravel如何自定义错误页面（404, 500）？（代码示例）  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  如何快速搭建高效香港服务器网站？  制作电商网页,电商供应链怎么做？  Firefox Developer Edition开发者版本入口  SQL查询语句优化的实用方法总结  佛山网站制作系统,佛山企业变更地址网上办理步骤？  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  如何批量查询域名的建站时间记录？  怎么用AI帮你设计一套个性化的手机App图标？  Python自动化办公教程_ExcelWordPDF批量处理案例  如何为不同团队 ID 动态生成多个独立按钮  HTML 中如何正确使用模板变量为元素的 name 属性赋值  如何破解联通资金短缺导致的基站建设难题？  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  Python高阶函数应用_函数作为参数说明【指导】  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  android nfc常用标签读取总结  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  装修招标网站设计制作流程,装修招标流程？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何用好域名打造高点击率的自主建站？  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  晋江文学城电脑版官网 晋江文学城网页版直接进入  Windows Hello人脸识别突然无法使用  如何快速重置建站主机并恢复默认配置？  如何用景安虚拟主机手机版绑定域名建站？  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  Laravel如何处理文件下载请求？（Response示例）  如何用wdcp快速搭建高效网站？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  如何确认建站备案号应放置的具体位置？  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程