.啟動(dòng)項(xiàng)目技能學(xué)習(xí)：學(xué)習(xí)使用php（tp6框架）+vue.js
2021-08-07
技能學(xué)習(xí)：學(xué)會(huì)使用php（tp6框架）+vue.js，開發(fā)前端全棧網(wǎng)站-2.
技能學(xué)習(xí)：學(xué)會(huì)使用php（tp6框架）+vue.js，開發(fā)前端全棧網(wǎng)站-1.和本地環(huán)境
技能學(xué)習(xí)：學(xué)會(huì)使用php（tp6框架）+vue.js，開發(fā)前端全棧網(wǎng)站-2.
技能學(xué)習(xí)：學(xué)會(huì)使用php（tp6框架）+vue.js，開發(fā)前端全棧網(wǎng)站-3.，模型和數(shù)據(jù)庫(kù)操作
技能學(xué)習(xí)：學(xué)會(huì)使用php（tp6框架）+vue.js，開發(fā)前端全棧網(wǎng)站-4.跨域和傳輸數(shù)據(jù)，優(yōu)化后端接口
1.后端項(xiàng)目啟動(dòng)，多應(yīng)用項(xiàng)目
所以在框架中，需要使用多應(yīng)用項(xiàng)目。
單個(gè)應(yīng)用項(xiàng)目中的應(yīng)用目錄結(jié)構(gòu)：
├─app應(yīng)用目錄
│ ├─ 控制器目錄
│ ├─ 模型目錄
│ ├─查看查看目錄
│ └─……更多類庫(kù)目錄
多用途項(xiàng)目中的app目錄結(jié)構(gòu)：
├─app應(yīng)用目錄
│ ├─ 主要應(yīng)用
│ │ ├─ 控制器目錄
│ │ ├─ 模型目錄
│ │ ├─查看查看目錄
│ │ ├─ 配置目錄
│ │ ├─ 路由目錄
│ │ └─…更多類庫(kù)目錄
│ │
│ ├─ 后臺(tái)申請(qǐng)
│ │ ├─ 控制器目錄
│ │ ├─ 模型目錄
│ │ ├─查看查看目錄
│ │ ├─ 配置目錄
│ │ ├─ 路由目錄
│ │ └─…更多類庫(kù)目錄
如果要使用多應(yīng)用模式，需要安裝多應(yīng)用模式擴(kuò)展--app：
composer require topthink/think-multi-app
報(bào)告了錯(cuò)誤。這意味著.json和.lock的問(wèn)題。根據(jù)vue的經(jīng)驗(yàn)，.json必須是存放包名的地方。
(1）寫下我們需要的擴(kuò)展：
(2）.lock
(3）清除緩存：
composer clearcache
(4）更新依賴并生成新的 .lock 文件：
composer update
這次可以安裝擴(kuò)展了，但是還是報(bào)錯(cuò)。搜了一下，還是php.ini的配置有問(wèn)題，我再改一下：
在php.ini中找到并刪除。
再次更新依賴：
你好，后來(lái)百度又改了，在php.ini里刪了，又更新了：
大功告成，擴(kuò)展安裝成功。
更改應(yīng)用程序目錄結(jié)構(gòu)并刪除之前的文件夾。同時(shí)創(chuàng)建和 web 兩個(gè)應(yīng)用程序：
php think build admin
php think build web
下面的php配置文件
是一個(gè)通用文件，可供所有應(yīng)用程序使用。如果需要單獨(dú)配置某個(gè)應(yīng)用程序，請(qǐng)?jiān)趹?yīng)用程序目錄下新建一個(gè)同名文件夾進(jìn)行配置。框架中配置文件的應(yīng)用順序是由內(nèi)而外的。
此時(shí)訪問(wèn)目錄結(jié)構(gòu)地址為：
訪問(wèn)端：3000/.php/
訪問(wèn)網(wǎng)頁(yè)：3000/.php/web
網(wǎng)站鏈接中有 .php 很奇怪，所以隱藏 .php。
在tp5中，需要配置服務(wù)器，吃完飯就生成了。把它放在中間。這個(gè)過(guò)程就是url重寫。
但是在tp6中，可能幾乎每個(gè)人都有隱藏.php的需求php前端開發(fā)，所以模板已經(jīng)生成了生成的.file放入框架中：
如果您的框架中沒(méi)有此項(xiàng)，則在文件夾中創(chuàng)建一個(gè)新文件并放入以下內(nèi)容。
/.:
<IfModule mod_rewrite.c>
Options +FollowSymlinks -Multiviews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
</IfModule>
去掉.php的訪問(wèn)地址：
此時(shí)，后端項(xiàng)目已經(jīng)啟動(dòng)。
2.啟動(dòng)前端項(xiàng)目
(1） 項(xiàng)目文件夾
為了方便查看，我們把整個(gè)后端框架放到了一個(gè)新的文件夾 mine-php 中。由于文件夾是后端項(xiàng)目php前端開發(fā)，所以我按照我的習(xí)慣給它改了名。
在編輯器中打開 mine-php 文件夾：
我們啟動(dòng)后端項(xiàng)目后，需要進(jìn)入文件夾，使用命令啟動(dòng)：
(2）新前端項(xiàng)目
使用vue-cli新建終端，沒(méi)有前端經(jīng)驗(yàn)的朋友可以參考我之前的文章：
技能學(xué)習(xí)：學(xué)會(huì)使用Node.js+Vue.js，開發(fā)前端全棧網(wǎng)站-2.
初學(xué)者：
使用 vue-cli 創(chuàng)建一個(gè)新的網(wǎng)絡(luò)終端：
vue create web
過(guò)程同結(jié)束。
至此，項(xiàng)目啟動(dòng)完成。下一篇文章將研究模型和數(shù)據(jù)庫(kù)操作。
更多設(shè)計(jì)和功能學(xué)習(xí)經(jīng)驗(yàn)，也可以關(guān)注我的公眾號(hào)！
————
