hualinux 进阶 vue 5.2：用Element实现增删改查（二）后端环境搭建

软件名	版本	说明
phpStudy	8.0	一键集成工具有apache、nginx、mysql、php等
PhpStorm	2021.1	目前最新稳定版本，一个php ide，可免费试用30天
Webyog SQLyog	13..1.1	一个mysql客户工具
Postman	8.2.3	目前最新稳定版本，在vue前端机子win10上安装一个可以http请求工具，支持get、post、pub、delete等

二、相关软件安装

2.1 phpStudy安装及配置

2.1.1 phpStudy下载

可以直接从phpStudy官网下载，目前最新稳定版本为8.0，选择windows即可。安装也简单，双击，这里不讲了，我安装在D盘，

安装完之后默认使用的是apache，mysql5.7，php7.3.4，php是你开启apache或nginx就会自动启动。

2.1.2 修改软件版本

这些版本都比较低，我现在改成mysql8.0 nginx1.16.1，操作如下：

在软件管理中卸载这些低版本，安装最高版本nginx卸载安装成1.16.1、apache没用到所以不安装、mysql卸载安装成8.0

php版本得先安装高版本7.4，再切换成7.4，切换操作如下图所示：

再卸载7.3.，不卸载也行

最终的软件如下图所示：

可以点mysql和nginx旁边的启动键盘，这样就启动了mysql、nginx+php了

2.2 使用SQLyog客户端链接一下mysql

我这里使用的是Webyog SQLyog，安装不说了，也可以使用mysql官方的workbench，这里我不多说了。安装完之后可以使用Webyog SQLyog连接一下

用户名和密码默认都是root

测试成功后可以点“连接”按钮进去

2.3 PhpStorm

安装不说了，很简单的。如果不会的使用phpStrom话可以看一下《PhpStorm的基本应用》

三、thinkphp的安装

3.1 使用composer安装thinkphp

根据thinkphp（以后简单tp）官方教程中目前最新版本《ThinkPHP6.0完全开发手册》

介绍安装方式为Composer安装

而phpStudy已经集成了composer，所以不用安装了，只要按下面的操作进去就行了

输入上面的创建命令即可，我这里把名字改为vueapi

composer create-project topthink/think vueapi

输入命令后静静地等待下载完即可

有 Succeed! 字样表示完成了。

上面可以看到目录的路径，在此路径下创建一个vueapi目录，所以完整路径为：D:\phpstudy_pro\WWW\vueapi

3.2 打phpStorm打开thinkphp项目

使用phpStrom打开项目后进入界面，如图所示：

ps：如果是新安装的phpStrom发现没有工具栏可以调出来

相关目录说明如下：

www  WEB部署目录（或者子目录）
├─app           应用目录
│  ├─controller      控制器目录
│  ├─model           模型目录
│  ├─ ...            更多类库目录
│  │
│  ├─common.php         公共函数文件
│  └─event.php          事件定义文件
│
├─config                配置目录
│  ├─app.php            应用配置
│  ├─cache.php          缓存配置
│  ├─console.php        控制台配置
│  ├─cookie.php         Cookie配置
│  ├─database.php       数据库配置
│  ├─filesystem.php     文件磁盘配置
│  ├─lang.php           多语言配置
│  ├─log.php            日志配置
│  ├─middleware.php     中间件配置
│  ├─route.php          URL和路由配置
│  ├─session.php        Session配置
│  ├─trace.php          Trace配置
│  └─view.php           视图配置
│
├─view            视图目录
├─route                 路由定义目录
│  ├─route.php          路由定义文件
│  └─ ...   
│
├─public                WEB目录（对外访问目录）
│  ├─index.php          入口文件
│  ├─router.php         快速测试文件
│  └─.htaccess          用于apache的重写
│
├─extend                扩展类库目录
├─runtime               应用的运行时目录（可写，可定制）
├─vendor                Composer类库目录
├─.example.env          环境变量示例文件
├─composer.json         composer 定义文件
├─LICENSE.txt           授权说明文件
├─README.md             README 文件
├─think                 命令行入口文件