前端运行PHP 快速上手 使用 PHPStudy Pro 详细搭建与使用指南

PHPStudy Pro 详细搭建与使用指南

对于PHP开发者而言,一套稳定、便捷的本地开发环境是提高效率的基础。PHPStudy Pro作为一款集成化的开发环境工具,能够快速搭建WNMP(Windows+Nginx/Apache+MySQL+PHP)或WAMP环境,省去了单独配置各个组件的繁琐流程。本文将从下载安装到运行第一个PHP程序,为你提供一步到位的详细指南,即使是新手也能轻松上手。

一、环境准备:为什么选择PHPStudy Pro?

在开始搭建前,先简单了解下PHPStudy Pro的优势:

  • 集成化管理:一键安装Apache、Nginx、MySQL、PHP等组件,无需逐个配置,降低入门门槛。
  • 多版本切换:支持不同PHP版本(如5.6、7.x、8.x)和MySQL版本的快速切换,满足不同项目的环境需求。
  • 可视化操作:图形化界面直观易懂,网站创建、服务启停、配置修改等操作均可通过界面完成。
  • 稳定性强:经过大量用户验证,组件搭配合理,减少因环境冲突导致的异常问题。

本文将以Windows系统为例,搭建Apache+MySQL+PHP的开发环境。

二、详细搭建步骤

  1. 下载与安装PHPStudy Pro

