第五天：前端页面展示不出来

短命女 2024-02-20 09:34 32阅读 0赞

### 0.问题展示![image.png][] ###

**但是我这个 展示不来**  
![image.png][image.png 1]

### 1.前端页面 渲染 不出来问题 ###

1.  首先想到的是，前端传值的问题
2.  然后排查到前端 传值是正确的
3.  传值的话，开始debugger 页面没有，然后找他的父页面，父页面是有值的
4.  然后找父 方法内部debugger
5.  发现第三步有值了，刚点错路径 了
6.  之后的话排查 后端 找sql 语句
7.  发现还是没有
8.  然后 发现数据库本身就没有数据，无语了都

### 2.问题1：前端如何debugger ###

和问题2 差不太多  
![image.png][image.png 2]

### 3.问题2：如何找到前端指定页面 ###

画圈的点进去就是 前端的页面  
![image.png][image.png 3]  
![image.png][image.png 4]

debugger 页面  
![image.png][image.png 5]

![image.png][image.png 6]

### 4.问题3：如何找到 想要的sql 语句 ###

这个是sql的具体位置  
![image.png][image.png 7]  
这个是后台真正的执行语句  
![image.png][image.png 8]

### 5.sql语句报错了 如何解决 ###

![image.png][image.png 9]  
检查 最后的”  
![image.png][image.png 10]

![image.png][image.png 11]  
注释去掉  
![image.png][image.png 12]

### 6.业务问题 如何debugger 后端 ###

[image.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/5a9f2ebe76504310af13e79b29ae7fdd.png
[image.png 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7cd3152a3eb643feba4ce3576462fe47.png
[image.png 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/0d3a26b5e6b643589de1a4134dc672c4.png
[image.png 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b9b0c66d9764422486ad771063b23023.png
[image.png 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4fee3af0bf1045509f067d17bc2e3657.png
[image.png 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/9ea8b9a7c7b340a28943254d89689978.png
[image.png 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c4176eedc0af4a7a9341ddf811c13492.png
[image.png 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7a462472e69e475ba9c81f20d24bd890.png
[image.png 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/167e67247f924bce937964430e9df55d.png
[image.png 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c4b2fe3068f84c55a5966ba0b5af53a0.png
[image.png 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/17b8307aa2804268a1a39a6686a88f9b.png
[image.png 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b7921631d5d64586a3cab1bf1227bd20.png
[image.png 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7d1a5d8f16d24929b3b79956f0b61148.png