當前位置:首頁 » 網頁前端 » 後台邏輯放到前端
擴展閱讀
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資料庫後再刪除後端資料庫那個表就好了。當然最快捷的方法是只對一個前端這么做然後再分發那個前端給各個終端用戶。 記得導回後端表前先刪除前端資料庫對後端資料庫那張表的鏈接(鏈接表)。