首先进入PHPStudy官方网站(https://www.xp.cn/),点击首页的“下载”按钮,获取最新版的PHPStudy Pro安装包(一般为.exe格式)。

下载完成后,双击安装包启动安装程序:

  • 选择安装路径:建议避免安装在C盘(系统盘),可选择D盘或其他非系统盘,如“D:\phpstudy_pro”。
  • 勾选“创建桌面快捷方式”(方便后续启动),点击“立即安装”。

等待安装完成,点击“立即体验”启动PHPStudy Pro。

在这里插入图片描述

注意:安装过程中建议关闭360等杀毒软件,避免误报拦截组件安装,导致环境不完整。

  1. 启动WNMP服务(Apache+MySQL)

打开PHPStudy Pro后,默认进入“首页”界面。在左侧导航栏选择“服务”,可以看到Apache和MySQL的状态显示为“未启动”。

本文选择以下版本组合(兼容性较好,适合新手入门):

  • Apache:2.4.39
  • MySQL:5.7.26

PHP:7.2.9nts(非线程安全版)

在这里插入图片描述

操作步骤:

  1. 点击Apache右侧的“启动”按钮,等待几秒钟,状态变为“已启动”(绿色图标)。
  2. 同样点击MySQL右侧的“启动”按钮,状态变为“已启动”。
  3. 若启动失败,可点击“日志”查看具体错误信息,常见原因包括端口被占用(如Apache默认80端口被 IIS 占用,MySQL默认3306端口被其他程序占用),可在“配置”中修改端口号。
  4. 安装对应版本的PHP

如果启动服务时提示PHP版本未安装,需手动安装指定版本:

  1. 点击左侧导航栏的“软件管理”,进入组件安装界面。
  2. 安装完成后,返回“服务”界面,刷新页面,确保PHP版本已正确识别。
  3. 创建本地网站

在“PHP”分类下找到“PHP 7.3.4nts”,点击右侧的“安装”按钮。

在这里插入图片描述

服务启动成功后,开始创建第一个本地网站:

  1. 点击左侧导航栏的“网站”,进入网站管理界面。
  2. 点击右上角的“创建网站”按钮,弹出创建窗口。
  3. 填写网站信息:
    域名:设置为自定义本地域名,如“test6”(无需后缀,本地访问时可直接使用)。
  4. 端口:默认80(若80端口被占用,可修改为其他端口如8080)。
  5. 根目录:默认会生成对应域名的目录(如“D:\phpstudy_pro\WWW\test6”),可根据需求修改,捉着查找项目 或者项目 /public 目录。
  6. PHP版本:选择已安装的“PHP 7.2.9nts”。
  7. 填写完成后,点击“确认”按钮,网站创建成功。

验证网站创建成功

在这里插入图片描述

网站创建后,可通过以下步骤验证:

  1. 在网站列表中找到刚创建的“test6”,点击右侧的“管理”按钮,选择“打开网站”。
  2. 此时浏览器会自动打开页面,显示“站点创建成功”,说明网站配置正常。
  3. 编写并运行第一个PHP程序(Hello World)或者 绑定根目录为实际项目 路径

接下来编写经典的“Hello World”程序,测试PHP环境是否正常工作:

  1. 在网站管理界面,点击“test6”右侧的“管理”按钮,选择“打开根目录”,此时会打开网站的根目录文件夹(D:\phpstudy_pro\WWW\test6)。
  2. 在文件夹内右键,选择“新建”→“文本文档”,创建一个记事本文件。
  3. 将文件重命名为“index.php”(注意:后缀必须为.php,而非.txt,若看不到文件后缀,需在Windows文件夹选项中勾选“显示文件扩展名”)。
  4. 右键“index.php”,选择“打开方式”→“记事本”(或其他代码编辑器如Notepad++、VS Code)。
  5. 在文件中输入以下PHP代码:
  6. 保存文件并关闭记事本。
  7. 访问PHP程序

打开浏览器,在地址栏输入以下任一地址:

  • http://127.0.0.1/test6/(127.0.0.1是本地回环地址)
  • http://test6/(直接使用自定义的本地域名)

若浏览器页面显示“hello world!”,则说明PHP环境搭建成功,第一个PHP程序运行正常!

三、常见问题与解决办法

  1. Apache/MySQL启动失败怎么办?

最常见原因是端口被占用:

  • 查看端口占用:在PHPStudy Pro“服务”界面,点击对应服务的“配置”→“端口检测”,可查看端口是否被占用。
  • 修改端口:若80端口被占用,可将Apache端口改为8080;3306端口被占用,可将MySQL端口改为3307,修改后重启服务即可。
  1. 浏览器访问网站时显示“404 Not Found”?

可能原因:

  • 根目录错误:检查网站的根目录是否正确指向包含index.php的文件夹。
  • 文件名错误:确保入口文件名为index.php(PHPStudy默认优先解析index.php)。
  1. PHP代码不解析,直接显示源代码?

原因:未正确配置PHP版本,或Apache未加载PHP模块。解决办法:

  • 在“网站”管理界面,确认对应网站的“PHP版本”已选择正确的已安装版本。
  • 重启Apache服务,确保配置生效。

四、总结

通过以上步骤,我们成功使用PHPStudy Pro搭建了Apache+MySQL+PHP的本地开发环境,并运行了第一个PHP程序。PHPStudy Pro的集成化特性大大简化了环境配置流程,非常适合PHP新手入门。接下来你可以在此基础上开发更复杂的PHP项目,如连接MySQL数据库、搭建CMS系统等。如果在使用过程中遇到其他问题,可查阅PHPStudy官方文档或社区论坛获取帮助。

Read more

从前端到DevOps_各类开发者AI工作流工具

从前端到 DevOps:一篇看懂各类开发者最该配备的 AI 工作流工具 三个月实践总结:从怀疑到依赖,AI 工具如何改变了我的开发方式 写在前面 三个月前,我在周末通宵赶项目的时候突然意识到一个问题:我写了十年代码,却仍然在用最原始的方式工作——手动写样式、反复调试 API、在各种文档之间来回切换。那天凌晨三点,我盯着屏幕上重复的代码,想着肯定有更好的办法。 这个念头让我开始系统性地研究 AI 辅助开发工具。作为一个从 jQuery 时代走过来的前端开发者,我起初对 AI 编程助手是抱有怀疑的——它们真的能理解我的代码逻辑吗?会不会只是生成一堆看似正确但实际不可用的代码? 但三个月的实践让我彻底改变了看法。现在我的日常工作流已经离不开这些工具,开发效率提升了至少 40%,更重要的是,我终于可以把精力集中在真正重要的架构设计和业务逻辑上,而不是陷入重复性劳动。 这篇文章不是工具清单的简单罗列。我会以一个前端开发者的视角,分享我在实际工作中使用各类 AI 工具的经验,包括踩过的坑、总结的技巧,以及针对不同技术栈开发者的推荐。无论你是前端、后端、DevOps

手把手js逆向断点调试&js逆向前端加密对抗&企业SRC实战分享

手把手js逆向断点调试&js逆向前端加密对抗&企业SRC实战分享

0x1 前言 哈咯,师傅们!最近在学习js逆向相关的知识点,跟着网上的师傅的课程已经很多相关文章探索学习,今天想着写一篇js逆向断点调试&js逆向前端加密对抗相关的文章出来,给师傅们分享下,有不正确的地方,希望大佬勿喷。 这篇文章主要是给没有学习过js逆向的师傅学习的,分享一些js逆向基础知识,js实战断点调试技巧以及后面分享js逆向靶场搭建以及js逆向前端加密对抗,拿微信小程序常用的AES、RSA和明文Sign 签名校验绕过几个方面给师傅们分享下操作技巧。 最后面给师傅们分享一个前段时间搞的一个企业src的商城优惠卷并发漏洞,也是拿到了一千块的赏金,漏洞都很详细的给师傅们分享了这个案例,师傅们看完我上面的js断点调试和js前端加解密靶场打法等,可以去尝试玩下,要是有地方写的有问题,大佬勿喷! 0x2 如何找到加密算法 这里我直接拿Google浏览器控制面板来给师傅们演示下这个流程,主要是通过F12调试控制js前端代码 其中里面的作用域,调用堆栈,XHR断点这三个功能需要了解认识下 一、作用域(Scope) 作用域是指变量、函数和对象在代码中可访问

前端直连大模型:实战指南与最佳实践

前端直连大模型:实战指南与最佳实践

引言:前端开发者的AI新纪元 随着ChatGPT等大模型的爆发式增长,AI能力正以前所未有的速度渗透到Web应用的每个角落。作为前端开发者,我们不再只是数据展示的"搬运工",而是可以直接与AI对话、构建智能应用的"魔术师"。本文将带你深入探索前端调用大模型的完整技术栈,从基础原理到高级实践,助你在AI时代抢占技术先机。 一、前端调用大模型的四种核心方式 1. 直接API调用 - 最直接的交互方式 // 使用Fetch API直接调用OpenAI const callOpenAI = async (prompt) => { const response = await fetch('https://api.openai.com/v1/chat/completions', { method: 'POST', headers: { 'Content-Type&