初识MVC模式

时间：2023-01-20 11:35:00

一.概念：MVC是 模型(Model),视图(View)和控制（Controller)的缩写，其目的实现Web系统的职能分工。

二.问题描述：通过一个简单的例子（计算圆面积）来体会MVC模式和普通的servlet+jsp的区别……

初识MVC模式

ctrl+"/'是单行注释，只在java文件里有效，在jsp里无效，不过可以撤销；ctrl+shift+"/"在java和jsp文件里都有效果，在jsp文件里是html注释，不过不可撤销，只能ctrl+z撤消了……

  1. jsp+javabean

　　

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

     <title>JSP+JavaBean</title>

 </head>

 <body>

 <!-- 不写action的话是提交到本页面 -->

 <form >

     <input type="text" name="r"/>

     <input type="submit" value="提交"/>

 </form>

 <jsp:useBean id="c" class="bean.Circle"/>

 <jsp:setProperty property="*" name="c"/>

 <!-- 从上下文获取 ,原来显示0.0-->

 <jsp:getProperty property="area" name="c"/>

 </body>

 </html>

初识MVC模式

2.Cicle类

 package bean;

 public class Circle {

     private double r;

     private double area;

     public double getR() {

         return r;

     }

     public void setR(double r) {

         this.r = r;

     }

     //面积不可以设定

     public double getArea() {

         area = Math.PI * r* r;

         return area;

     }

 }

3.web.xml文件

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <display-name>test</display-name>

  <servlet>

  	<servlet-name>com</servlet-name>

  	<servlet-class>servlet.Com</servlet-class>

  </servlet>

  <servlet-mapping>

  	<servlet-name>com</servlet-name>

  	<url-pattern>/com</url-pattern>

  </servlet-mapping>

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

</web-app>

4.输入界面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>输入界面</title>

</head>

<body>

<!--com是servlet中Com.java的名字，随便起  -->

<form action="com">

	<input type="text" name="r"/>

	<input type="submit" value="提交"/>

</form>

</body>

</html>

5.输出界面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>输出界面</title>

</head>

<body>

r:${r }

<br/>

area:${area }

</body>

</html>

6.servlet文件

 package servlet;

 import java.io.IOException;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import bean.Circle;

 public class Com extends HttpServlet {

     @Override

     protected void service(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         String str = request.getParameter("r");

         double r = Double.parseDouble(str);

         Circle c = new Circle();

         c.setR(r);

         double area = c.getArea();

         request.setAttribute("r", str);

         request.setAttribute("area", area);

         request.getRequestDispatcher("output.jsp").forward(request, response);

     }

 }

初识MVC模式的更多相关文章

  1. MVC模式和Spring MVC初识

    概述 传统的Model1和Model2 在Model1的模式下,整个Web应用几乎全部是由JSP页面组成,接受和处理用户请求,并对请求处理后直接做出响应:JSP身兼View和Controller两个角 ...

  2. MVC模式设计的Web层框架初识

    struts是个什么东西? struts是一个按MVC模式设计的Web层框架,其实它就是一个大大的servlet,这个Servlet名为ActionServlet,或是ActionServlet的子类 ...

  3. Android入门&colon;MVC模式&lpar;中&rpar;

    MVC 模式的最基本概念是分层设计,把我们的代码基于 View(视图).Model(模型).Controller(控制器)进行分类封装,这样做的目的是为了清晰结构,使代码更易维护和扩展. 在上一篇文章 ...

  4. Android 腾讯入门教程&lpar; 智能手表UI设计 和 MVC模式 &rpar;

    *****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...

  5. ASP&period;Net MVC开发基础学习笔记：一、走向MVC模式

    一.ASP.Net的两种开发模式 1.1 ASP.Net WebForm的开发模式 (1)处理流程 在传统的WebForm模式下,我们请求一个例如http://www.aspnetmvc.com/bl ...

  6. &lbrack;ASP&period;NET MVC 小牛之路&rsqb;01 - 理解MVC模式

    本人博客已转移至:http://www.exblr.com/liam  PS:MVC出来很久了,工作上一直没机会用.出于兴趣,工作之余我将展开对MVC的深入学习,通过博文来记录所学所得,并希望能得到各 ...

  7. 深入理解MVC模式

    一,什么是MVC模式 该模式是一种软件设计典范,他把软件系统划分为三个基本部分:模型层(Model).视图层(View).控制器(Controller) *Model(模型)表示应用程序核心(比如数据 ...

  8. MVC模式

                             1.MVC的概念 1.1什么是MVC? MVC是一种架构型模式,它本身不引入新的功能,只是指导我们把web应用结构做的更加合理,实现逻辑与页面相分离. ...

  9. MVC模式与Android

    MVC模式是软件工程中的一种软件架构,“Model-View-Controller”的缩写,中文翻译为“模型-视图-控制器”. MVC模式将一个交互式应用程序分为3各组件: 1.Model(模型):业 ...

随机推荐

  1. AX2012 QTY小数的位数问题

    小数的位数 ============================================ A.扩展数据类型Qty的位数(默认为2位)B.单位中的位数(通常PCS为0位)C.扩展数据类型Bo ...

  2. EditText显示明文与密码

    布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=& ...

  3. android学习笔记39——使用原始资源

    原始资源 android中没有专门提供管理支持的类型文件,都被称为原始资源.例如:声音资源... android原始资源存放位置: 1.res/raw,android SDK会处理该目录下的原始资源, ...

  4. rpm安装mysql 默认安装目录

    MySQL安装完成后不象SQL Server默认安装在一个目录,它的数据库文件.配置文件和命令文件分别在不同的目录,了解这些目录非常重要,尤其对于Linux的初学者,因为Linux本身的目录结构就比较 ...

  5. Codeforces Jzzhu and Sequences&lpar;圆形截面&rpar;

    # include <stdio.h> int f[10]; int main() { int x,y,n,j; while(~scanf("%d%d%d",& ...

  6. php7&period;0版本不再以类名命名构造函数

    <?php class Car { var $color = "add"; function Car($color="green") { $this-&g ...

  7. 小白的Python之路 day5 shelve模块讲解

    shelve模块讲解 一.概述 之前我们说不管是json也好,还是pickle也好,在python3中只能dump一次和load一次,有什么方法可以向dump多少次就dump多少次,并且load不会出 ...

  8. （三）图数据库neo4j的安装配置

    (一)neo4j安装 neo4j有社区版本和企业版,社区版本是免费的,企业版本是收费的.在linux上安装如下步骤: 1.将下载的neo4j-enterprise-3.4.0-unix.tar.gz包 ...

  9. NLTK的安装

    一.NLTK:Natural Language Toolkit(自然语言工具包) 下载:http://www.nltk.org pip install nltk 二.使用 import nltk nl ...

  10. js数组相关知识集合

    一.js数组快速排序 <script type="text/javascript"> var arr = [1, 2, 3, 54, 22, 1, 2, 3]; fun ...

相关文章