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

前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端，但这一对接实际发生在服务器端）。

所以服务器端进行的活动如下：

接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的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/具体的插入到数据库的代码如下，要注意数据库的链接。

表单提交之后，经过验证，当然你也可以不验证，先连接你的数据库，用sql语句

这里我用PHP给你粗略的写一下，

$conn = mysql_connect('数据库地址','数据库用户名','数据库密码')

mysql_select_db('连接到哪个表',$conn)

到这里连接到数据库，

然后别人提交的内容会通过表单，post或者get提交方式提交给你，你就把数据插入到数据库中就可以了，insert in to 具体的可以去看PHP的教程

//前端要调用后端的接口可以是用jsonp

前端写法：

$.ajax({

url:"/xxx.java",

data:{type:"xxx",a:"aaa"},

async: false,

dataType: "jsonp",

jsonp: "callback",

jsonpCallback: "returnLiveViewData",

success: function (msg) {

},

error:function(){

alert(请求失败)

}

}

//后端返回结果

"returnLiveViewData({"records": [{"name": "aaa", "IP": "11.11.11.11", "node": 114, },{"name": "bob", "IP": "11.11.11.22", "node": 115, },]})"

---