技能学习：学会使用php（tp6框架）+vue.js，开发前端全栈网站-2.

技能学习：学会使用php（tp6框架）+vue.js，开发前端全栈网站-1.和本地环境

技能学习：学会使用php（tp6框架）+vue.js，开发前端全栈网站-2.

技能学习：学会使用php（tp6框架）+vue.js，开发前端全栈网站-3.，模型和数据库操作

技能学习：学会使用php（tp6框架）+vue.js，开发前端全栈网站-4.跨域和传输数据，优化后端接口

1.后端项目启动，多应用项目

所以在框架中，需要使用多应用项目。

单个应用项目中的应用目录结构：

├─app应用目录

│ ├─ 控制器目录

│ ├─ 模型目录

│ ├─查看查看目录

│ └─……更多类库目录

多用途项目中的app目录结构：

├─app应用目录

│ ├─ 主要应用

│ │ ├─ 控制器目录

│ │ ├─ 模型目录

│ │ ├─查看查看目录

│ │ ├─ 配置目录

│ │ ├─ 路由目录

│ │ └─…更多类库目录

│ │

│ ├─ 后台申请

│ │ ├─ 控制器目录

│ │ ├─ 模型目录

│ │ ├─查看查看目录

│ │ ├─ 配置目录

│ │ ├─ 路由目录

│ │ └─…更多类库目录

如果要使用多应用模式，需要安装多应用模式扩展--app：

composer require topthink/think-multi-app

报告了错误。这意味着.json和.lock的问题。根据vue的经验，.json必须是存放包名的地方。

(1）写下我们需要的扩展：

(2）.lock

(3）清除缓存：

composer clearcache

(4）更新依赖并生成新的 .lock 文件：

composer update

这次可以安装扩展了，但是还是报错。搜了一下，还是php.ini的配置有问题，我再改一下：

在php.ini中找到并删除。

再次更新依赖：

你好，后来百度又改了，在php.ini里删了，又更新了：

大功告成，扩展安装成功。

更改应用程序目录结构并删除之前的文件夹。同时创建和 web 两个应用程序：

php think build admin
php think build web

下面的php配置文件

是一个通用文件，可供所有应用程序使用。如果需要单独配置某个应用程序，请在应用程序目录下新建一个同名文件夹进行配置。框架中配置文件的应用顺序是由内而外的。

此时访问目录结构地址为：

访问端：3000/.php/

访问网页：3000/.php/web

网站链接中有 .php 很奇怪，所以隐藏 .php。

在tp5中，需要配置服务器，吃完饭就生成了。把它放在中间。这个过程就是url重写。

但是在tp6中，可能几乎每个人都有隐藏.php的需求php前端开发，所以模板已经生成了生成的.file放入框架中：

如果您的框架中没有此项，则在文件夹中创建一个新文件并放入以下内容。

/.:

<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的访问地址：

此时，后端项目已经启动。

2.启动前端项目

(1） 项目文件夹

为了方便查看，我们把整个后端框架放到了一个新的文件夹 mine-php 中。由于文件夹是后端项目php前端开发，所以我按照我的习惯给它改了名。

在编辑器中打开 mine-php 文件夹：

我们启动后端项目后，需要进入文件夹，使用命令启动：

(2）新前端项目

使用vue-cli新建终端，没有前端经验的朋友可以参考我之前的文章：

技能学习：学会使用Node.js+Vue.js，开发前端全栈网站-2.

初学者：

使用 vue-cli 创建一个新的网络终端：

vue create web

过程同结束。

至此，项目启动完成。下一篇文章将研究模型和数据库操作。

更多设计和功能学习经验，也可以关注我的公众号！

————