如何将前端网页与后台数据库连接？

1、您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句：SELECT * FROM sys_role，这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。

2、在applicationContext.xml（spring mvc配置文件）中配置数据库连接池以确保数据的正常连接，这里需要注意连接ip和数据库名称。

3、首先在控制层（逻辑处理层）调用后台查询功能，然后返回页面，因为数据库可能很大，所以需要使用分页工具来确保内存容量。

4、业务逻辑层，一般来说是实现接口，这里是实现类，实现业务的分配，这里需要调用数据库Dao层方法。

5、最后，mybatis的查询语句写在mybatis的配置文件中，然后封装到一个方法中，该方法与原来的SELECT * FROM sys_role不同，主要是添加分页和排序（order by）。

6、最后，回到jsp页面，根据之前的控制层页面输出，我们需要编写一个role.jsp文件，该文件主要遍历查询数据，使用标记遍历表单。

7、最后，使用前端页面框架，您可以显示如下所示的前端样式显示。

前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端，但这一对接实际发生在服务器端）。
所以服务器端进行的活动如下：
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。

1/要实现用户输入，肯定前台要是一个网页，我们现在就使用jsp，先建一个jsp网页，页面展示内容如下所示。

2/要把前端界面上的数据，返回到后台数据，我们就要使用到servlet，所以在jsp文件中，我们就需要一个表单form。就可以把数据转到servlet中，antion里面写servlet的地址，method里面写方法“get或者post”，一般删除数据默认是“get”添加数据是“post”。

3/然后我们在servlet中来获取页面上的值，注意获取的值是String类型的。如果要用到int型，就想要强转类型。

4/然后我们就需要把数据插入到 对象的属性中，使用set的方法。

5/最后，调用add的方法，就可以把数据插入到后台。

6/具体的插入到数据库的代码如下，要注意数据库的链接。

前端网页不可能直接跟后台数据库连接，应该是前端网页的数据被提交上去，然后推送到后台跟后台数据连接