.啟動項目技能學(xué)習(xí):學(xué)習(xí)使用php(tp6框架)+vue.js

2023-11-09    分類: 網(wǎng)站建設(shè)

技能學(xué)習(xí):學(xué)會使用php(tp6框架)+vue.js,開發(fā)前端全棧網(wǎng)站-2.

技能學(xué)習(xí):學(xué)會使用php(tp6框架)+vue.js,開發(fā)前端全棧網(wǎng)站-1.和本地環(huán)境

技能學(xué)習(xí):學(xué)會使用php(tp6框架)+vue.js,開發(fā)前端全棧網(wǎng)站-2.

技能學(xué)習(xí):學(xué)會使用php(tp6框架)+vue.js,開發(fā)前端全棧網(wǎng)站-3.,模型和數(shù)據(jù)庫操作

技能學(xué)習(xí):學(xué)會使用php(tp6框架)+vue.js,開發(fā)前端全棧網(wǎng)站-4.跨域和傳輸數(shù)據(jù),優(yōu)化后端接口

1.后端項目啟動,多應(yīng)用項目

所以在框架中,需要使用多應(yīng)用項目。

單個應(yīng)用項目中的應(yīng)用目錄結(jié)構(gòu):

├─app應(yīng)用目錄

│ ├─ 控制器目錄

│ ├─ 模型目錄

│ ├─查看查看目錄

│ └─……更多類庫目錄

多用途項目中的app目錄結(jié)構(gòu):

├─app應(yīng)用目錄

│ ├─ 主要應(yīng)用

│ │ ├─ 控制器目錄

│ │ ├─ 模型目錄

│ │ ├─查看查看目錄

│ │ ├─ 配置目錄

│ │ ├─ 路由目錄

│ │ └─…更多類庫目錄

│ │

│ ├─ 后臺申請

│ │ ├─ 控制器目錄

│ │ ├─ 模型目錄

│ │ ├─查看查看目錄

│ │ ├─ 配置目錄

│ │ ├─ 路由目錄

│ │ └─…更多類庫目錄

如果要使用多應(yīng)用模式,需要安裝多應(yīng)用模式擴展--app:

composer require topthink/think-multi-app

報告了錯誤。這意味著.json和.lock的問題。根據(jù)vue的經(jīng)驗,.json必須是存放包名的地方。

(1)寫下我們需要的擴展:

(2).lock

(3)清除緩存:

composer clearcache

(4)更新依賴并生成新的 .lock 文件:

composer update

這次可以安裝擴展了,但是還是報錯。搜了一下,還是php.ini的配置有問題,我再改一下:

在php.ini中找到并刪除。

再次更新依賴:

你好,后來百度又改了,在php.ini里刪了,又更新了:

大功告成,擴展安裝成功。

更改應(yīng)用程序目錄結(jié)構(gòu)并刪除之前的文件夾。同時創(chuàng)建和 web 兩個應(yīng)用程序:

php think build admin
php think build web

下面的php配置文件

是一個通用文件,可供所有應(yīng)用程序使用。如果需要單獨配置某個應(yīng)用程序,請在應(yīng)用程序目錄下新建一個同名文件夾進行配置??蚣苤信渲梦募膽?yīng)用順序是由內(nèi)而外的。

此時訪問目錄結(jié)構(gòu)地址為:

訪問端:3000/.php/

訪問網(wǎng)頁:3000/.php/web

網(wǎng)站鏈接中有 .php 很奇怪,所以隱藏 .php。

在tp5中,需要配置服務(wù)器,吃完飯就生成了。把它放在中間。這個過程就是url重寫。

但是在tp6中,可能幾乎每個人都有隱藏.php的需求php前端開發(fā),所以模板已經(jīng)生成了生成的.file放入框架中:

如果您的框架中沒有此項,則在文件夾中創(chuàng)建一個新文件并放入以下內(nèi)容。

/.:


  Options +FollowSymlinks -Multiviews
  RewriteEngine On
 
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ index.php/$1 [QSA,pT,L]

去掉.php的訪問地址:

此時,后端項目已經(jīng)啟動。

2.啟動前端項目

(1) 項目文件夾

為了方便查看,我們把整個后端框架放到了一個新的文件夾 mine-php 中。由于文件夾是后端項目php前端開發(fā),所以我按照我的習(xí)慣給它改了名。

在編輯器中打開 mine-php 文件夾:

我們啟動后端項目后,需要進入文件夾,使用命令啟動:

(2)新前端項目

使用vue-cli新建終端,沒有前端經(jīng)驗的朋友可以參考我之前的文章:

技能學(xué)習(xí):學(xué)會使用Node.js+Vue.js,開發(fā)前端全棧網(wǎng)站-2.

初學(xué)者:

使用 vue-cli 創(chuàng)建一個新的網(wǎng)絡(luò)終端:

vue create web

過程同結(jié)束。

至此,項目啟動完成。下一篇文章將研究模型和數(shù)據(jù)庫操作。

更多設(shè)計和功能學(xué)習(xí)經(jīng)驗,也可以關(guān)注我的公眾號!

————

當(dāng)前名稱:.啟動項目技能學(xué)習(xí):學(xué)習(xí)使用php(tp6框架)+vue.js
標(biāo)題來源:http://muchs.cn/news10/293460.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站網(wǎng)站維護、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計、電子商務(wù)、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)