欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

MVC思想

程序员文章站 2022-07-15 11:42:19
...

MVC设计思想:
主要目的是 责任分离
M:Model:模型对象(封装业务操作,算法,可重复使用,JavaBean).
V:View:视图(界面,JSP,HTML)
C:Controler:控制器(控制界面跳转,Servlet.)
Web开发中的最佳实践:分层开发模式(技术层面的"分而治之").
三层架构 :
通常意义上的三层架构就是将整个业务应用划分为:表现层、业务逻辑层、数据访问层。区分层次的目的即为了“高内聚低耦合”的思想。
表现层(Predentation Layer):MVC,负责处理与界面交互的相关操作(Struts2/Spring MVC)
业务层(Business Layer) :service,负责复杂的业务逻辑计算和判断(Spring)
持久层(Persistent Layer) :ORM,负责将业务逻辑数据进行持久化存储(Hibernate/MyBatis)
mvc思想将各个部分分开,每个功能谁擅长做就 交给谁,达到低耦合的目的,这样的好处是哪个地方出现了问题就只需要更改哪里
流程:
1.持久层的操作:mybatis将数据库的数据进行增删改查
2.业务层操作:
(1)新建一个service的包,建一个service的接口,再建一个impl的包,去实现service的接口.service中去调用dao中的方法
(2)新建servlet去完成业务逻辑(参数获取,请求处理,页面跳转)
service方法:
在处理请求的时候应该根据不同请求命令去完成不同的功能(调用不同的方法)
在表现层请求发起的时候应该使用cmd去明确说明该操作的命令
当点击添加时服务器会到product这个servlet中去找input操作

    <a href="product?cmd=input">添加</a>

在service方法中去根据命令调用不同的方法
不要忘记设置编码格式
默认什么命令没有或者命令错误就执行列表显示操作

    protected void service(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
    		req.setCharacterEncoding("UTF-8");
    		String cmd = req.getParameter("cmd");
    		if ("saveORupdate".equals(cmd)) {
    			saveORupdate(req, res);
    		} else if ("delete".equals(cmd)) {
    			delete(req, res);
    		} else if ("input".equals(cmd)) {
    			input(req, res);
    		} else {
          //默认
    			list(req, res);
    		}
    	}

列表显示操作:
①获取数据封装成对象:
②处理请求:
调用service中的list方法,去数据库中将列表查询出来赋值给list集合

    List<Product> list = service.listAll();

将list存入request中

    .getSession().setAttribute("productlist", list);

③控制跳转:
这时使用请求转发,因为需要去当前请求对象中获取list中的数据

    req.getRequestDispatcher("WEB-INF/views/product/productList.jsp").forward(req, res);

删除操作:
①获取数据封装成对象:
删除操作需要获取id,id应当由请求对象带给servlet所以在发起请求时应当把当前数据的id指定给request

    //jsp页面
    <a href="product?cmd=delete&id=${ele.id}">删除</a></td>	

获取数据id

    //后台
    Long id = Long.valueOf(req.getParameter("id"));//获取的是字符串,执行时需要转换成Long类型

②处理请求:
调用service中delete方法

    service.delete(id);

③控制跳转:
使用重定向,重新定位到当前servlet,会默认去执行list操作,不能使用请求转发(重新去数据库中查询数据再跳转),删除操作中不做查询操作

    res.sendRedirect("/product");

添加或者修改:
添加或者修改时界面是一样的,此时当收到请求时应当将页面跳转至输入页面
跳转之前需要进行判断:
如果是添加操作页面是空白的没有任何数据
如果是编辑操作需要在输入界面回显数据
判断依据是id值是否为空

    //判断字符串是否为空或者空串
    private boolean hasLength(String str) {
    		return str != null && !"".equals(str.trim());
    	}

如果id为空就直接跳转至输入界面
如果id有值就将当前id对应的对象从数据库中查询出来
将该对象存入request中,以便于输入界面回显

    String id = req.getParameter("id");
    		//判断是更改还是插入
    		if (hasLength(id)) {
    			Product product = service.get(Long.valueOf(id));
    			req.setAttribute("presentProduct", product);
    			req.getRequestDispatcher("/WEB-INF/views/product/input.jsp").forward(req, res);
    		} else {
    			req.getRequestDispatcher("/WEB-INF/views/product/input.jsp").forward(req, res);
    		}

输入界面的提交操作:
①获取数据封装成对象:
将当前界面(输入界面)的数据获取出来封装成其真实类型的对象
注意:
request.getParameter()返回的是字符串类型,封装成对象的时候需要根据该属性的真实类型进行转换

    if (hasLength(dirId)) {
    			p.setDirId(Long.valueOf(dirId));
    		}
    		if (hasLength(salePrice)) {
    			p.setSalePrice(new BigDecimal(salePrice));
    		}
          ....

…将获取的参数设置到对象中
②处理请求
此处处理时需要进行判断:
是添加操作执行:service.save§;
是编辑操作执行:service.update§;
判断依据是id是否有值:
注意:
如果是编辑操作(id有值),此时需要将id设置到对象p中,因为执行update操作需要id的值

    if (hasLength(id)) {
    			p.setId(Long.valueOf(id));
    			service.update(p);
    		} else {
    			service.save(p);
    		}

③控制跳转

	res.sendRedirect("/product");

3.表现层:负责页面的数据显示,数据回显,发起请求
jsp页面进行数据的显示
使用标签:
jstl:

    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    ...
    <c:forEach items="${productlist}" var="ele" varStatus="vs">
    			<tr style='background-color:${vs.count % 2==0 ?"#00FFFF":"pink"}' align="center">
    				<td>${ele.id}</td>
    				<td>${ele.productName}</td>
    				...
    				<td><a href="product?cmd=input&id=${ele.id}">修改</a>|<a href="product?cmd=delete&id=${ele.id}">删除</a></td>		
    			</tr>
    			<br />
    		</c:forEach>

input.jsp
数据回显:

    <form action="product?cmd=saveORupdate" method="post">
    	<input type="hidden" name="id" value="${presentProduct.id}">
    	商品名称:<input type="text" name="productName" value="${presentProduct.productName}"><br/>
    	商品类别编号:<select name="dirId">
    	<option value="1" ${presentProduct.dirId==1 ? 'selected="selected"': ''}>水果</option>
    	...
    	</select><br/>
    	商品售价:<input type="text" name="salePrice" value="${presentProduct.salePrice}"><br/>
    	...
    	<input type="submit" name="submit" value="保存"><br/>
    	</form>