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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。