这是一篇吐槽+记录的博客，以此纪念即将结束的实习生活和实习过程中最重要的一个学习成果——制作网页报表。
最近学校安排了实习，公司这边要求做一个简单的数据分析，说白了就是SQL语句查一查，最后再把结果给大家展示一下。
本来以为最后的展示用Excel就完了，毕竟公司的数据不能大部分拿出来展示，只展示几十条。谁寻思居然要求用网页做一个报表……还需要可以用下拉菜单进行条件筛选的那种……
说实话，当年学web网页制作的时候就头大，理论听上去很简单，但做起来就不是那么回事儿了。学完之后本以为这辈子以后跟网页制作没关系了，说啥也不会去应聘那种写网页的工作，这下可好，一个实习就要重新学习写网页。写也就算了，还要实现动态网页？？？学的时候就没学这里好嘛！
为了完成任务，一切只能从头开始了！……
背景：电脑刚安上了MySQL数据库，之前实习的任务已经基本完成，数据分析阶段已结束。
目标：实现一个网页报表，有下拉菜单可以选择用户所在地区和用户消费行为，然后显示符合条件的所有用户的消费记录和信息。
分析：任务可以分成两部分，一部分是网页的页面布局设计，一部分是实现将数据库的内容按条件查找后显示在网页的表格中。
第一部分：页面布局设计。
鉴于自己没啥页面设计经验，也没有太多前端代码编写经验，一切从简，美其名曰：极简版搜索。
页面中心偏上部位设计了两个下拉菜单，选择需要的条件后，数据库的查询结果将显示在页面。
第二部分：在表格中显示数据库查询结果。
这更没经验，完完全全小白一枚。一顿百度后了解了大概懂了个原理。
使用Ajax和js可以实现前后端的交互，但我这里实现的功能着实比较简单，也不至于叫交互那么高端。
在菜鸟教程上看了一个用PHP和Ajax实现的，链接：PHP - AJAX 与 MySQL。代码和sql数据都有了，于是自己copy了一下，想试试在自己的电脑上实现这个功能，这要是实现了，那整个任务不就妥儿妥儿的了！
然而，事实证明是我想的太美~
对于我这种从来没接触过PHP和Ajax，也没完整学习过前后端交互原理的人来说，这简直是坑！（好在机智如我，最后还是凭借着多年踩坑的经验成功上岸~）
坑一：急功近利，想着代码如此简洁，虽然没学过php这个语言，但好在有点html和其他编程基础，毫不费力就弄懂了两段代码的意思，直接拖到浏览器中运行！好家伙，嘛儿都没有！
解决：想了一天没想懂，大晚上迷迷糊糊快睡着的时候灵光一现：是不是太心急了，毕竟是个语言，是不是需要啥编译环境我没装！第二天到公司一试，果然……需要装一个php运行的集成环境。
于是我选择了网上大部分人推荐的WampServer。安装到也还算便捷，一直Next就OK了。谁成想又是我想的太简单了（唉，这个世界太复杂），打开网页，那个php文件还是运行不了。
我寻思着是不是数据库出问题了，连接了一下，完全ok，要啥有啥。那问题出在了哪里呢？这时候就出现了坑二。
坑二：WampServer安装好了是需要启动的（微笑）
解决：一开始不知道WampServer需要启动，以为这编译环境装好就再也不用担心了。然后百度告诉我PHP运行不了是因为没经过服务器编译！刚看这句话真没弄明白这啥意思，菜鸟教程也告诉我要在自己电脑上安装web服务器才可以运行php，于是我就去百度各种服务器，发现了大名鼎鼎的IIS！
又去百度IIS是啥，咋启动……乱七八糟一顿折腾，启动了……那个html调用php文件还是没反应……
自己又独自琢磨了很久，想到：是不是WampServer需要启动，不然为啥出个图标在桌面上？双击发现还真有反应！但却是一个报错：说有一个文件找不到，重装没准儿就解决了。
坑三：WampServer安装没那么容易
解决：我觉得事情没那么简单，于是就先去百度，网友说这个错误是因为缺少VC集成环境，装上就行了。于是找了资源下载了VC集成运行环境，这里倒是容易得很，迅速安装好了，重启电脑，重启WampServer服务，在双击图标运行……哦了！
PS：这里有一篇博文给了我不少解决问题的启发：WAMP的安装与配置
坑四：WampServer成功运行，但html仍然无法调用php文件
解决：其实一开始装WampServer就是为了解决这个问题的，但谁知道安上之后还是没法在html里调用php文件。百度了很多博客和问答帖，这里我的解决过程就不详细说了（说多了都是泪），我解决的关键步骤总结如下：
1、要想在html中调用php，需要修改WampServer的配置文件，具体路径：D:\wamp64\bin\apache\apache2.4.39\conf\httpd.conf这里的路径要根据自己安装wamp的路径写。在这个配置文件的末尾（网上说文件里任何地方都成）加上一句话：AddType application/x-httpd-php .htm .html（PS：很重要的亚子，这是众多网友们踩的坑，我还没踩到这，但以防万一还是先加上了）
2、把要调用php文件的html文件和被调用的php文件都放在wamp配置的指定文件夹里面，我的是D:\wamp64\www
这个目标文件夹在之前httpd.conf中也有提到：
3、运行这个html的时候要记得，不能直接使用浏览器打开这个html文件，这样就不会经过wamp中php服务器的处理，无法对php文件进行编译，也就无法正常调用php文件。
要这样：
也就是要在网址栏里面写上：localhost//你要调用的文件名.html
有了上面三个保障之后，再打开这个网页……就会是这个亚子！
大功告成！
文中未提及的其他重要参考链接：
PHP文件，在浏览器中用本地路径打开显示源码，用localhost打开正常运行 [问题点数：40分]
怎样设置让html中提交表单数据时，运行localhost下的php文件？