thinkphp 構成環境に UI が導入される (詳細な例)

この記事では、thinkphp に関する関連知識を提供します。主に、アクセラレーション ソースの構成、ORM 拡張機能のインストール、composer のインストール、ドライバーのインストール、「config」の構成など、環境の構成と UI の導入に関する関連コンテンツを紹介します。 /view.php」などについて、皆様のお役に立てれば幸いです。

[関連チュートリアルの推奨事項: thinkphp フレームワーク]

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. ブートストラップ フォルダーを直接コピーしますjs と css をプロジェクトの public/static に含めます;

2. config/view.php を構成し、静的呼び出しのテンプレート パスを設定します;

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

#3. UI導入の正しさをテストするためにコントローラーに新しいテストメソッドを作成すると、ページにアクセスするとドライバーがインストールされていないことを示すエラーメッセージが表示されます。次のステップはドライバーをインストールすることです。

4. コマンド ラインで次のコマンドを実行してドライバーをインストールします

composer require topthink/think-view

config/view を変更します.php ファイルを

'view_suffix' => 'php' に追加し、新しいテンプレート ファイルを作成します。index/test.php

bootstrap-theme.min.css 導入UI、UI が

にあることに注意してください。

<!-- 引入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. js ファイルを body にインポートします

<!-- 引入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 フレームワーク

]

以上がthinkphp 構成環境に UI が導入される (詳細な例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。