ホームページ >よくある問題 >MVCデザインパターンとは

MVCデザインパターンとは

coldplay.xixi
coldplay.xixiオリジナル
2020-12-17 15:32:4214144ブラウズ

mvc デザイン パターンは、アプリケーションを上記の 3 つのコア モジュール (ビジネス層、ビュー層、コントロール層) に分割するソフトウェア設計パターンです。ビジネス層はアプリケーションのビジネス ロジックの実装とさまざまなデータ処理メソッドのカプセル化を担当し、ビュー層はアプリケーションをユーザーに表示する責任を負い、ユーザーから入力データを取得し、それをビジネス層に渡して処理します。コントロール層 この層は、ビジネス層から返された結果を取得し、ユーザーに表示します。コントロール層はアプリケーションのフローを制御する役割を果たし、ビュー層からデータを受け取り、ビジネス層で処理するビジネスを選択します。

MVCデザインパターンとは

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

MVC 設計パターンとは

MVC は Model-View-Controller (Model-View-Controller) であり、Smalltalk 言語で最初に登場したソフトウェア設計パターンです。 、後に Java EE プラットフォームの設計パターンとして Sun によって推奨されました。

MVC ではアプリケーションを上記の 3 つのコアモジュールに分割しており、この 3 つのモジュールはビジネス層、ビュー層、制御層とも呼ばれます。名前が示すように、アプリケーション内での 3 つの主な役割は次のとおりです。

ビジネス層 : アプリケーションのビジネス ロジックの実装とさまざまなデータ処理メソッドのカプセル化を担当します。 。ビューレイヤーによってどのように表示されるか、コントローラーによって呼び出されるかは気にせず、データを受け入れ、処理し、結果を返すだけです。

ビュー層: ユーザーに対するアプリケーションの表示を担当し、ユーザーから入力データを取得し、制御層を介してビジネス層に処理のために渡し、その後、ビジネス層から制御層を介して返されたデータ。結果はユーザーに表示されます。

コントロール層: アプリケーションのプロセスの制御を担当し、ビュー層から渡されたデータを受け取り、ビジネス層で処理するビジネスを選択し、返された結果を受け取ります。ビジネス レイヤーごとに選択し、ビュー レイヤーでビューを選択して結果を表示します。

次の図を使用して、MVC パターン内の 3 つの関係を表すことができます。

MVC は設計上のアイデアであり、実際の機能はありません。統一された標準、MVC アイデアの典型的な実装の 1 つは JavaBean (モード) JSP (ビュー) サーブレット (コントローラー) です。私は JavaBean のビジネス ロジックを個別にリストして、サービス (モード) JavaBean (データ セット) JSP ( View)サーブレット(コントローラー)の構造を以下に実装してみます。

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. コントロール層

サーブレットの作成:

 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);    //跳转到视图层
    }

}

コメントを使用してサーブレットを構成したい場合は、web.xml を通じて構成することもできます:

930406f08da8ee4a2ff134b688d29d1d
33f811d908019104dce50f37c23d195d
  104ce0f86471f18553dacb332199720eJava_Web6016cc98de5b53c0cfd1cdb1cf6f5e32
  145f58f625840b9ea02ee646738753d6
    4dc738b987c616c936501769be741a6eindex.html61b13b5331cf95fd092fcea0d23c370c
    4dc738b987c616c936501769be741a6eindex.htm61b13b5331cf95fd092fcea0d23c370c
    4dc738b987c616c936501769be741a6eindex.jsp61b13b5331cf95fd092fcea0d23c370c
    4dc738b987c616c936501769be741a6edefault.html61b13b5331cf95fd092fcea0d23c370c
    4dc738b987c616c936501769be741a6edefault.htm61b13b5331cf95fd092fcea0d23c370c
    4dc738b987c616c936501769be741a6edefault.jsp61b13b5331cf95fd092fcea0d23c370c
  300e6fadd23fafd1b065a779b865fda9

  46309ed845064fdb06e746051efff9e0                                           //通过配置文件配置servlet
    700b5f17c4d842e4bd410f680f40946btest72eca723e64ddd01187c8b4d58572fcb
    b472d9135dbff3dd7fcc77f5995c97d0servlet.TestServlet4f01b97d64aea37f699ead4eb7bd2bbd
  20d42bb762ac7d7e594da3a264e47fcc
  870ae7edaa11700bcea972d006efb06e
    700b5f17c4d842e4bd410f680f40946btest72eca723e64ddd01187c8b4d58572fcb
    66e1775cbd9d5002635ae3285442ba88/test.do3ec4a5583206d351b61ed79c1a0f9c66
  cb808b0e21d3ee32c89fe10adc3f12ec

9ec23d40699efb4cb39a61797a06a5a1

3, data set

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;
    }
}

3. MVC フレームワーク パターンの利点

1. コードの再利用に役立つ

2. 開発者にとって有利な分業

## 3. プログラムモジュール間の結合を減らし、プログラムの保守と拡張を容易にするのに役立ちます。

さらに関連する知識については、

FAQ 列をご覧ください。

以上がMVCデザインパターンとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。