前端请求数据库的操作及可能遇到的问题

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

完整流程

    数据库->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");
	    }
	    });