溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“MVC怎么實現(xiàn)視圖層分離”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
MVC模式，就是將原本的web代碼，按照功能的不同，劃分成控制層，視圖層和模型層三個層次，以web項目為例，當請求訪問時，由控制層負責處理，控制層調用模型層對請求進行處理，最后使用表現(xiàn)層展示出來。
請求頁面：（這是用來請求的頁面，放出來以供參考）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>優(yōu)質的W3C分類選擇</h2>
<form action="hello-servlet" method="get">
<select name="class" id="ke">
<option value="qd">前端開發(fā)</option>
<option value="hd">后端開發(fā)</option>
<option value="db">數據庫</option>
<option value="cp">計算機原理</option>
<option value="Android">移動開發(fā)</option>
<option value="other">其他</option>
</select>
<input type="submit" value="提交">
</form>
</body>
</html>servlet（這里我們用3.0以上版本的servlet，使用注解替代web.xml）：
import java.io.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
@WebServlet(name = "helloServlet", value = "/hello-servlet")
public class HelloServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
String classname = "";
String url = "";
String element = "";
classname = request.getParameter("class");
if (classname.equals("qd")) {//目前只做前端判定，后期再增加
url = "http://kemok4.com/courses?direction=2120&tag=0&type=&condition=&order=";
element = "前端微課";
}
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.println("<!DOCTYPE html>\n" +
"<html lang=\"en\">\n" +
"<head>\n" +
"\t<meta charset=\"UTF-8\">\n" +
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n" +
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n" +
"\t<title>Document</title>\n" +
"</head>\n" +
"<body>");
out.println("<h2>以下是W3C平臺優(yōu)秀的前端微課介紹，點擊鏈接即可前往</h2>");
out.println("<a href =\"" + url + "\" >" + element + "</a>");
out.println("</body></html>");
}
}可以看到，上面的代碼使用servlet進行HTML代碼的輸出，十分的混亂，而且其中夾雜著一些判定（這部分功能應該交給模型層進行處理）。接下來我們將其中的html代碼進行剝離，使用jsp來進行頁面的輸出。
result.jsp（負責返回頁面的jsp）:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<%
String link = (String) request.getAttribute("url");
String text = (String) request.getAttribute("element");
%>
<h2>以下是W3C平臺優(yōu)秀的前端微課介紹，點擊鏈接即可前往</h2>
<a href ="<%= link%>"><%= text%></a>
</body>
</html>同時，對servlet進行對應的修改（主要是刪除原來的HTML輸出代碼，將需要傳遞給頁面的數據封裝進請求后然后將請求轉發(fā)給jsp）。
現(xiàn)在的servlet的get方法如下：
public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
String classname = "";
String url = "";
String element = "";
classname = request.getParameter("class");
if (classname.equals("qd")) {//目前只做前端判定，后期再增加
url = "http://kemok4.com/courses?direction=2120&tag=0&type=&condition=&order=";
element = "前端微課";
}
request.setAttribute("url",url);
request.setAttribute("element",element);
RequestDispatcher view = request.getRequestDispatcher("result.jsp");
try {
view.forward(request,response);
} catch (ServletException e) {
e.printStackTrace();
}
}這樣子就完成了視圖層的分離了。
“MVC怎么實現(xiàn)視圖層分離”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
