MVC3调用分部视图PartialView的几种方式

MVC3调用分部视图PartialView的几种方式,第1张

一、1、在Test控制器下,创建Message方法

public class TestController : Controller{public ActionResult Message(){var testObj = new List<string(){aaa, bbb, ccc}//将testObj对象,传入MessageControl分部视图,返回分部视图对象

return PartialView(MessageControl, testObj)}}

2、创建 MessageControl分部视图

在Views文件夹-Shared文件夹,Shared文件夹右键添加视图,选中“创建分部视图”,文件名:MessageControl

@model List<string<ul@foreach (var item in Model){<li@item</li}</ul

3、视图调用,分部视图MessageControl

@{Html.RenderPartial(MessageControl)}

二、指定Controller和Action

@Html.Action(方法名,

控制器名)@{Layout = null}

<!DOCTYPE html<html<head<titleIndex</title</head<body<div@Html.Action(Message, Test)</div</body</html

但Controller和Action不是必须的,你也可以新建一个对象传给分部视图 MessageControl

<!DOCTYPE html<html<head<titleIndex</title</head<body<div@Html.Partial(MessageControl, new List<string { ccc, ddd, eee })</div</body</html

三、通过JQuery去调用Test/Message,并把结果填充到ID为fuck的DIV中

<h3Use JQuery</h3

<a href=javascript:onclick=loadFuck()Invoke LoadPartial</a

<div id=fuck</div

<script type=text/javascript

