⑴ web前端後端
要寫一個帶有這些功能的網站，前端簡單一點的話可以學一學html，知道基本的顯示，可以在w3school上學習，
後端用來實現數據傳輸功能的話，java和python都是可以的，不難，之後就是簡單的資料庫操作了。希望回答對你有用。其他想知道詳細的可咨詢
⑵ java web前端上傳文件到後台常用的幾種方式
1、使用form表單提交
但是這里要記得添加enctype屬性，這個屬性是指定form表單在向伺服器提交之前，對表單數據如何進行編碼。 文件域中的name="file"屬性的值，需要和後台接收的對象名一致，不然接收不到。
2、使用ajax提交文件
使用ajax提交首先引入jquery-form.js文件才能實現，接著使用上面的html代碼，加入以js則可以實現ajax提交文件。
3、使用FormData對象
4、後台接收文件，框架採用的Spring Boot 微服務框架，因為該框架搭建很方便所以採用這個框架寫例子。
⑶ web後端和前端是怎麼連接的
網站數據處理主要分為三層。
第一，表示層，這部分可以用HTML代碼，CSS/Javascript代碼來實現等。通過前端代碼可以實現網頁的布局和設計。這層又可以稱為顯示層。也就是你用瀏覽器打開能看到的網頁。
第二層，是業務層，這層是負責處理數據的。常用的代碼語言有PHP,JSP，Java等。通過這些後台處理語言的演算法來處理前台傳回的數據。必要的時候進行操作資料庫，然後把結果返回給前端網頁。
第三層，是數據層，這個就是資料庫，用來存儲數據的。通過業務層的操作可以實現增刪改資料庫的操作。
舉個例子就是這樣，比方說你在網頁上填一個表格然後提交會有以下幾種數據傳輸經過：
①你接觸到的是這個網頁是屬於表示層，這個網頁一般由HTML標簽結合CSS/JAVASCRIPT來實現的。 這時候你要先填入數據。
②然後你按提交觸發後台處理機制，這時候數據會傳到後台的代碼進行處理。這部分代碼根據不同網站可以使PHP,JSP，JAVA等。 代碼根據程序員預設的演算法將收到的數據進行處理之後會相應的對資料庫進行操作，存儲數據等。
③成功操作完資料庫之後，業務層的代碼會再向表示層也就是顯示器端傳回一個指令通知你表格填寫成功。
這就是基本的網站數據交換邏輯了
⑷ WEB開發中「前端」和「後端」的區別
通俗地講，前端乾的工作是用戶可以直接看得見的，而後端開發的工作主要在服務端，用戶不太能直接看到。雖然前端開發和後端開發的工作有巨大的區別，但是他們的工作都是相輔相成的，都是為了更好的用戶體驗。
1、前端開發：
網站的「前端」是與用戶直接交互的部分，包括你在瀏覽網頁時接觸的所有視覺內容--從字體到顏色，以及下拉菜單和側邊欄。這些視覺內容，都是由瀏覽器解析、處理、渲染相關HTML、CSS、Java 文件後呈現而來。前端開發，就是要創造上面提到的網站面向用戶的部分背後的代碼，並通過建立框架，構建沉浸性的用戶體驗。為了實現這個目標，開發需要熟練運用下列語言、框架、工具庫。
2、後端開發：
為了讓伺服器、應用、資料庫能夠彼此交互，後端工程師需要具有用於應用構建的伺服器端語言，數據相關工具，PHP框架，版本控制工具，還要熟練使用 Linux 作為開發和部署環境。後端開發者使用這些工具編寫干凈、可移植、具有良好文檔支持的代碼來創建或更新 Web 應用。但在寫代碼之前，他們需要與客戶溝通，了解其實際需求並轉化為技術目標，制定最有效且精簡的方案來進行實現。
⑸ web後端和前端是怎麼連接的
網站數據處理主要分為三層。
第一，表示層，這部分可以用HTML代碼，CSS/Javascript代碼來實現等。通過前端代碼可以實現網頁的布局和設計。這層又可以稱為顯示層。也就是你用瀏覽器打開能看到的網頁。
第二層，是業務層，這層是負責處理數據的。常用的代碼語言有PHP,JSP，Java等。通過這些後台處理語言的演算法來處理前台傳回的數據。必要的時候進行操作資料庫，然後把結果返回給前端網頁。
第三層，是數據層，這個就是資料庫，用來存儲數據的。通過業務層的操作可以實現增刪改資料庫的操作。
舉個例子就是這樣，比方說你在網頁上填一個表格然後提交會有以下幾種數據傳輸經過：
①你接觸到的是這個網頁是屬於表示層，這個網頁一般由HTML標簽結合CSS/JAVASCRIPT來實現的。 這時候你要先填入數據。
②然後你按提交觸發後台處理機制，這時候數據會傳到後台的代碼進行處理。這部分代碼根據不同網站可以使PHP,JSP，JAVA等。 代碼根據程序員預設的演算法將收到的數據進行處理之後會相應的對資料庫進行操作，存儲數據等。
③成功操作完資料庫之後，業務層的代碼會再向表示層也就是顯示器端傳回一個指令通知你表格填寫成功。
這就是基本的網站數據交換邏輯了
⑹ web前後端如何交互數據
Cookie是伺服器保存在客戶端中的一小段數據信息。使用Cookie有一個前提，就是客戶端瀏覽器允許使用Cookie並對此做出相應的設置。一般不贊成使用Cookie。
（1）後台代碼
Cookie cookie=new Cookie("name", "hello"); response.addCookie(cookie);
（2）前台代碼
Cookie[] cookies=request.getCookies(); for(int i=0;i<cookies.length;i++){ if(cookies[i].getName().toString().equals("name")){ out.print(cookies[i].getValue()); } }
2.利用session對象
session對象表示特定會話session的用戶數據。客戶第一次訪問支持session的JSP網頁，伺服器會創建一個session對象記錄客戶的信息。當客戶訪問同一網站的不同網頁時，仍處於同一個session中。
（1）後台代碼
request.getSession().setAttribute("name", name); request.getSession().setMaxInactiveInterval(2); response.sendRedirect("welcome.jsp");
（2）前台代碼（jsp頁面）
Object user=request.getSession().getAttribute("name");
3.利用request重定向，設置setAttribute
（1）後台代碼
request.setAttribute("name", "cute"); request.getRequestDispatcher("welcome.jsp").forward(request, response); //網址不會改變
PS:如果後台使用的轉發代碼為 response.sendRedirect("welcome.jsp"); //網址變為welcome.jsp
則request設置的參數無效，因為已經切換到另一個請求了，request參數的有效期為本次請求。
（2）前台代碼String name=request.getAttribute("name").toString();
⑺ web後端程序怎麼運行
不是，需要安裝相應的iis組件，iis的安裝你查下網路，安裝一下html（遠程桌面管理）就可以用http方式管理你的伺服器了
如下圖，希望對你有用
⑻ Web前端該如何與後端合作
今天小編要跟大家分享的文章是關於web前端該如何與後端合作?為了幫助web前端工程師更好的從事工作，提高工作效率，下面來和小編一起看一看吧！
1、前後端分離
前端與後端的分離，能使前端的開發脫離後端的開發模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應用等。
2、盡量避免後端模板渲染
web應用的渲染方式分為伺服器端渲染和客戶端渲染，當下比較推薦的方式是客戶端渲染，數據使用全ajax的方式進行交互。
除非在一些不得不使用伺服器端渲染的情況下(如門戶、電商等)，應當盡量使用客戶端渲染，因為客戶端渲染更能使前後端分離(項目分離、代碼解耦、協作分離、職責分離等)，也能更好的做本地介面模擬開發，提升開發效率。
即使用伺服器端渲染，在技術支持的條件下，可以使用node
中間層(由前端人員開發)，代替傳統的後端模板渲染，這樣可以使後端與前端完全解耦，後端與前端只有數據上的往來。
3、盡量避免大量的線上調試
做好本地介面模擬開發(包括後端模板渲染)，避免大量的線上調試，因為線上調試很不方便，也很費事，並且每次更新代碼，都需要重新構建，然後同步到伺服器。
所以做好本地介面模擬開發，只要程序在本地運行是沒問題的，一般線上就不會有太大的問題，這樣就能大幅降低調試工作量，提升開發效率。
4、本地介面模擬開發
本地介面模擬就是在本地模擬一個與伺服器差不多的環境，能夠提供數據所需的介面，進行錯誤模擬處理等等。
本地介面模擬開發的意義就在於能夠在本地完成幾乎所有的開發與調試，盡量減少線上的調試，提高開發效率。
一些常用庫：
§browser-sync：能讓瀏覽器實時、快速響應文件更改(html、js、css、sass、less
等)並自動刷新頁面，並且可以同時在PC、平板、手機等設備下進行調試。
§webpack-dev-middleware：。
§webpack-hot-middleware：熱更新本地開發瀏覽器服務。
另外，本地介面模擬開發需要後端開發人員有規范的介面文檔。
5、規范的介面文檔
前端與後端協作提升開發效率的一個很重要的方法就是減少溝通：能夠形成紙質的文檔就不要口頭溝通、能夠把介面文檔寫清楚也不要口頭溝通(參數、數據結構、欄位含義等)，特別是線上協作的時候，面對面交流是很困難的。
一個良好的介面文檔應當有以下的幾點要求與信息：
1.格式簡潔清晰：推薦用APIBlueprint
2.分組：當介面很多的時候，分組就很必要了
3.介面名、介面描述、介面地址
4.http方法、參數、headers、是否序列化
5.http狀態碼、響應數據
介面文檔可以用一些文檔服務(如leanote)來管理文檔，也可以用git來管理;書寫方式可以用markdown，也可以YAML、JSON
等。
推薦使用markdown方式寫文檔，用git管理文檔。
6、去緩存
前端需要做好去客戶端緩存的功能，保證用戶始終都是使用的最新資源，不會因為因為緩存的問題而出現bug。
傳統的去緩存是在靜態資源url
上加上版本號或者時間戳，不過因為構建工具的出現以及一些瀏覽器已經不支持這種方式了的緣故，這種方式已經是過去時了。
現在去緩存是將文件hash化命名，只要文件變動，文件名就會不一樣，以此才能徹底的去緩存。如果使用webpack進行打包，會自動將所有文件進行
hash化命名。
7、做好錯誤處理
前端與後端都需要各自做好錯誤處理，以便發生錯誤能夠有友好的提示，也能在用戶反饋時快速准確定位錯誤來源和原因。
一般前端的錯誤分為：
§腳本運行錯誤：js腳本錯誤，找到堆棧信息，然後解決
§介面錯誤：伺服器報錯、數據返回不對、沒有響應數據、超時等
而介面錯誤分為：
§狀態碼錯誤(狀態碼非2XX)：伺服器報錯、超時等
§數據錯誤：沒有響應數據、數據格式不對、數據內容不對
8、運行時捕捉js腳本錯誤
當用戶在用線上的程序時，怎麼知道有沒有出bug;如果出bug了，報的是什麼錯;如果是js報錯，怎麼知道是那一行運行出了錯?
所以，在程序運行時捕捉js腳本錯誤，並上報到伺服器，是非常有必要的。
這里就要用到window.onerror了：
1.window.onerror=(errorMessage,scriptURI,lineNumber,columnNumber,
errorObj)=>{
2.constdata={
3.title:document.getElementsByTagName('title')[0].innerText,
4.errorMessage,
5.scriptURI,
6.lineNumber,
7.columnNumber,
8.detailMessage:(errorObj&&errorObj.message)||'',
9.stack:(errorObj&&errorObj.stack)||'',
10.userAgent:window.navigator.userAgent,
11.locationHref:window.location.href,
12.cookie:window.document.cookie,
13.};
14.
15.post('url',data);//上報到伺服器
16.};
線上的js腳本都是壓縮過的，需要用sourcemap文件與source-map查看原始的報錯堆棧信息。
9、移動端遠程調試、vConsole、TBSStudio
因為移動端的開發無法像pc端開發一樣使用Chrome的開發者調試工具，所以調試移動端需要一些額外的技巧。
移動端應用一般都運行在微信瀏覽器中、webview中、手機瀏覽器中。
遠程調試(RemoteDebugging)
遠程調試就是通過USB連接、埠轉發、搭建代理等方式，將一個設備的web頁面映射到另一個設備上，比如將手機的webview映射到pc
上，達到調試的目的。
移動端web應用調試難題從一開始就有，不過後來瀏覽器廠商基本都推出自己的遠程調試工具來解決這個問題，包括OperaMobile、
iOSSafari、ChromeforAndroid、UC瀏覽器等，另外還有一些第三方開發的遠程調試工具，比如weinre等。
以Android為例，可以將webview、ChromeforAndroid中的頁面映射到pc
端的ChromeDevTools，然後就可以在pc端調試移動端的頁面了。
vConsole
一個輕量、可拓展、針對手機網頁的前端開發者調試面板(chrome開發者工具的便利實現)。
TBSStudio
因為微信瀏覽器是定製的瀏覽器，一般的遠程調試方式都不可用，需要配合特定的工具，如微信開發者工具。
TBSStudio是另一個可以像Chrome一樣調試遠程微信瀏覽器頁面的強大工具。
10、前後端並行開發
正常情況下，前端的開發在完成UI或者組件開發之後，就需要等後端給出介面文檔才能繼續進行，如果能做到前後端並行開發，也能提升開發效率。
前後端並行開發，就是說前端的開發不需要等後端給出介面文檔就可以進行開發，等後端給出介面之後，再對接好後就基本上可以上線了。
在本地化介面模擬的實現下，就可以做到前後端並行開發，只是在代碼層面需要對ajax進行封裝。
11、友好的溝通
不管工具多麼厲害，很多時候都免不了要當面溝通，友好、心平氣和的溝通也是很重要的!
以上就是小編今天為大家分享的關於web前端該如何與後端合作的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利！
作者：深予之(@senntyou)
#/a/1190000016852780
⑼ 前後端分離的web項目怎麼導成.exe文件
exe是windows可執行程序,前後端分離的前端項目如果想做成桌面程序，可以考慮使用Electron.js框架做成PC端，後端一般不會生成exe代碼,如果要一鍵部署可以使DOS腳本或者使用編程語言封裝DOS腳本生成exe文件