使用AI开发特定网站的基本流程手册

我们在各个云服务厂商（阿里云，百度云等）中购买的云服务器或者虚拟主机会给出相应产品的ip地址，大部分情况我们直接在浏览器中访问这个IP地址是不能访问这个网站的，我们还需要购买自己的域名，然后将相应的IP地址和购买的域名绑定到一起，这个过程叫做域名的解析，在之后我们访问这个域名就可以访问我们在相应的服务器上部署的网站。

其中，域名的购买期限一般以一年为基础，服务器/虚拟主机的购买期限一般以一个月为基础。

1.3 如何往网站服务器中传输文件

我们常用的网站的文件传输协议为ftp协议，对于网站传输文件的软件有ftp客户端例如Filezilla

Filezilla的页面如下

在这个软件的上端我们可以看到有主机端，用户名，密码，端口的填空位置，而这些数据信息一般购买服务器的厂商页面都会给出，ftp的端口默认值一般为21端口，我们输入相应的信息并连接后，服务器上的文件目录便会出现在右半部分，这时我们便可直接将存储在本地的网站文件上传到服务器中。

网站开发

2.1 phpstudy的使用

phpstudy（小皮面板）是在windows系统里本地搭建开发以php为开发语言的网站的软件，主页面如下

在这个主页面我们可以看到四个引人注目的“套件”

其中Apache,Nginx为常用的web中间件，是搭建网站必须的，ftp是上文中提到的网站服务器文件传输协议，mysql是数据库类型。

我们要启动一个完整拥有前后端的网站必须要将web中间件与mysql同时打开，此时我们访问本地ip地址（127.0.0.1）则会出现以下页面

此时证明我们的本地服务器环境已经搭建完成的，但请注意，我这里一直强调本地是因为phpstudy搭建的网站环境仅能同一局域网内访问，因此用phpstudy搭建的网站仅用于测试开发，不可用于最终的网站部署。

2.2 Trae的介绍与使用

Trae作为一个专门用于开发的AI应用，它有一个特点可以直接将编写修改的代码文件存储在我们的电脑文件夹中

左侧这一栏为我们选择的用于存储开发的网站的文件夹，右侧这这一栏是我们与AI进行对话的页面，中间这一栏用于显示相应的文件的具体内容以及AI对文件进行修改的内容。

完整的网站开发流程

接下来我们将用此AI开发一个简单的学生管理系统为例介绍整个网站的开发流程。

3.1 与AI的对话引导思路

在网站最开始的开发我们应该对AI提出具体的要求，我们以php+mysql

（网站语言+数据库类型）的形式要求AI开发对应的网站。

我们首先可以在phpstudy的网站根目录里创建一个名为“student”的文件夹，这个根目录一般在phpstudy文件中名为“www”的文件

下一步，在Trae中打开这个文件夹

下一步，与AI开始对话，输入“请用php+mysql的形式给我开发一个学生管理系统”可以看到这个时候AI开始构建相应的文件目录，对于文件的修改AI仍需要我们授权，大部分时候直接点击“保留”即可。

现在我们可以看到这个文件里已经创建了一些主要文件，我将针对其中的两个文件的作用进行解析。

config.php

这个文件是我们用于绑定数据库的文件，在绑定数据库之前我们需要现在phpstudy

上创建新的数据库。

点击确认后我们便创建了专门用于搭建这个网站的数据库了，然后我们把这个文件的后缀.php改为.txt用记事本打开。

在数据库配置这一栏我们需要将相应的信息改为正确的，由于是在本地搭建的环境，因此第一个HOST地址填写localhost即可，在正式购买的服务器则需要填写其相应的地址，其他的数据库名称，用户，密码填写我们刚创建的即可，然后修改完需要把文件拓展名改为.php

Index.php

一般来讲名为index的文件为这个网站的主页面，我们访问这个文件则会出现这个网站的主页面，因此我们访问http://127.0.0.1/student/index.php，会出现我们刚刚搭建的网站主页面。不过如果你访问http://127.0.0.1/student/，即使不带上index.php你会发现同样会出现这个页面，此时默认访问的是index.php文件。