关于前端连接数据库的问题

前端的JS 自身可能不能直接连数据库，后端的JS（如 Node.js ）是可以连数据库的；

如果你想前端JS 查数据库，可以用JS 发一个ajax 请后端，后端查询完数据库后，把结果封装成JSON 返回，前端的AJAX 回调函数中取出JSON 对象，把内容更新到网页上。

示例：

$.ajax({

   url: "./ajaxdata/findtable.do",

   method: 'POST',

   dataType: 'json',

   data: {

      dTyppe: 'findid',

      ID: '001',

   },

   success: function (data) {

         // data 是返回的对象，可以data 中取出数据        

         // 输出内容

      

   }

})

Node.JS 服务器可以在 后端 连接mysql，这时的情况和php是一样的。

我从未见过前端JS直接连接mysql的，原因是：

（1）浏览器内置的javascript 引擎一般只支持websocket，即基于http连接的套接字高层协议，而不是真正的socket，因此除非服务器端也开启websocket服务并拆开套接字转发到mysql，否则无法代理连接

（2）我见过的绝大多数mysql 服务器都工作在服务器环境下的一个虚拟子网，换句话说，直接的远程3306端口是拒绝连接的，这样可以隔绝端口直接攻击

如果前段js直接可以连接后端服务器mysql的端口，那么就不叫B/S结构了，而是C/S结构（比如传统的windows桌面程序），安全上有很多问题，所以大多数浏览器也不支持这个 *** 作。

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文件，该文件主要遍历查询数据，使用<c>标记遍历表单。

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

---