WordPress集成调试环境搭建

  categories:wordpress  author:

原创文章,转载请指明出处并保留原文url地址

 

一.php环境准备

1. vmware软件及windows xp环境的准备

我们采用vmware软件安装xp系统来完成php集成开发环境的搭建工作。

vmware软件到搜索引擎搜索并下载安装, 可以参考如下相关文章了解vmware,已经xp的安装等。

虚拟机vmware新手使用教程

VMware创建局域网

VMware Workstation网络实验

2. 安装xampp

XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是LAMPP,但是为了避免误解,最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris三种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 详情参阅:

XAMPP安装及使用概述

二.安装wordpress用的数据库

1. 启动虚拟机

2. 在虚拟机中,点击如下图中的1处图标, 启动xampp控制面板,效果如下图

wps_clip_image-22630[3][1]

3. 在xampp的控制面板中,点击图中2处的 admin按钮,启动mysql的管理界面

4. 创建wordpress的数据库及用户名等,如下图

wps_clip_image-18265[3][1]

如图中1处,地址栏中,我们采用phpmyadmin程序管理mysql数据库。 在管理界面中点击权限标签(图中2处), 点击添加3处链接

wps_clip_image-31881[3][1]

用户名处输入:iigrowing

密码输入:xxxxx  自行设定

用户数据库选择 图中“创建与用户同名。。。。”选项。

向下滚动屏幕, 选择下面的全选链接

wps_clip_image-27733[3][1]

最后点击自行按钮

wps_clip_image-28299[3][1]

最后选择数据库连接, 见到如下图iigrowing数据库。

wps_clip_image-13318[3][1]

三.安装wordpress

详细安装过程参加:WORDPRESS安装

简单安装过程如下:

wps_clip_image-31854[3][1]

如上图, 解压缩wordpress-3.1.2-zh_CN.zip文件到目录中。

如上图, 选择全部文件, 拷贝到xampp htdocs目录中, 如下图所视。

wps_clip_image-8478[3][1]

启动浏览器,输入如下地址,后显示如下:

wps_clip_image-8193[3][1]

选择“试试创建一个配置文件”

wps_clip_image-26737[3][1]

如上图输入相关信息, 然后点击下一步, 每一步都取默认设置, 并且设置合适密码等, 最后结果如下:

wps_clip_image-23557[3][1]

四.安装配置phpED环境

1. PhpED 软件安装

PhpED 通过无与伦比的PHP调试和压缩能力,以及一个新的NuSOAP web服务向导成为了PHP领域的领军产品。更加强大的Project Manager使得发布站点和应用程序比以前更加容易。现在可以在线程级别对正在运行或者开发中的程序进行测试和调校。而且,对PostgreSQL和MySQL数据库的本地支持为PHP使用开源数据库提供了一个广泛的环境。

wps_clip_image-1551[6][1]

如上图, 解压安装包后, 运行途中文件“NuSphere-phped-8.1-Win32.exe”

wps_clip_image-30549[3][1]

安装完成后如上图

2. 配置PhpED环境

点击文件菜单, 选择新建项目菜单

wps_clip_image-7235[3][1]

点击下一步后,显示如下信息。

wps_clip_image-11877[3][1]

请选择上图中相关选项, 然后选择next按钮

wps_clip_image-29608[3][1]

选择上图中的配置, 点击next

wps_clip_image-30099[3][1]

上图中务必输入相关信息

C:\xampp\htdocs 是xampp的文档目录,是html,php等文件的根目录。

wps_clip_image-27816[3][1]

务必保证上图中相关配置, 然后点击next

wps_clip_image-31515[3][1]

确保两个选项一定被选中(极其重要,务必选择)

wps_clip_image-30236[3][1]

软件将分析系统相关设置等。

wps_clip_image-19897[3][1]

上图相关错误信息时,务必选择yes按钮

wps_clip_image-31221[3][1]

出现图中绿色对话框时,打开xampp控制面板对话框, 选择stop按钮。

之后,点击对话框中 ok按钮, 然后出现下面对方框。

wps_clip_image-30005[3][1]

选择start按钮, 然后点击ok按钮

最后出现如下对话框

wps_clip_image-30732[3][1]

之后进行如下对话框中功能,务必选择“check debugger”

wps_clip_image-29804[3][1]

最后显示下面对话框,说明环境配置已经完成了。

wps_clip_image-2189[3][1]

最后保存项目如下。

wps_clip_image-10394[3][1]

五.调试wordpress

如下图,打开项目后, 点击index.php文件, 然后index.php的文件编辑区域, 打开“wp-blog-header.php”文件

wps_clip_image-2710[3][1]

如下图, 在“wp-blog-header.php”文件中设置断点(图中两个绿色长矩形)

wps_clip_image-22506[3][1]

点击下图中绿色矩形中, 紫色矩形区域相关的按钮, 启动php调试器

wps_clip_image-10501[3][1]

显示下面图形中对话框, 选择yes按钮

wps_clip_image-4509[3][1]

程序运行到断点处后停止运行,可以选择各种调试工具进行相关处理

wps_clip_image-28302[3][1]

上图中,标有号码的区域都是, 对调试程序具有非常重要功能或者区域,务必逐步测试体验。

wps_clip_image-21568[3][1]

上图是以,进入多层文件后的堆栈调用情况,堆栈调用对调试程序非常有用。

通过以上,整个wordpress调试环境已经配置完毕。



快乐成长 每天进步一点点      京ICP备18032580号-1