从前端链接数据库的操作及可能遇到的问题

完整流程

数据库->java接口->js请求接口反馈给前端

1.通过java代码请求数据库

具体操作：

Class.forName("com.mysql.jdbc.Driver"); conn=DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/sqlname","username","password");//后俩参数为本地数据库的用户名和密码 state = conn.createStatement(); rs = state.executeQuery("select * from tab");

以上代码即实现了java获取本地名为’sqlname’的数据库中，名为tab的表中的数据，存于变量rs。

rs.getString("tap")//获得表中tap列的第一行数据 rs.next()//进入下一行

可以通过while循环获取你想要的任一行

关键点：

导入连接数据库的jar包，第一行代码

Class.forName("com.mysql.jdbc.Driver");//加载数据库驱动

需要导入mysql-connector-java-5.1.28.jar包才可运行，且该包必须放在webroot/WEB-INF/lib文件夹下后再导入项目。项目怎么导入jar包可自行百度

2.将java获得的数据做成接口(web服务)供前端调用

具体操作：

import相关的网络服务包

import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject;

注册该类

public class xxxServlet extends HttpServlet { }//xxxServlet为类名亦为你的服务名

在类中添加下面两个函数

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request,response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Gson gson = new Gson();//含转换转换数据格式方法的类 response.setContentType("text/html;charset=UTF-8");//设置返回格式 response.getWriter().print(gson.toJson(data));//将你要返回的数据转换为json格式返回 }

在WEB-INF/web.xml中注册该接口

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <servlet> <description>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</display-name> <servlet-name>xxxServlet</servlet-name> <servlet-class>com.css.controller.xxxServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>xxxServlet</servlet-name> <url-pattern>/name</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

即可通过http//ip:端口/项目名/name,访问该接口

关键点：

1.这行代码也需要导入包

Gson gson = new Gson();//含转换转换数据格式方法的类

2.所有import的东西都要考虑有无jar包的存在

3.js请求该接口

$.ajax({ type : "POST", async : false, url : "http://laptop-4u1c32v3:8080/api/name",//这里用127.0.0.1可能返回错误 dataType : "JSON", success : function(data) { alert("hhh"); }, error : function(res){ alert("error"); } });