function loadFuck() {

javaMVC模式是将servlet和jsp结合起来的技术。servlet适合数据处理,而jsp适合显示。这个模式充分发挥了每项技术的优点。

一、MVC 需求

如果需要大量的数据处理servlet很合适,但是servlet对html的处理很冗长难以修改,这就是使用jsp的原因。将视图从复杂的数据和逻辑处理中解放出来。

但是当jsp显示内容需要根据不同的需求生成差异较大的页面的时候我们就需要将jsp显示和servlet的逻辑处理结合起来。通常使用的模式是MVC模式。可以

使每项技术发挥它最大的功效。初始请求由servlet来处理,调用逻辑和数据处理代码,并穿件bean来表示响应的结果(即模型)。然后servlet确定由哪个jsp页面显示比较合适并将请求转发到jsp(即视图)。servlet就是控制器。

使用MVC的目的就是将逻辑 *** 作和数据 *** 作和显示代码分离。在相对较复杂的项目中使用框架是更好的更方便的选择。(Apache struts2)。但是相对于使用框架来说

从头开始自己创建MVC的实现(使用RequestDispatcher请求转发)更直观更灵活。

二、使用RequestDispatcher来手动创建MVC。

1.定义bean来表示数据

2.使用servlet来处理请求

3.填写bean

4.将bean存储到请求,会话或者servletcontext中

5.将请求转发给jsp

这里要说的是当一个请求转发的时候是将HttpServletRequest对象转发到jsp页面,而重定向(sendRedirect)是重新创建一个请求。(这里要注意的是如果jsp页面的显示只有在servlet上下文中才有意义的话可以讲页面放在WEB-INF目录中,因为这个目录用户是不能直接访问的,但是服务器可以访问)

如果是将bean存储在会话或者servletcontext 中时有的情况下使用重定向要比请求转发更有效

6.从bean中读取数据并显示

读取的时候jsp页面是使用的jsp:useBean标签及子标签来显示的,但是需要注意的是在这不能重新创建bean使用的标签应该这样:

<jsp:useBean ... type="package.class" />来代替创建新bean 的<jsp:useBean ... class="package.class" />

还有一点要注意的是jsp页面不能用来设置bean只能读取即<jsp:getProperty />标签。还要注意读取bean是基于那种共享(Request,session,application)

三、目的页面中相对URL的解释

使用RequestDispatcher来转发请求时最终URL是最初的servlet请求维持最初的请求不变,使用sendRedirect重定向的时候是重新创建请求并且URL是最终显示页面的URL

还有一个需要注意的是如果jsp页面使用图像和导入js或者css的时候,RequestDispatcher的相对路径应该是相对于初始servlet的相对路径,而sendRedirect 的文件相对路径是相对于最终请求的页面的相对路径

四、三种数据共享方式的对比

当数据在每个请求不同的时候使用请求共享,

当数据在会话的时候不变的情况下使用会话共享,

如果在整个程序运行的状态下数据都不需要重新定义的话使用应用程序共享。

五、在jsp中使用转发

在jsp中使用转发的方式可以是<jsp:forward page="relative URL">和scriptlet中,但是使用xml标签显然要比封装到RequestDispatcher中要方便许多,还有一个原因是效率要高。jsp:forward标签可以使用jsp:param作为子标签,为转到的页面提供额外的参数。在servlet中的后台实现就是RequestDispatcher类的forward方法。

六、包含页面

使用jsp转发是利用servlet产生数据用jsp输出servlet不产生输出。还有一种方法是使用页面包含,可以讲servlet自身的输出及一个或多个jsp页面的输出组合到一起。RequestDispatcher的include方法就是jsp标签<jsp:include>的后台实现。如:

import javax.servlet.*

//doSomething

RequestDispatcher rd=request.getRequestDispatcher("jsp路径")

rd.include(当前servlet的Request对象,当前servlet的response对象)

//doSomething

这端代码就是jsp:include的实现方法只包含页面的输出内容而不是如<%@ include%>命令那样讲整个文件的内容包含进去。

七、EL表达式

EL(表达式语言)是为了计算和输出存储在标准位置的java对象的值。另一个特性是用jsp语法(而非Java语法)定义定制标签的能力。

优点:1.精确访问存储对象。输出用setAttribute存储的对象。

2.bean属性的简略记法。使用bean(name).attribute(name)访问bean属性。

3.对集合元素的简单访问。使用${variable[index or key]}

4.请求参数、cookie和其他请求数据的简单访问。

5.实现一些简单的运算。

6.选择性输出。(${test?option1:option2})

7.自动类型转换。

8.空值取代错误消息。

停用EL表达式

1.停用整个WEB应用中的表达式语言。

修改web.xml文件的兼容版本

2.停用多个jsp页面中的表达式语言。

修改web.xml文件,在其中添加如下标签:

<jsp-property-group>

<url-pattern>jsp Path</url-pattern>

<el-ignored>true or false</el-ignored>

</jsp-property-group>

true为停用false为启用

3.停用个别页面中的表达式语言。

在需要停用EL表达式的页面加入如下语句:

<%@ page ignored="false"%>

true为启用false为停用

4.停用表达式语言的个别语句。

将$符号用$替换,这个表达式就失效了

需要注意的是在jsp2.0的jsp页面上如果想要输出${}这个符号需要使用转意字符\${}表示这个和将$用$是一样的效果

下面是一个例子

package mvcTest2

public class Data

{

public int value// 学生年龄值

public String name// 学生名

}

import java.util.*

import java.util.Observable

public class Model extends Observable

{

protected ArrayList data = new ArrayList()

public Model()

{

super()

}

public Model(int[] value, String[] name)

{

for ( int i = 0i<value.lengthi++ )

{

addData(value[i],name[i])

}

}

public Model(Data[] data)

{

for ( int i = 0i<data.lengthi++ )

{

addData(data[i])

}

}

public void addData(int value, String name)

{

Data data = new Data()

data.value = value

data.name = name

this.data.add(data)

setChanged()// Indicates that the model has changed

notifyObservers(this)

}

public void addData(Data data)

{

this.data.add(data)

setChanged()// Indicates that the model has changed

notifyObservers(this)

}

public Data getData(int idx)

{

return (Data)(data.get(idx))

}

public int size()

{

return data.size()

}

// 当数据改变时,由Controller调用此方法,通知各个Observer,刷新视图.

public void changeModel(Model model)

{

data.clear()

for (int i=0i {

this.addData(model.getData(i))

}

setChanged()// Indicates that the model has changed

notifyObservers(this)

}

}

import java.awt.*

import javax.swing.*

//import javax.swing.border.*

import java.awt.event.*

public class Controller extends JFrame

{

Model model = new Model()

TextView txtView = new TextView(model)

GraphicsView graphView = new GraphicsView(model)

JScrollPane jScrollPane1 = new JScrollPane()

JButton jButton1 = new JButton()

JTextField jTextField1 = new JTextField()

JTextField jTextField2 = new JTextField()

JLabel jLabel1 = new JLabel()

JLabel jLabel2 = new JLabel()

JLabel jLabel3 = new JLabel()

public Controller()

{

try

{

super.setTitle("MVC parrten test")

jbInit()

}

catch (Exception e)

{

e.printStackTrace()

}

}

private void jbInit() throws Exception

{

Data[] data = new Data[4]

data[0] = new Data()

data[1] = new Data()

data[2] = new Data()

data[3] = new Data()

data[0].name = "Ted"

data[0].value = 20

data[1].name = "Joy"

data[1].value = 14

data[2].name = "Mars"

data[2].value = 23

data[3].name = "Martian"

data[3].value = 25

model.addData(data[0])

model.addData(data[1])

model.addData(data[2])

model.addData(data[3])

// 注意下面两行:向模型中登记它的观察者View1和View2.

model.addObserver(txtView)

model.addObserver(graphView)

this.getContentPane().setLayout(null)

jScrollPane1.setBounds(new Rectangle(0, 0, 3, 3))

jButton1.setBounds(new Rectangle(309, 259, 101, 27))

jButton1.setText("Update")

jButton1.addActionListener(new java.awt.event.ActionListener()

{

public void actionPerformed(ActionEvent e)

{

jButton1_actionPerformed(e)

}

})

jTextField1.setText("20")

jTextField1.setBounds(new Rectangle(80, 254, 52, 30))

jTextField2.setText("14")

jTextField2.setBounds(new Rectangle(178, 255, 50, 31))

jLabel1.setText("Age:")

jLabel1.setBounds(new Rectangle(41, 226, 47, 23))

jLabel2.setText("Ted")

jLabel2.setBounds(new Rectangle(42, 252, 35, 33))

jLabel3.setText("Joy")

jLabel3.setBounds(new Rectangle(144, 255, 31, 31))

txtView.setBounds(new Rectangle(7, 5, 225, 208))

graphView.setBounds(new Rectangle(234, 4, 219, 209))

this.getContentPane().add(jScrollPane1, null)

this.getContentPane().add(jTextField2, null)

this.getContentPane().add(jTextField1, null)

this.getContentPane().add(jLabel2, null)

this.getContentPane().add(jLabel3, null)

this.getContentPane().add(jLabel1, null)

this.getContentPane().add(jButton1, null)

this.getContentPane().add(txtView, null)

this.getContentPane().add(graphView, null)

}

// 按下Update按钮,通知Model数据发生改变.

void jButton1_actionPerformed(ActionEvent e)

{

Data[] data = new Data[2]

data[0] = new Data()

data[1] = new Data()

data[0].name = jLabel2.getText()

data[0].value = Integer.parseInt(jTextField1.getText())

data[1].name = jLabel3.getText()

data[1].value = Integer.parseInt(jTextField2.getText())

Model m = new Model(data)

this.model.changeModel(m)

}

public static void main(String[] args)

{

Controller c = new Controller()

c.setSize(475, 350)

c.setVisible(true)

}

}

package mvcTest2

import javax.swing.*

import java.awt.*

import javax.swing.border.*

import java.util.Observer

import java.util.Observable

public class GraphicsView extends JPanel implements Observer

{

Model model

public GraphicsView()

{

}

public GraphicsView(Model model)

{

try

{

this.model = model

jbInit()

}

catch(Exception e)

{

e.printStackTrace()

}

}

private void jbInit() throws Exception

{

this.setBackground(Color.white)

this.setBorder(new TitledBorder(BorderFactory.createLineBorder(Color.black,1),"GraphicsView"))

}

public void paintComponent(Graphics g)

{

super.paintComponent(g)

if ( model == null ) return

int x = 10,y = 30

int h = g.getFontMetrics().getHeight()

int width = this.getWidth()

int height = this.getHeight()

int sy = height / (model.size() +1)

int sx = width/ 2 -40

for ( int i=0i<model.size()i++ )

{

Data data = model.getData(i)

int value = data.value

int dx = 3

int r = 3

Color c = new Color((int)(255*Math.random()),(int)(255*Math.random()),(int)(255*Math.random()))

int cx = sx

int cy = y+i * sy

for ( int j=0j {

g.setColor(c)

g.drawOval(cx,cy,r,r)

r+=dx

}

//*/

g.draw3DRect( cx,cy,value*2,15,true)

g.setColor(c)

g.fill3DRect(cx,cy,value*2,15,true )

g.drawString(data.name,25,cy+15)

}

}

// 当模型数据发生改变时,会自动调用此方法来刷新图形

public void update(Observable o, Object arg)

{

this.model =(Model) o

repaint()

}

package mvcTest2

import javax.swing.*

import java.awt.*

import javax.swing.border.*

import java.util.Observer

import java.util.Observable

public class TextView extends JPanel implements Observer

{

Model model

public TextView()

{

}

public TextView(Model model)

{

try

{

this.model = model

jbInit()

}

catch(Exception e)

{

e.printStackTrace()

}

}

private void jbInit() throws Exception

{

this.setBackground(Color.white)

this.setBorder(new TitledBorder(BorderFactory.createLineBorder(Color.black,1),"TextView"))

}

public void paintComponent(Graphics g)

{

super.paintComponent(g)

if ( model == null ) return

int x = 20,y = 50

int h = g.getFontMetrics().getHeight()

for ( int i=0i<model.size()i++ )

{

Data data = model.getData(i)

g.drawString(data.name + ":",x,y)

x+= g.getFontMetrics().stringWidth(data.name) + 20

g.drawString(String.valueOf(data.value),x,y)

y+=h

x = 20

}

}

// 当模型数据发生改变时,会自动调用此方法来刷新图形

public void update(Observable o, Object arg)

{

this.model =(Model) o

repaint()

}

}

会用吗 ??

不知道你想问的是什么。

但还是提供相关的知识:

使用强类型,前台绑定Model,添加的时候,一个空的Model传到前台,编辑的时候,是一个有值的Model。这样页面就直接绑定上了。

而保存的时候,后台 if else 判断下,当前数据id是否 为空,为空则为添加,否则为编辑(当然,你需要将当前数据Id放到隐藏域里面,如果你不显示的话)。

要想代码清晰一点,封装一下,新增与编辑的逻辑即可。以免一个方法承载过多的逻辑,闲的冗长,不易阅读。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11672595.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存