mvc設計模式是什麼-常見問題-PHP中文網

mvc設計模式是一種軟體設計模式，它把應用程式分成了上面3個核心模組：業務層、視圖層、控制層。業務層負責實現應用程式的業務邏輯，封裝有各種對資料的處理方法；視圖層負責應用程式對使用者的顯示，它從使用者那裡獲取輸入資料並透過控制層傳給業務層處理，然後透過控制層取得業務層傳回的結果並顯示給使用者。控制層負責控制應用程式的流程，它接收從視圖層傳過來的數據，然後選擇業務層中的某個業務來處理。

mvc設計模式是什麼

本教學操作環境：windows7系統、Dell G3電腦。

什麼是MVC設計模式

　　MVC即Model-View-Controller（模型-視圖-控制器）是一種軟體設計模式，最早出現在Smalltalk語言中，後來被Sun公司推薦為Java EE平台的設計模式。

　　MVC把應用程式分成了上面3個核心模組，這3個模組又可稱為業務層-視圖層-控制層。顧名思義，它們三者在應用程式中的主要作用如下：

　　業務層：負責實作應用程式的業務邏輯，封裝有各種對資料的處理方法。它不關心它會如何被視圖層顯示或被控制器調用，它只接受資料並處理，然後返回一個結果。

　　視圖層：負責應用程式對使用者的顯示，它從使用者那裡獲取輸入資料並透過控制層傳給業務層處理，然後再透過控制層取得業務層傳回的結果並顯示給使用者。

　　控制層：負責控制應用程式的流程，它接收從視圖層傳過來的數據，然後選擇業務層中的某個業務來處理，接收業務層傳回的結果並選擇視圖層中的某個視圖來顯示結果。

　　可以用下圖來表示MVC模式中三者之間的關係：

　　MVC是一種設計思想，它並沒有統一的標準，其中一種MVC思想的典型實作為JavaBean（模式） jsp（視圖） servlet（控制器），而我喜歡將JavaBean中的業務邏輯再單獨列出來，形成service（模式） JavaBean（資料集） jsp（視圖） servlet（控制器）的結構，下面我們來實作它。

MVC實作

　　在這裡，我將應用MVC設計模式，實作使用者在前台中輸入一段文字，後台取得並拼接上字串「－ysy ”，再送回前台顯示的一個簡單的應用程式。具體效果如圖：

1、視圖層

 <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
    <form action="./test.do" method="post">
    输入你想说的话~
        <input type="text" name="input"/>
        <input type="submit" value="提交" />
        <br/>
        <%
        String s = (String)request.getAttribute("outPut");  　　<!--从request域中获取结果-->
        if(s != null){  　　　　　　　　　　　　　　　　　　　　　　　 <!--如果有结果，显示结果-->
        %>
            <%=s %>
        <%
        }
        %>
    </form>
</body>
</html>

登入後複製

2、控制層

#　　servlet的寫法：

 package servlet;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bean.TestBean;
import service.TestService;

@WebServlet("/test.do")　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//通过注释配置servlet
public class TestServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public TestServlet() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");  　　　　　　　　　　　　　　　　　　　　//设置字符集，防止中文乱码

        TestBean testBean = new TestBean();  　　　　　　　　　　　　　　　　　　　　　　//获取数据集对象
        TestService testService = new TestService();  　　　　　　　　　　　　　　　　//获取业务层对象

        String s =request.getParameter("input"); 　　　　　　　　　　　　　　　　　　 //获取视图层提交的数据

        testBean.setInput(s);  　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//将数据存入数据集中
        s = testService.change(testBean); 　　　　　　　　　　　　　　　　　　　　　　　 //调用业务层，传入数据，接收返回结果
        request.setAttribute("outPut", s); 　　　　　　　　　　　　　　　　　　　　　　 //将结果存入request域中
        request.getRequestDispatcher("test.jsp").forward(request, response);  　　//跳转到视图层
    }

}

登入後複製

　　如果不想使用註解來設定servlet，還可以透過web.xml進行設定：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
　　<display-name>Java_Web</display-name>
　　<welcome-file-list>
　　　　<welcome-file>index.html</welcome-file>
　　　　<welcome-file>index.htm</welcome-file>
　　　　<welcome-file>index.jsp</welcome-file>
　　　　<welcome-file>default.html</welcome-file>
　　　　<welcome-file>default.htm</welcome-file>
　　　　<welcome-file>default.jsp</welcome-file>
　　</welcome-file-list>

　　<servlet>                             　　　　　　　　　　　　　　//通过配置文件配置servlet
　　　　<servlet-name>test</servlet-name>
　　　　<servlet-class>servlet.TestServlet</servlet-class>
　　</servlet>
　　<servlet-mapping>
　　　　<servlet-name>test</servlet-name>
　　　　<url-pattern>/test.do</url-pattern>
　　</servlet-mapping>

</web-app>

登入後複製

3、資料集

package bean;

public class TestBean {
    private String input;

    public String getInput() {
        return input;
    }

    public void setInput(String input) {
        this.input = input;
    }

}

登入後複製

4、業務層

package service;

import bean.TestBean;

public class TestService {
    public String change(TestBean testBean) {

        String s = testBean.getInput();  　　　　　 //从数据集中获取数据

        if(s != null && s != "") {  　　　　　　　　//如果有数据，则拼接字符串
            s += "——ysy";
        }
        return s;
    }
}

登入後複製