中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

thinkphp配置環境引入UI的方法

發布時間:2022-06-01 14:37:54 來源:億速云 閱讀:100 作者:iii 欄目:編程語言

這篇文章主要講解了“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 在 <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"}

3. 核心代碼

按鈕 <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的方法這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

新乡市| 乌什县| 泰宁县| 班玛县| 南乐县| 咸阳市| 讷河市| 涟源市| 天镇县| 南投市| 博爱县| 津南区| 辽源市| 新营市| 昆明市| 隆昌县| 古蔺县| 安丘市| 溧阳市| 石城县| 泸西县| 亚东县| SHOW| 南华县| 和硕县| 东海县| 漳平市| 闽清县| 延寿县| 嵩明县| 永平县| 遂昌县| 苗栗市| 称多县| 旬阳县| 高阳县| 三明市| 原平市| 锡林郭勒盟| 屏南县| 岳阳市|