怎么把数据库的数据显示在页面上

用Eclipse tomcat新建一个JSP页面（一）介绍了如何创建一个web程序和第一个jsp页面，以及Eclipse需要的一些必要配置。今天，我们重点说一下如何从数据库中查询数据，并且在JSP页面显示。

首先需要注意这样一个问题：

建的如果是Java项目，只需要引入MySQL-connector-java-5110-binjar就可以运行java项目。建的如果是web工程，当ClassforName("commysqljdbcDriver");时，Eclipse是不会去查找字符串，不会去查找驱动。所以需要把mysql-connector-java-5110-binjar拷贝到tomcat下lib目录下，然后，右键工程，点击properties，然后点击Java Build Path,点击Add External Jars，从tomcat下lib目录中选择对应的mysql-connector-java-5110-binjar，如下图所示，然后点击OK即可。

需要到Eclipse来实现。

1、首先我们使用数据库连接工具HeiDiSQL来连接本机的mysql数据库，

2、使用该工具创建一个test数据库，

3、在该数据库中创建一张student表，该表中有id、name和age字段，我们同时给数据库添加数据，如下图所示。

4、我们创建一个Student类，并为该类分别创建id、name和age属性，并用private修饰符进行限定。接下来我们为这些属性创建getter和setter方法，如下图所示。

5、我们创建一个数据库连接类，用于配置数据库连接的属性，如数据库的驱动、URL、用户名和密码。

6、我们创建完数据库的连接后，使用getConnection()方法获取连接，

7、使用close()方法关闭连接。我们在使用mysql时需要添加smysql驱动的jar包。

8、接下来我们创建MVC模式中的数据持久化层，首先我们创建一个TestDao接口，用于定义获取数据的方法。

9、接下来我们创建TestDaoImpl实现类，并且实现TestDao接口，重写该接口中的方法，如下图所示。

10、我们将数据以集合的形式返回，此时需要创建TestSverlet类进行业务逻辑处理。我们首先创建一个构造方法，并在构造方法中获取数据库的连接。

11、我们创建的TestServlet类继承了>

12、我们创建一个studentjsp的文件，在该文件中使用EL表达式和JSTL标签来获取request范围的属性数据，即上一步骤的查询结果。

13、最后我们需要在webxml文件中配置该Servlet的请求路径等信息，如下图所示。

14、以上步骤完成后我们使用Tomcat启动该项目，按照请求路径访问便可在页面表格中获取到数据库的查询结果。

首先写一个一般处理程序来获取到你要加载到前台的数据，并序列化成json格式。

//代码实例

public class AjaxUserList : I>    }

然后，前台ajax请求这个一般处理处理程序获取到json数据，再通过js将数据添加到html。

//加载用户列表示例

        function LoadUserInfo(pageIndex) {

            $post("AjaxUserListashx", { "pageIndex": pageIndex }, function (data) {

                var serverData = $parseJSON(data);

                for (var i = 0; i < serverDataresultUserListlength; i++) {

                    $("<tr><td>" + serverDataresultUserList[i]ID + "</td><td>" + serverDataresultUserList[i]UName + "</td><td>" + serverDataresultUserList[i]UPwd + "</td><td>" + ChangeDateFormat(serverDataresultUserList[i]SubTime) + "</td><td>" + serverDataresultUserList[i]Remark + "</td><td><a href='javascript:void(0)' class='details' Uid='" + serverDataresultUserList[i]ID + "'>详细</a></td><td><a href='javascript:void(0)' class='edits' Uid='" + serverDataresultUserList[i]ID + "'>编辑</a>  <a href='javascript:void(0)' class='deletes' Uid='" + serverDataresultUserList[i]ID + "' UName='" + serverDataresultUserList[i]UName + "'>删除</a></td></tr>")appendTo("#tabUserList");

                }

            });

        }

先建立数据表并插入数据

这里假设已经存在user表，并且有一条数据id：1，name：admin

那么读取这个数据的过程是

$data = M('User')->select();

$this->assign('user',$data);

模板中的调取代码是

<volist name="user" id="v">

    用户名：{$vname} ID：{$vid}

</volist>

1、首先， sudo su postgres命令进入postgres，如下图所示，然后进入下一步。

　  

2、其次， 完成上述步骤后， \ c

 test \ dt \ d检查一些表格，如下图所示，然后进入下一步。

　  

3、接着，完成上述步骤后，准备sql文件，如下图所示，然后进入下一步。

　  

4、然后， 完成上述步骤后，SELECT

 FROM person检查表的内容，如下图所示，然后进入下一步。

　  

5、随后，完成上述步骤后， \ i

 /home/coffee/Downloads/personsql导入文件，如下图所示，然后进入下一步。

　  

6、最后， 完成上述步骤后，DROP

 TABLE person， *** 作完成，数据库里的内容就可以在html网页里面显示了，如下图所示。这样，问题就解决了。  

以上就是关于怎么把数据库的数据显示在页面上全部的内容，包括:怎么把数据库的数据显示在页面上、如何将mysql数据库表中的内容显示在Web页面中，用什么软件实现呢、C#如何用ajax把本地数据库的数据显示在前端页面（view里面）例如一个span一个div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！