1.概述

之前有過(guò)開發(fā)web的經(jīng)驗(yàn)，因此我不會(huì)向無(wú)頭蒼蠅一般，心里還是有點(diǎn)數(shù)的😂。而JAVA WEB學(xué)習(xí)者總是無(wú)法繞過(guò)這個(gè)檻，即古老的JSP技術(shù)，第一印象是過(guò)時(shí)、out of fashion。也許可能真的除了某些祖宗級(jí)的項(xiàng)目還在開發(fā)，但由于我i初始接觸就是JSP，忍不住還是總結(jié)學(xué)習(xí)一番。不過(guò)不可能過(guò)于詳細(xì)，主要是掌握流程。

啥是JSP啊？其實(shí)就是網(wǎng)頁(yè)上的Java。在運(yùn)行一個(gè)JSP之前，你首先要熟悉如何搭建JavaWeb的環(huán)境，以IDEA為例，需要新建一個(gè)Web Application項(xiàng)目，然后配置上Tomcat即可運(yùn)行，下面我們展示輸出一個(gè)Hello World的JSP代碼。

User: wymDate:2019/8/28

Time:22:37

Tochange this template use File | Settings | File Templates.--%>

$Title$

運(yùn)行以下看看結(jié)果：

此時(shí)出現(xiàn)一個(gè)網(wǎng)頁(yè)界面，赫然顯示Hello World。顯然這并沒有什么意義，接下來(lái)展示客戶端和服務(wù)器之間的信息傳遞。

2.基本架構(gòu)和網(wǎng)頁(yè)數(shù)據(jù)的獲取傳遞——以登陸為例

MVC，是最基本也是最經(jīng)典的軟件架構(gòu)。即Model(模型)、View(視圖)、Controller(控制器)，一個(gè)最簡(jiǎn)單simple的實(shí)現(xiàn)模式是JSP+DAO+JavaBean+Servlet。其中JSP是視圖，負(fù)責(zé)前端界面的展示，Servlet是控制器，在后端實(shí)例化JavaBean和DAO，控制頁(yè)面跳轉(zhuǎn)；DAO負(fù)責(zé)和數(shù)據(jù)庫(kù)進(jìn)行交互，JavaBean封裝模型，兩者共同構(gòu)造模型。(以上均為網(wǎng)上資料和自我理解，并無(wú)具體文獻(xiàn)參考)

首先實(shí)現(xiàn)JSP端界面的顯示，如果無(wú)意在前端深造的話，只需簡(jiǎn)單了解html+css+js即可完成大部分網(wǎng)頁(yè)界面的開發(fā)。深入可以了解angular.js，node.js，bootsttap、vue.js等知識(shí)，我前端真的不行，來(lái)一個(gè)非常簡(jiǎn)單樸素的作為實(shí)例好吧。

/p>

"http://www.w3.org/TR/html4/loose.dtd">

登錄

functionod()

{varf=document.form1;if(f.Username.value=="")

{

alert("用戶名未輸入");

f.Username.focus();return false;

}if(f.Password.value=="")

{

alert("密碼未輸入");

f.Password.focus();return false;

}return true;

}

.style3{font-size:24pt;color:#44BBBB;font-weight:bold;

}

.button{display:inline-block;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);

}.button:hover{text-decoration:none;

}.button:active{position:relative;top:1px;

}

}a{text-decoration:none;color:#2647CB;

}a:hover{text-decoration:underline;color:red;

}.main{width:350px;height:400px;margin:0 auto;

}.inputDiv{display:block;width:350px;height:40px;margin:10px auto;

}

Login Jsp

---

用戶名

密碼

立即注冊(cè)

總結(jié)

以上是生活随笔為你收集整理的java web mvc 拆分_JAVA WEB初接触——简单的MVC架构的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。