MVCデザインパターンとは-よくある問題-php.cn

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 を通じて構成することもできます:

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

ログイン後にコピー