产品人员如何利用XAMPP构建本地网站

记得刚毕业的时候,由于自己大学所学专业的原因,找的第一份工作是PHP开发,使用的是Kohana框架。Kohana当时在中国用的人不多,相关的中文技术文档少之又少。同时那家公司的PHPer,要懂Kohana+MySQL,要懂CSS+HTML(当时我写的CSS老存在兼容性的问题),JQ对我来说,也很难。重要的是,后来技术总监觉得JQ不好用,于是自己写了个JS框架(大神级)。然而对于当时的我来说,是相当痛苦的一年,各种不懂,各种难,感觉程序员不是人干的活,后来自己就转行了。。。从此走上了一条不归路!

回到正题,如何利用XAMPP,在本地构建一个PHP配置环境?

第1步,下载、安装XAMPP;

我们可以去XAMPP官网下载最新的安装包,下载地址为:
https://www.apachefriends.org/zh_cn/index.html

然后进行安装,如下图:

产品人员如何利用XAMPP构建本地网站_第1张图片
安装XAMPP

安装过程就不一一介绍了,和普通软件安装是一样的;

第2步,开启XAMPP的相关服务;

产品人员如何利用XAMPP构建本地网站_第2张图片
开启xampp服务

点击Apache中的Start开启服务;
点击MySQL中的Start开启服务;

点击它们后方的【admin】,若能正常打开,则表示Apache和MySQL安装成功!

第3步,进入phpMyAdmin;

点击MySQL服务后面的【admin】,若没有装过MySQL,则会直接进入phpMyAdmin的如下操作页面:

产品人员如何利用XAMPP构建本地网站_第3张图片
phpMyAdmin

而如果装过MySQL,或者设有登录密码,则会出现下方的登录界面:

产品人员如何利用XAMPP构建本地网站_第4张图片
phpMyAdmin

这时候,我们只需要找到config.inc.php设置一下就好!

保存config.inc.php后,重启服务器即可访问phpMyAdmin了。

第4步,配置数据库;

①点击【用户】,进入数据库操作界面。

产品人员如何利用XAMPP构建本地网站_第5张图片
phpMyAdmin

②添加数据库用户。

产品人员如何利用XAMPP构建本地网站_第6张图片
创建数据库

Host选择的是【本地】;

勾选<创建与用户同名的数据库并授予所有权限>,在创建用户的同时,将同步创建一个数据库;我们在后面安装WordPress等程序的时候,将会用到【用户名】、用户对应的【登录密码】和【数据库名称】;

全局权限,我们勾选【全选】;

用户创建成功后,数据库将同步创建,如下图:

产品人员如何利用XAMPP构建本地网站_第7张图片
和用户同名的数据库

至此,数据库用户和数据库创建完毕!

第5步,本地网站的构建;

由于我搭建的是PHP环境,所以我在这里搭建的是基于PHP的本地网站。

我顺便收集了一些基于PHP的系统,具体如下:

博客系统:

WordPress:https://cn.wordpress.org/

Z-Blog:http://www.zblogcn.com/zblogphp/

Bo-Blog:http://www.bo-blog.com/index.php?l=zh_cn

CMS系统:

phpcms:http://www.phpcms.cn/

织梦CMS(dedecms):http://www.dedecms.com/

帝国cms(EmpireCMS):http://www.phome.net/

DiyPage:http://www.diypage.com/

emlog:http://www.emlog.net/

论坛系统:

discuz!:http://www.discuz.net/forum.php

phpwind:http://www.phpwind.net/

好,回到正题,我就能WordPress举例,

①解压WordPress;

把从官网下载好的WordPress程序包解压,然后把wordpress整个文件夹放到“xampp\htdocs”目录里面。如下图:

产品人员如何利用XAMPP构建本地网站_第8张图片
WordPress

②安装WordPress;

访问:http://localhost/wordpress/,出现以下的页面:

产品人员如何利用XAMPP构建本地网站_第9张图片
安装WordPress

点击【现在就开始】,然后填上刚刚建的数据库以及数据库名字及其密码。

产品人员如何利用XAMPP构建本地网站_第10张图片
让WordPress和数据库相连

然后提交,提示完成。访问自己的本地网站:http://localhost/wordpress/

产品人员如何利用XAMPP构建本地网站_第11张图片
WordPress搭建成功

③举一反三;

通过这种方法,我们可以通过创建不同的数据库(数据库用户名),在【htdocs】文件夹下创建不同的系统,如:

http://localhost/wordpress/
http://localhost/phpcms/
http://localhost/phpwind/
等。。。

你可能感兴趣的:(产品人员如何利用XAMPP构建本地网站)