这篇文章主要讲解了“thinkphp配置环境引入UI的方法”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“thinkphp配置环境引入UI的方法”吧！
1、配置加速源，安装 orm 扩展，安装 composer, 安装驱动，使用 composer 命令在指定的目录安装 Thinkphp6.x;
配置conposer中国源 composer config -g repo.packagist composer https://packagist.phpcomposer.com 下载orm composer require topthink/think-orm 安装composer apt install composer 安装mysqli apt install php-pdo php-mysqli 使用composer命令在指定目录安装thinkphp composer create-project topthink/think tp6demo
2、将.example.env 文件修改为.env 文件，配置数据库账号密码，以及开启调试；
计算
安全
数据库
网络和加速
企业服务
root 123456 student true3、在命令行使用以下命令开启虚拟服务器，可配置域名或本地 ip, 我个人使用
php think run //localhost:8000
1、直接将 bootstrap 包含 js 和 css 文件夹拷贝项目中 public/static 里；
2、配置 config/view.php, 设置静态调用的模板路径；
//模板替换输出
'tp1_replace_string' => [
'__JS__'=> '../static/js',
'__CSS__' => '../static/css',
],3、控制器里新建 test 方法，用于测试 UI 引入的正确性，这时访问页面会报错提示没有安装驱动。下一步去安装驱动。
4、在命令行中执行以下命令安装驱动
composer require topthink/think-view
修改 config/view.php 文件为'view_suffix' => 'php', 新建模板文件 index/test.php
bootstrap-theme.min.css 引入 UI, 注意 UI 在 <head><title></title></hrad> 下面引入
<!-- 引入Bootstrap CSS -->
{css href="/static/css/bootstrap.min.css"}
{css href="/static/css/style.css"}
<!-- 移动设备优先-->
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit-no">5、创建模板文件 view/index/test.html, 引入 UI
6、由于我们还没有 style.css 文件，所以要去静态文件下的 css 里创建一个，内容为 @charset "UTF-8";
7、在元素里找到引入的文件，右键来到样式编辑器，看会不会显示文件内容，显示则表示引入成功
8、body 里引入 js 文件
<!-- 引入js文件 -->
{js href="/static/js/jquery-3.3.1.min.js"}
{js href="/static/js/bootstrap.bundle.min.js"}按钮 <button>
表格 <table>
<div class="container pt-5 mt-5">
<div class="row">
<div class="col-3">
<button class="btn btn-secondary">用户管理</button>
</div>
<div class="col-9">
<table class="table table-bordered">
<thead class="bg-light">
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
</thead>
</table>
</div>
</div>
</div>感谢各位的阅读，以上就是“thinkphp配置环境引入UI的方法”的内容了，经过本文的学习后，相信大家对thinkphp配置环境引入UI的方法这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
