JAVA框架——eclipse调试

在保证编写代码没有红波浪提醒有错误的前提下，对Web项目先进行页面调试。将预览的浏览器从eclipse内置浏览器修改为谷歌、火狐等浏览器。

调试：
1.谷歌浏览器按下F12键，进入开发者模式。
2.根据需求对项目进行测试，观察右侧调试框内的Console是否标红报错（一闪而过的也不能错过），根据报错进行修改调试代码。
3.对于没有实现功能并且没有报错的情况，对项目中的运行逻辑打日志Log，检查哪步出现问题。
4.还有一种常见的错误，写错字母…这就需要更细心了。

一、Servlet没有继承类
由前端使用ajax请求数据到后台过程中，通过ajax的url路径和Servlet的@WebServlet映射方法使前端与后端数据进行交互。编写项目过程中在Servlet这个java类出现了问题：

表格的表头显示了，说明不是下面JS和CSS文件未导入的问题，浏览器报错显示：

Failed to load resource: the server responded with a status of 404 (Not Found)

eclipse中报错显示：

错误排查：
1.检查Servlet继承类。
查看项目代码后发现显示数据库中所有学生信息的Servlet没有继承需要的HttpServlet类

2.检查web.xml文件中的配置。
项目采用的是@WebServlet映射方法，不需要在web.xml文件中配置，因此错误不可能出现在这个文件中。

进行相应的修改后，运行项目：

成功！

二、没有引入对应的scirpt脚本
显示学生数据到表格中，使用的是Bootstrap框架的表格组件

<table id="ShowTable" class="table table-striped table-bordered table-hover" style="margin: 0px auto"></table>

其中style="margin:0px auto"是将表格居中显示，只需要一行代码就可以显示表格，数据加载与表头的设置都写在js文件中，前端主体代码更加简洁。
编写好代码后运行项目，发现错误：

表格内的内容并没有如预期显示再界面上，表格的表头都没有显示，浏览器开发者模式对当前页面报错：

搜索资料后有一种方案是Boostrap框架需要引入的JS文件需要用到JQuery，所以需要将JQuery的JS文件放在最前面引入

检查项目代码后发现没有问题
再次查阅资料后发现，由于使用的是Bootstrap框架的表格bootstrap-table插件，需要另外再引入对应的JS文件和CSS文件，此处直接使用cdn库上的链接引入

<!-- 引入bootstrap-table样式 -->
 <link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet"> 
 <!-- bootstrap-table.min.js --> 
 <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> 
 <!-- 引入中文语言包 --> 
 <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>

导入对应的样式文件和脚本文件后，检查代码运行项目

显示成功！

综上所述，对于Bootstrap框架的运用还需要加以巩固熟悉，对于之前学习的知识点也不能忘记，丢三落四很容易使项目报错。