手把手教你写项目之游戏陪玩app全栈开发---第二章:地基搭建:没搞定环境,就像出门忘了穿裤子

阅读前请先下载项目源码,边读边看源码以加深理解和实操,
源码地址已放于文章末尾!

效果预览:
在这里插入图片描述

在这里插入图片描述

第二章:地基搭建:没搞定环境,就像出门忘了穿裤子

各位同学,欢迎回到我们的“陪玩App”建造现场!

上一章,我们欣赏了项目的“设计蓝图”,搞清楚了它是什么、用什么技术造的。所谓“蓝图”在手,天下我有。但光有图纸还不行啊,咱们得有地、有砖、有起重机,才能把大楼盖起来。这一章,我们就来干这个“打地基”的活儿——搭建本地开发环境。

我知道,环境搭建这个环节,对新手来说简直就是“劝退”第一关。各种报错、各种依赖问题,就像出门前找不到钥匙一样让人抓狂。但别慌,跟着我的节奏,咱们一步步来,保证让你安全“出门”,并且“穿戴整齐”。

一、我们需要哪些“建筑材料”?

要让我们的PHP项目跑起来,你需要一个专业的“施工队”,业界称之为 LNMP。这是四个“工种”的缩写:

  • L (Linux): 操作系统。不过别怕,咱们在 WindowsmacOS 上也能完美模拟,不需要你真的去装个Linux。
  • N (Nginx): 一个高性能的Web服务器。它就像工地的“门卫大爷”,负责接收所有用户的访问请求,然后把请求分发给对应的“工人”。
  • M (MySQL): 我们的“材料仓库”——数据库。所有的数据都存在这里,上一章已经介绍过了。
  • P (PHP): 项目的“主力建筑工”。所有的后端逻辑代码,都得靠它来执行。

把这一整套环境配齐,听起来是不是有点头大?别担心,前人已经为我们铺好了路。我们不需要一个一个去安装,而是使用“集成开发环境”,一键就能拥有整个“施工队”。

二、一键配齐:PHPStudy——新手村的“屠龙宝刀”

在这里,我强烈推荐一款神器:PHPStudy

它就像一个工具箱,把 NginxMySQLPHP 全都打包好了,还提供了一个图形化的操作界面。你只需要点点鼠标,就能启动、停止服务,切换PHP版本,管理数据库,简直是新手福音,居家旅行、开发学习必备良药。

下载与安装:

请自行前往 PHPStudy 的官方网站 (xp.cn) 下载对应你操作系统的版本。安装过程就是无脑的“下一步”,这里就不赘述了。

安装完成后,打开 PHPStudy,你会看到一个清爽的界面。点击“启动”,一键就能把 NginxMySQL 服务都跑起来。如果看到两个服务都亮起了绿灯,那么恭喜你,第一步成功了!

三、安家落户:把项目代码放到“工地”上

环境有了,接下来就该把我们的“图纸”——项目源码,放到正确的施工位置了。

  1. 找到网站根目录:PHPStudy 的“网站”管理界面,你可以找到默认的网站根目录,通常是一个名为 WWW 的文件夹。
  2. “拎包入住”: 将我提供给你的整个项目源码压缩包,解压到这个 WWW 目录里。确保解压后的文件夹结构是清晰的,比如 WWW/peiwansystem/

四、配置“门禁”:让Nginx认识我们的项目

现在,代码是放进去了,但“门卫大爷” Nginx 还不知道有这么个新项目。我们需要给他“登记”一下,告诉他当用户访问某个域名时,应该去哪个文件夹里找代码。

  1. 创建网站:PHPStudy 的“网站”界面,点击“创建网站”。

  2. 填写信息:

    • 域名: 填写一个你喜欢的本地开发域名,比如 peiwan.test
    • 根目录: 选择你刚才解压的项目路径,一直选择到 public 文件夹,例如 D:/phpstudy_pro/WWW/peiwansystem/public注意: ThinkPHP框架的入口文件在 public 目录下,所以根目录一定要指向 public
    • PHP版本: 选择一个 7.x 的版本,比如 PHP 7.3 或 7.4。
  3. 保存配置: 点击确认,PHPStudy 会自动帮你生成 Nginx 的配置文件。

  4. 修改Hosts文件: 为了让你的电脑能识别 peiwan.test 这个“暗号”,还需要修改一下系统的 hosts 文件。

    • Windows: 位于 C:/Windows/System32/drivers/etc/hosts
    • macOS: 位于 /etc/hosts
    • 用管理员权限打开这个文件,在末尾添加一行:127.0.0.1 peiwan.test,然后保存。

五、连接“仓库”:配置数据库信息

项目要运行,得能连上数据库这个“材料仓库”才行。

  1. 创建数据库:PHPStudy 的“数据库”界面,你可以很方便地创建一个新的数据库。我们就叫它 peiwan_system 吧,字符集选择 utf8mb4

  2. 导入数据: 通常项目源码里会附带一个 .sql 的数据库文件,这是项目的数据备份。你需要把这个文件导入到你刚创建的 peiwan_system 数据库中。

  3. 修改项目配置: 打开项目源码中的 application/database.php 文件,修改里面的数据库连接信息,确保和你本地 PHPStudy 的设置保持一致。

    // 文件路径: /application/database.php
    
    // ...
    return [
        // ...
        // 数据库名
        'database'        => Env::get('database.database', 'peiwan_system'), // 改成你的数据库名
        // 用户名
        'username'        => Env::get('database.username', 'root'),          // 改成你的MySQL用户名
        // 密码
        'password'        => Env::get('database.password', 'root'),          // 改成你的MySQL密码
        // ...
    ];
    

六、见证奇迹的时刻:启动!

万事俱备,只欠东风!

现在,打开你的浏览器,在地址栏输入 http://peiwan.test,然后按下回车。

如果一切顺利,你应该能看到项目的首页了!虽然可能还有一些图片加载不出来,或者某些链接点击了没反应,但只要页面出来了,就说明我们的“地基”已经成功打好!

如果出现了报错信息,别灰心。仔细阅读报错信息,90%的问题都出在上面的配置环节。检查一下你的域名、根目录、数据库信息是否都配置正确。

七、总结

恭喜你,成功闯过了最艰难的“新手村”!搭建环境的过程虽然繁琐,但这是每个程序员的必经之路。这个过程能让你对一个Web项目是如何运行起来的有一个宏观的认识。

现在,我们的“工地”已经准备就绪。在下一章 《数据库:数据的“户口本”,我们来当一次“片儿警”》 中,我们将深入“材料仓库”,看看里面的数据是如何设计和组织的。

准备好,我们继续出发!

源码下载地址:
https://thmail.lanzouu.com/iveW134b31qj

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

THMAIL

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值