這篇文章主要講解了“thinkphp配置環(huán)境引入UI的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“thinkphp配置環(huán)境引入UI的方法”吧！

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),南京企業(yè)網(wǎng)站建設(shè),南京品牌網(wǎng)站建設(shè),網(wǎng)站定制,南京網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,南京網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

1. 配置環(huán)境

1、配置加速源，安裝 orm 擴展，安裝 composer, 安裝驅(qū)動，使用 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 文件，配置數(shù)據(jù)庫賬號密碼，以及開啟調(diào)試；

root 123456 student true

3、在命令行使用以下命令開啟虛擬服務(wù)器，可配置域名或本地 ip, 我個人使用

php think run     //localhost:8000

2. 引入 UI

1、直接將 bootstrap 包含 js 和 css 文件夾拷貝項目中 public/static 里；

2、配置 config/view.php, 設(shè)置靜態(tài)調(diào)用的模板路徑；

//模板替換輸出
'tp1_replace_string' => [
    '__JS__'=> '../static/js',
    '__CSS__' => '../static/css',
],

3、控制器里新建 test 方法，用于測試 UI 引入的正確性，這時訪問頁面會報錯提示沒有安裝驅(qū)動。下一步去安裝驅(qū)動。

4、在命令行中執(zhí)行以下命令安裝驅(qū)動

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、創(chuàng)建模板文件 view/index/test.html, 引入 UI

6、由于我們還沒有 style.css 文件，所以要去靜態(tài)文件下的 css 里創(chuàng)建一個，內(nèi)容為 @charset "UTF-8";

7、在元素里找到引入的文件，右鍵來到樣式編輯器，看會不會顯示文件內(nèi)容，顯示則表示引入成功

8、body 里引入 js 文件

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

3. 核心代碼

按鈕

表格

    
        
            用戶管理
        
        
            
                
                

                                                                                                                                                       

1	2	3	4	5