thinkphp 構成環境に UI が導入される (詳細な例)-ThinkPHP-php.cn

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

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

[関連チュートリアルの推奨事項: 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

ログイン後にコピー

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

2. を変更します。 example.env ファイルを .env ファイルに変更し、データベースアカウントとパスワードを設定し、デバッグを有効にします。

root 123456 student true

ログイン後にコピー

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

3. コマンドラインで次のコマンドを使用して、仮想ファイルを開きます。サーバー. ドメイン名またはローカル IP を設定できます. 私は個人的に使用しています.

php think run     //localhost:8000

ログイン後にコピー

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

2. UI の導入

#1. ブートストラップフォルダーを直接コピーしますjs と css をプロジェクトの public/static に含めます;

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

//模板替换输出
&#39;tp1_replace_string&#39; => [
    &#39;__JS__&#39;=> &#39;../static/js&#39;,
    &#39;__CSS__&#39; => &#39;../static/css&#39;,
],

ログイン後にコピー

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

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

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

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

composer require topthink/think-view

ログイン後にコピー

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

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 サイトの他の関連記事を参照してください。