当前位置:首页 » 网页前端 » 后台逻辑放到前端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

后台逻辑放到前端

发布时间: 2023-07-07 19:33:16

❶ 怎么把后台获取到的数据放到前端jsp界面

JSP页面有几个内置对象,需要用到的几个如下:
request:包括http请求参数
response:请求响应
pageContext:可以用这个对象获取request和response。
out:用于向页面中传入数据
假如现在login.jsp有一个表单User,需要提交到后台。
<form action="" method="post" id="User">
<input type="text" name="UserName">
<button type="submit">submit</button>
</form>
那login.jsp下有几个对象,其中有pageContext.由于pageContext可以得到request对象。request.getParameter(name);可以得到相应字段,可以在login.jsp中传pageContext对象到后台。
<%
Recepter a=new Recepter();
a.getPara(pageContext);
%>
在后台处理的的是Recepter类。
public class Recepter {
String Username;
//传入的参数为login.jsp的pageContext对象
public String getPara(PageContext pc)throws Exception{
//获取login.jsp的写入对象
PrintWriter out=pc.getResponse().getWriter();
ServletRequest request=pc.getRequest();
//获取login.jsp的表单name="UserName"的数据。
String uname=request.getParameter("UserName")
out.print(uname);
}
private void setUsername(String username){
this.username=username;
}
public String getUsername(){
return Username;
}
}
现在我们的表单字段已经传入到Recepter的java代码中了,可以进行相应的处理。
而后台的数据传到前端:
可以在login.jsp中创建一个java示例,通过方法的返回值来获取。
现在创建一个result.jsp页面获取Recepter的UserName,
result.jsp的部分如下:
<%Recepter recept=new Recepter()%>
<div><%=recept.getUsername()%></div>
虽然没有遵循java对象的设计原则。但是实现了java数据前后台的简单交互。

❷ 如何把后台程序结果反映到前端网页上

function getList(menuId){

setCookie("num",menuId.replace('num',''));
var cid = menuId.replace('num','');
Ajax.post('/shouyi/shouyi/findShouyi.do',{
cateId:0
},function(data){
var json = JSON.parse(data.responseText),
arr = json.data;

var index = document.querySelector(".index");
var box = document.querySelector(".box");

var result = '';

for(var i = 0;i<arr.length;i++){
var numm = arr[i].categoryId;
var str = '<a target="_blank"><div class="box" id='+arr[i].id+'>'+
' <img class="image" src='+arr[i].picUrl+'>'+
' <div class="text">'+arr[i].titel+'</div>'+
' <div class="content">'+arr[i].content.substring(0,20)+'</div>'+
' <div class="time" onclick="changeCate(this,'+arr[i].id+')" id=ID'+i+'>'+chuan(numm)+'</div>'+
'</div></a>'
result += str;
}
index.innerHTML = result;

});
}

❸ 怎么使用 JavaScript 将网站后台的数据变化实时更新到前端

实时这个工作现在大体有两种方法
一、前端不断地向后台轮询请求数据查询的接口(不管你是用AJAX还是什么)然后将返回的数据重绘在页面上,这以前端页面为主动的方式。
二、如果浏览器支持Websocket 那么在后台建立一个websocket服务器,与前端页面建立websocket连接,进行从后台到前端的推送,前端接到推送数据后,将数据重绘在页面上。

❹ 如何将后端的node.js中对象数组传递给用于前端的js文件中

前端通常作为模板,后端负责数据。

前后端合作的主要目的,就是把后端产生的数据丢到前端的模板中。通常这一步有两种方式:
1. 前端的模板交给后端处理,直接写到后端逻辑中,或者通过 MVC 框架整合成后端的相对独立的部分;
2. 后端的数据通过 API 的方式交给前端处理,通过 Ajax 等方式传输数据。
(当然,也有两种方式混合处理的)

如果采用了后端处理模板的方式,那前端开发完静态模板后,需要交给后端开发人员进行模板的整合。这一步要求前端代码整洁易读,而且后端必须熟悉各种前端知识和调试技术。最后需要前端对后端处理过的页面进行检验和调试。(这种方式对沟通要求很高,如果两个人不坐在一起,那合作起来非常麻烦。出现问题或者需要升级时,往往很难定位谁的错,谁去改。所以最好两个人坐在一起开发,甚至一个人负责前后端)
如果采用前端处理数据,Ajax 等方式通信的话,前后端只要商量好所需的 API,然后持续交付一个个 API 就好了。前后端完全不需要了解,技术没有限制,也不需要知道彼此的代码和实现。

两种方式如何选择?
1. 如果前端页面主要做内容展示,需要后端处理的内容比较多,而前端逻辑简单时,建议采用后端 MVC。如博客、新闻类的网站;
2. 如果前端页面的交互和数据处理较多,可以将逻辑放在前端,而后端只负责数据存取。比如各类管理后台。

❺ 前端开发 与后台开发 如何协作

前端开发人员的团队合作主要体现在调用后台开发人员编写的业务逻辑层方法。在此次开发中,后台人员会首先为业务逻辑对象编写一些常用的方法,如基本的增删改查,前端人员会去寻找这些方法进行调用。
如果前端人员需要一些新方法,主要是通过两种途径来实现:1.口头告知后台人员:“我需要某某新方法”,然后后台人员去编写方法,编写完后,后台人员告诉前端人员该方法的位置,让前端人员去调用。2.前端人员首先在业务逻辑层添加新方法的签名,然后告知后台人员去编写该方法。

❻ 将后端数据库的数据取出来放到前端页面里来

将后端数据库的某个表连同其结构数据和数据重新分别导入所有的前端ACCESS数据库后再删除后端数据库那个表就好了。当然最快捷的方法是只对一个前端这么做然后再分发那个前端给各个终端用户。 记得导回后端表前先删除前端数据库对后端数据库那张表的链接(链接表)。