网站建设资讯

NEWS

网站建设资讯

thinkphp配置环境引入UI的方法

这篇文章主要讲解了“thinkphp配置环境引入UI的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“thinkphp配置环境引入UI的方法”吧!

成都创新互联公司是一家集网站建设,南京企业网站建设,南京品牌网站建设,网站定制,南京网站建设报价,网络营销,网络优化,南京网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1. 配置环境

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 true

3、在命令行使用以下命令开启虚拟服务器,可配置域名或本地 ip, 我个人使用

php think run     //localhost:8000

2. 引入 UI

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 在 下面引入


{css href="/static/css/bootstrap.min.css"}
{css href="/static/css/style.css"}

5、创建模板文件 view/index/test.html, 引入 UI

6、由于我们还没有 style.css 文件,所以要去静态文件下的 css 里创建一个,内容为 @charset "UTF-8";

7、在元素里找到引入的文件,右键来到样式编辑器,看会不会显示文件内容,显示则表示引入成功

8、body 里引入 js 文件


{js href="/static/js/jquery-3.3.1.min.js"}
{js href="/static/js/bootstrap.bundle.min.js"}

3. 核心代码

按钮

    

感谢各位的阅读,以上就是“thinkphp配置环境引入UI的方法”的内容了,经过本文的学习后,相信大家对thinkphp配置环境引入UI的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


名称栏目:thinkphp配置环境引入UI的方法
地址分享:http://njwzjz.com/article/pghhdp.html

其他资讯