當前位置:首頁 » 網頁前端 » jsp前端頁面設計
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

jsp前端頁面設計

發布時間: 2022-05-13 05:17:21

A. 網頁設計前端和後端的區別越詳細越好。

詳細的解釋一下web前後端的區別
1、
前台:呈現給用戶的視覺和基本的操作。
後台:用戶瀏覽網頁時,我們看不見的後台數據跑動。後台包括前端、後端。
前端:對應我們寫的html、css、javascript 等網頁語言作用在前端網頁。
後端:對應jsp、javaBean、層、action層和service層的業務邏輯代碼。(包括資料庫
為什麼jsp是後端呢?主要是jsp的運行原理是在tomcat伺服器運行的。
2、
(1)javaweb是java開發中的一個方向 java有搞安卓的,搞web的,搞嵌入式的等。javaweb就是指搞web方向的,javaweb分兩塊,一塊是伺服器端叫後端,另一塊叫前端,也就是web前端。前端就是用戶能看到的部分,比如淘寶網,qq空間,網頁上你能看到的都是web前端做的。後端做的就是為前端的展示業務邏輯功能做處理。
(2)java web包括了jsp,servelt以及一些框架比如spring,structs以及與資料庫交互的知識,當然也涉及到了html,css等前端技術,但是更側重於後端的開發。web前端主要是html,css,javascript之類的技術。
jaweb是javaee的一個方向,Javaweb,由前端、Java代碼、和資料庫三個大方面組成,前端只是其中之一。
(3)在我們的機子上看到的界面,安裝的程序,給用戶看的,操作的就是前端;而你看不到的,幫你保存網路游戲數據,保存應用數據,處理數據的就是後端(伺服器)。比如說:我們在用的知乎就是前端,而保存這個問題,還有把這個問題推送給你的就是後端。
二、定義不同
一般來說,我們將網站分為前端和後端。前端主要負責頁面的展示,後端則是業務邏輯的實現。
1、Web前端:
顧名思義是來做Web的前端的。這里所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
2、Web後端:
後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
三、需要掌握的技術不同
1、Web前端:
精通JS,能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。
(1)精通HTML,能夠書寫語義合理,結構清晰,易維護的HTML結構;
(2)精通CSS,能夠還原視覺設計,並兼容業界承認的主流瀏覽器;
(3)熟悉JavaScript,了解ECMAScript基礎內容,掌握1-2種js框架,如JQuery;
(4)對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案;
(5)對性能有一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施。
2、Web後端:
後端開發人員:會寫Java代碼,會寫sql語句,能做簡單的資料庫設計,會Spring和iBatis,懂一些設計模式等。
(1)精通jsp,servlet,javabean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解;
(2)練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力;
(3)熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗者優先考慮;
(4)精通面向對象分析和設計技術,包括設計模式、UML建模等;
(5)熟悉網路編程,具有設計和開發對外API介面經驗和能力,同時具備跨平台的API規范設計以及API高效調用設計能力。
四、web後端和前端是怎麼連接的?
1、web伺服器(apache、tomcat等),網路協議(http、socket等),瀏覽器(chrome、FF、IE等)。瀏覽器發起建立連接請求,通過網路協議與伺服器建立連接,伺服器保持連接,獲取瀏覽器想要的數據,伺服器通過連接返回內容給瀏覽器,瀏覽器把數據呈現出來。
2、連接的協議一般是http,也有websocket。伺服器以服務的方式存在,就像外賣店,你打個電話過去,人家就把飯菜送上門來了。
3、web伺服器訪問資料庫一樣要使用網路連接,埠只是開放服務的入口而已,就像外賣的電話。
五、JavaWeb與web前端的區別?
1、web前端,主要是給網站做靜態頁面的,也就是說你平時瀏覽的網站所看到的頁面基本都出自web前端,不過網站版面可以是美工出圖。
web前端需要掌握的技術有:DIV+CSS,j,jQuery更高一層的是可以去使用一些框架去網站頁面。這樣的框架也有很多。如Bootstrap,UIkit,Kube等等。
2、javaweb一般涉及到前端。而web前端開發只是有可能涉及到java。
前端開發一般只涉及到js,html,css,有些可能會用flash,photoshop這些。框架就jquery,ext,jodo等這些。
web前端的話他的後端可能是java,也可能是.net或者php等都可能,但javaweb可以確定後端就是java,web前端其實都一樣。
前端和Javaweb的區別更多的在於一個主要負責前端的設計和效果,而Javaweb更專注於後端的內容。
3、剛開始從事web開發時,首先要選准學習方向,看是想從事前端部分還是後端程序部分。當然在工作的後期,就不會分的那麼細致了。做前端到後期也會懂一些後端的技術,反之,後端也是。
六、學習Web前端開發都需要掌握哪些技能?
1、學習html。這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本 table是用來和數據打交道。
2、學習css。這里說的css不包括css3,一般我們看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說css+div呢?因為我上面說了div就是 html主要用於布局的東西,所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好.css要熟練掌握float、 position、width、height,以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局 有關系的樣式,一點要掌握。
3、學習js。可能前兩個大家覺得還過的去,看到js就傻眼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了。
4、學習jquery。jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。
5、最好會點後台語言,比如java、php,為什麼呢?因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更加麻煩了。
6、學習css3+html5,可能這個對於更接手的新人來說有點困難,需要較強的代碼知識與經驗,但是如果你們是准備專門搞前端,那麼最好還是學一下,這樣對於將來的工作會有更大的幫助。
七、從事Java後端開發都需要掌握哪些技能?
對於初學Java並且有志於後端開發的同學來說,需要重點關注以下幾個部分:
1、基礎:比如計算機系統、演算法、編譯原理等等
2、Web開發:主要是Web開發相關的內容,包括HTML/CSS/js(前端頁面)、 Servlet/JSP(J2EE)以及MySQL(資料庫)相關的知識。它們的學習順序應該是從前到後,因此最先學習的應該是HTML/CSS/JS(前端頁面)。還有一些前段框架比如easyui,還有js,jquery等技術。
3、J2EE:你需要學習的是Servlet/JSP(J2EE)部分,這部分是Java後端開發必須非常精通的部分,因此這部分是這三部分中最需要花精力的。關於Servlet/Jsp部分視頻的選擇,業界比較認可馬士兵的視頻。 4、資料庫:你需要學會使用資料庫,mysql是個不錯的入門選擇,而且Java領域里主流的關系型資料庫就是mysql。這部分一般在你學習Servlet/Jsp的時候,就會接觸到的,其中的JDBC部分就是資料庫相關的部分。你不僅要學會使用JDBC操作資料庫,還要學會使用資料庫客戶端工具,比如navicat,sqlyog,二選一即可。
5、開發框架:目前比較主流的是SSM框架,即spring、springmvc、mybatis。你需要學會這三個框架的搭建,並用它們做出一個簡單的增刪改查的Web項目。你可以不理解那些配置都是什麼含義,以及為什麼要這么做,這些留著後面你去了解。但你一定要可以快速的利用它們三個搭建出一個Web框架,你在搭建SSM的過程中,可能會經常接觸到一個叫maven的工具。這個工具也是你以後工作當中幾乎是必須要使用的工具,所以你在搭建SSM的過程中,也可以順便了解一下maven的知識。在你目前這個階段,你只需要在網路上了解一下maven基本的使用方法即可,一些高端的用法隨著你工作經驗的增加,會逐漸接觸到的。
6、你需要去看一些JDK中的類的源碼,也包括你所使用的框架的源碼。這些源碼能看懂的前提是,你必須對設計模式非常了解。否則的話,你看源碼的過程中,永遠會有這樣那樣的疑問,這段代碼為什麼要這么寫?為什麼要定義這個介面,它看起來好像很多餘?由此也可以看出,這些學習的過程是環環相扣的,如果你任何一個階段拉下來了,那麼你就真的跟不上了,或者說是一步慢步步慢。總而言之,這個階段,你需要做的是深入了解Java底層和Java類庫(比如並發那本書就是Java並發包java.concurrent的內容),也就是JVM和JDK的相關內容。而且還要更深入的去了解你所使用的框架,方式比較推薦看源碼或者看官方文檔。
希望對您有所幫助!~

B. 如何快速製作html5,jsp頁面

現在前端的框架多如牛毛,推薦幾款我曾經用過的框架:

  1. BootStrap:老外寫的,很多人用,名氣很大,文檔全面,社區活躍,構建前端頁面快捷(只用復制粘貼代碼,再稍微改動下就行了)。

  2. jQuery UI:jQuery官方的UI庫,組件比較全面,文檔是英文的,需要E文好才行。

  3. Alice UI:國產UI庫,由支付寶團隊推出的UI庫,簡單實用。


除此之外,還有Amaze UI,Semantic UI,Angular UI等,只是聽過,沒實際用過。

C. jsp是什麼干什麼的

JSP是由Sun Microsystems公司主導創建的一種動態網頁技術標准。

通常返回給客戶端的就是一個HTML文本,因此客戶端只要有瀏覽器就能瀏覽。JSP技術使用Java編程語言編寫類XML的tags和scriptlets,來封裝產生動態網頁的處理邏輯。

當有人請求JSP時,伺服器內部會經歷一次動態資源(JSP)到靜態資源(HTML)的轉化,伺服器會自動幫我們把JSP中的HTML片段和數據拼接成靜態資源響應給瀏覽器。也就是說JSP運行在伺服器端,但最終發給客戶端的都已經是轉換好的HTML靜態頁面(在響應體里)。伺服器並沒有把JSP文件發給瀏覽器。

(3)jsp前端頁面設計擴展閱讀:

能以模板化的方式簡單、高效地添加動態網頁內容。可利用JavaBean和標簽庫技術復用常用的功能代碼。

標簽庫不僅帶有通用的內置標簽(JSTL),而且支持可擴展功能的自定義標簽。有良好的工具支持。繼承了Java語言的相對易用性。

D. JSP是什麼

JSP全名為Java Server Pages,中文名叫java伺服器頁面,其根本是一個簡化的Servlet設計,它是由Sun Microsystems公司倡導、許多公司參與一起建立的一種動態網頁技術標准。

JSP技術有點類似ASP技術,它是在傳統的網頁HTML(標准通用標記語言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標記(tag),從而形成JSP文件,後綴名為(*.jsp)。 用JSP開發的Web應用是跨平台的,既能在Linux下運行,也能在其他操作系統上運行。

一個JSP頁面可以被分為以下幾部份:靜態數據、JSP指令、JSP腳本元素和變數、JSP動作、用戶自定義標簽。

(4)jsp前端頁面設計擴展閱讀:

JSP技術是使用Java編程語言編寫類XML的tags和scriptlets,來封裝產生動態網頁的處理邏輯。網頁還能通過tags和scriptlets訪問存在於服務端的資源的應用邏輯。

JSP將網頁邏輯與網頁設計的顯示分離,支持可重用的基於組件的設計,使基於Web的應用程序的開發變得迅速和容易。 JSP(JavaServer Pages)是一種動態頁面技術,它的主要目的是將表示邏輯從Servlet中分離出來。

E. jsp頁面是應該前端程序員寫還是java程序員寫

我們先來了解JSP頁面是什麼,JSP(Java Server Page)是Java服務端的頁面,所以它是動態的,它是需要經過JDK編譯後把內容發給客戶端去顯示,我們都知道,Java文件編譯後會產生一個class文件,最終執行的就是這個class文件,JSP也一樣,它也要編譯成class文件。JSP不止要編譯,它還得要轉譯,首先把JSP轉譯成一個Servlet文件,然後在編譯成class文件。當用戶訪問JSP時就執行了class文件。
對於前後端工程師來說,JSP雖然功能很強大,性能也不錯,但是會導致前端頁面代碼過於凌亂。現在,前後端徹底的分離,後端小夥伴只需要提供一系列Restful介面,前端小夥伴只用負責調用這些介面,並實現頁面的展示和交互。所以JSP頁面前後端開發者都可以編寫,但如何選擇還是根據個人。

F. 如何給後端程序設計前端頁面

後端伺服器一般是指servlet容器,用於執行java源程序
常見的網頁有html,htm,shtml,asp,aspx,php,jsp等格式
前兩個常用於靜態網頁,後面幾個常用於動態網頁。
這里前端網頁以比較常見的 xx.html 和 xx.jsp 網頁作為介紹,其它類似
一、靜態頁面xx.html如何跟後台交互:
先來看一個最簡單的登陸界面源代碼
user: password: <input type="submit" value="Submit"/>
</form>12

這是一個表單,我們看到裡面都是純html內容,這是一個靜態頁面,當我們點擊submit按鈕時候,瀏覽器會提交表單內的數據到伺服器的loginServlet這個相對地址,我們看看瀏覽器的地址變成啥了:
這不就是我們的後台servlet的地址嘛,然後這個地址指向的是loginServlet這個servlet,然後在web.xml文件中找到這個servlet關聯的java類,從而執行了伺服器端的程序(第一次執行,那麼會實例化,然後執行裡面init()函數,然後執行service()函數,如果是第二次調用,那麼不用實例化了,直接執行service()函數),我們來看看伺服器端的源程序:
package com.atguigu.javaweb;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
public class loginServlet extends MyGeneriServlet {
public void init(javax.servlet.ServletConfig config) throws ServletException{
super.init(config);
}
public void service(ServletRequest request, ServletResponse response)
throws ServletException, IOException {
//獲取請求方式是GET,POST方式?
HttpServletRequest httpServletRequest=(HttpServletRequest) request;
String method=httpServletRequest.getMethod();
System.out.println(method);
//1.獲取請求參數:username,password
String username=request.getParameter(「username」);
String password=request.getParameter(「password」);
//獲取請求參數
String initUser=getServletContext().getInitParameter(「user」);
String initpassword=getServletContext().getInitParameter(「password」);
PrintWriter out=response.getWriter();
//3.對比
if(initUser.equals(username)&&initpassword.equals(password)){
out.print("Hello"+username); // 生成html內容
}else{
out.print("Sorry"+username); // 生成html內容
}
}12345678

}
上面沒有判斷此時對servlet的請求是post還是get方法,不過沒關系,request這個傳進來的參數以及包含了這些信息,自己判斷一下執行相應的操作即可
由於頁面路徑已經跳轉到servlet了,但是servlet不是一個.html文件啊,那豈不是沒有內容供瀏覽器顯示了,不是的,我們看到返回的參數response中的對象PrintWriter out用於動態生成html內容的字元串"Hello",所以這時候相當於servlet這個路徑也有了html內容了,瀏覽器的頁面就會顯示上述字元串了
二、jsp頁面如何跟後端伺服器交互:
jsp網頁文件就是html內容裡面插入java代碼,當我們訪問.jsp網頁文件時候,伺服器提前已經知道這個頁面內含有java代碼,那麼伺服器這邊就得先執行一下這些代碼(就跟執行servlet的java源代碼一樣),同時把執行的結果嵌入在當前這個.jsp頁面內,我們看看源代碼:
<%@page import=「java.util.Date」%> // 如果這個.jsp頁面中用到了一些java函數,就得導入庫,這就跟java源文件一樣的
<% out.println("Hello World!"); // 這里實際上是伺服器執行了結果,然後以文本返回給瀏覽器進行顯示 %>
上面紅色代碼就是java代碼,剛剛說過對象PrintWriter out用於動態生成html內容的字元串,所以伺服器執行完嵌入在裡面的java代碼後,就是動態生成了一串html代碼,然後一起傳給客戶端瀏覽器進行顯示
當然這種情況.jsp裡面沒有按鈕,表單這樣的控制項,現在再來看看有表單這種.jsp如何跟後端交互:
view.jsp
<%@page import=「day03_student.Student」%> // 還是得帶入java用到的庫文件
學生個人基本信息
<% Student s=(Student)request.getAttribute("students"); // %>
編號 學號 姓名 性別 年齡
<%=s.getId()%> <%=s.getStuno()%> <%=s.getName()%> <%=s.getGender()%> <%=s.getAge() %>
參考的原文:https://blog.csdn.net/myclass1312/article/details/80571867
這時候如果我們直接訪問這兒view.jsp文件,應該是沒有數據的,因為對象s無法從request對象獲取,必須得先給這個request對象賦值才行,即應該從如下servlet路徑跳轉來view.jsp文件路徑才行
public class viewservlet extends HttpServlet {
private StudentDao =new StudentDao();
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String idstr = request.getParameter("id");
int id = Integer.parseInt(idstr);
//將數據放入request中,傳遞到頁面
Student student=.queryById(id);
request.setAttribute("students", student);
request.getRequestDispatcher("view.jsp").forward(request, response); // 這里是從當前頁面跳轉去哪個頁面,同時傳遞了request, response這兩個參數,這時候的request就是有內容的,接下來的view.jsp頁面就能獲取到內容而且動態生成html內容
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doGet(request, response);
}123456789101112131415

}
總結:每個xx.html文件,xx.jsp文件,servlet響應程序…都是需要在客戶端瀏覽器通過URL來訪問的。
xx.jsp文件,servlet響應程序因為含有java源代碼,需要伺服器電腦先執行一下,.jsp文件中的java代碼一般會動態生成一些html內容嵌入在當前.jsp文件裡面一起給瀏覽器顯示出來;而servlet中的java代碼一般是數據處理功能的,可能會通過request.getRequestDispatcher(「view.jsp」).forward(request, response);
這樣的方式跳轉到其它有html內容的頁面的URL(同時傳遞處理好的數據過去) 來顯示結果

G. jsp與html的區別

jsp是動態的,可以從資料庫中拿出數據然後填充數據。html則是靜態的。jso通常是java程序員用的。js通常是前端程序員用

jsp已經落伍了,但是HTML目前不會過時。

H. JSP是前端還是後端

  • jsp的實質是servlet,而servlet是伺服器端小程序,所以jsp應該屬於後端。

  • 因為MVC分層中,jsp屬於View層,現在jsp更多的作用變為了數據的展示和頁面的顯示,漸漸不用於邏輯的處理,所以綜合起來雖然是後端的技術,但是應用上更貼近前端。

I. 如何利用jsp生成web前端頁面

都可以,只是jsp可以使用javaEE的標簽,其實jsp在伺服器端編譯執行,最後輸出給瀏覽器的也是html,瀏覽器拿到的是jsp的執行結果,不是jsp本身

J. 做java前端頁面開發設計,有必要系統的學習java語言么 可不可以直接從jsp入手

不涉及後台的話,直接學jsp就行,裡面的各種標簽就是提供給做前台的人用的,把這些都弄明白了就行了,至於js,和java關聯不大,是一門弱語言,有其他高級語言經驗的話學起來很快的,幾天入門,但是做js小心各個瀏覽器之間的差別