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

 我来答
张勇7025
2018-03-31 · TA获得超过5766个赞
知道小有建树答主
回答量:44
采纳率:100%
帮助的人:5885
展开全部

前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。(虽然说是前端后端,但这一对接实际发生在服务器端)。
所以服务器端进行的活动如下:
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的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/具体的插入到数据库的代码如下,要注意数据库的链接。

四川源码时代科技有限公司
2017-05-03 · 让每一名学员高薪就业
四川源码时代科技有限公司
源码时代IT培训,即成都源代码教育咨询有限公司,专注Java、PHP、UI设计、H5前端培训,源码时代致力于打造中国高端IT培训品牌,旨在为每一名前来培训的学子提供良好的服务。
向TA提问
展开全部
先不考虑AJAX,从简单的说起。
前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。(虽然说是前端后端,但这一对接实际发生在服务器端)。
所以服务器端进行的活动如下:
接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。
以博客中常见的输出文章的作者信息为例:

<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by Aeolia on 2013-08-07</div>
</body>
</html>

很明显其中的作者名称‘Aeolia’和发布日期‘2013-08-07’要替换掉
具体方法看你后台用的是什么技术:
1,后台php
把HTML文件改为php文件

<?php
//从数据库获得数据,存在变量writer和date中
?>
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by <?php echo writer;?>on <?php echo date;?></div>
</body>
</html>

===============================================================
2,后台JSP
Servlet文件(*代表此处有省略)

package *
import *
public class Servlet extends HttpServlet {
public void 处理GET请求的方法{
//1,从数据库获得数据,存为变量writer和date
//2,把变量writer和date设置为request的属性
//3,调用要跳转的JSP页面
}
}

JSP文件
把HTML文件改为JSP文件

<%
//从request里把writer和date取出来。
%>
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>write by <%=writer%>on <%=date%></div>
</body>
</html>

3,Ruby on Rails
controller文件

class Controller < ApplicationController
def index
//数据库里取article对象
//把article对象的数据respond到视图中
end
end

视图文件
把HTML文件后面添加后缀erb,为index.html.erb,放在视图文件夹下
<div>write by <%=article.writer%>on <%=article.date%></div>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式