persekitaran konfigurasi thinkphp memperkenalkan UI (contoh terperinci)

Artikel ini membawa anda pengetahuan yang berkaitan tentang thinkphp, yang terutamanya memperkenalkan kandungan berkaitan tentang mengkonfigurasi persekitaran dan memperkenalkan UI, termasuk mengkonfigurasi sumber pecutan, memasang sambungan ORM dan memasang komposer , memasang pemacu, mengkonfigurasi "config /view.php" dan isu-isu lain, saya harap ia akan membantu semua orang.

[Cadangan tutorial berkaitan: rangka kerja thinkphp]

1 Konfigurasikan persekitaran

1 sumber pecutan , pasang sambungan orm, pasang komposer, pasang pemacu, gunakan arahan komposer untuk memasang Thinkphp6.x dalam direktori yang ditentukan >

配置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

3. Gunakan arahan berikut pada baris arahan untuk membuka pelayan maya Anda boleh mengkonfigurasi nama domain atau IP tempatan , saya sendiri menggunakan

root 123456 student true

2 Perkenalkan UI

1 Salin terus folder bootstrap yang mengandungi js dan css ke public/static dalam projek ;

2. view.php dan tetapkan laluan templat untuk panggilan statik;

php think run     //localhost:8000

3. Cipta kaedah ujian baharu dalam pengawal, Ia digunakan untuk menguji ketepatan Pengenalan UI Apabila mengakses halaman, mesej ralat akan dipaparkan yang menunjukkan bahawa pemacu tidak dipasang. Langkah seterusnya ialah memasang pemacu.

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

4 Jalankan arahan berikut dalam baris arahan untuk memasang pemacu

Ubah suai konfigurasi/. view.php Fail ialah , buat templat fail index/test.php

dan perkenalkan UI Ambil perhatian bahawa UI memperkenalkan

composer require topthink/think-view

di bawah

5. Buat paparan fail templat/ index/test.html, perkenalkan UI

'view_suffix' => 'php'6 Memandangkan kita belum mempunyai fail style.css, kita perlu mencipta satu dalam css di bawah statik. fail dengan kandungan @charset "UTF-8";

7 Cari fail yang diimport dalam elemen, klik kanan untuk pergi ke editor gaya dan lihat jika kandungan fail dipaparkan dipaparkan, ini bermakna pengenalan berjaya bootstrap-theme.min.css <title></title>8 Perkenalkan fail js ke dalam badan

<!-- 引入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">

3 Kod teras

Button

Jadual

<!-- 引入js文件 -->
{js href="/static/js/jquery-3.3.1.min.js"}
{js href="/static/js/bootstrap.bundle.min.js"}

[Cadangan tutorial berkaitan :rangka kerja thinkphp】

Atas ialah kandungan terperinci persekitaran konfigurasi thinkphp memperkenalkan UI (contoh terperinci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!