java 项目什么从后台向前页面输出html标签?

java 项目什么从后台向前页面输出html标签?,第1张

是因为在JSP页面使用struts或者jstl标签,最终jsp页面都会转化成java代码来执行的,所有的输出都会转化成response.getWriter().write(String)。

response.getWriter().write(“<span>你好</span>”)。这样就会向前台输出<span>你好</span>,如果是标签的话,首先处理标签把标签转化成对应的字符串,最终还是以response.getWriter().write(String)方式输出的页面。如果你有了解自定义标签,你就理解这些标签是如何输出的了。

vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下:

准备材料:Vue.js、HBuilder、浏览器

1、创建静态页面vhtml.html,并引入vue.js文件。

2、在<body></body>元素内插入两个div,一个作为外层div,另外一个作为子div,并在父div绑定v-html指令。

3、绑定v-html指令数据,这里设置为字符串。

4、Vue.js库的v-html指令是插入html元素,修改datas为包含<p></p>标签。

5、预览该静态页面,这时会看到页面显示如下

6、将调试打开,这时发现<div></div>中有个<p></p>标签,完成添加。

在html页面中,使用js调用java类要使用ajax,具体方法步骤如下:

1、将要调用的类名和方法名作为参数传给某个servlet.这一步的方法有许多种,用框架,或者直接用xmlHttpRequest对象;

2、要调用的类名和类的完整包路径最好写在配置文件里,这里假设类名为Hello,方法名为sayHello,并且sayHello方法不带参数,类路径为com.demo.Hello。

3、配置文件AjaxConfig.properties

Hello = com.demo.Hello

4、传入的参数设置为 class=Hello&method=sayHello

在servlet中作如下处理:

String className=request.getParameter("classname")

String methodName=request.getParameter("method")

String classPath=null

5、读取配置文件,取出className所对应的值放入classPath变量中,

Class c=Class.forName(classPath)//加载你所指定的类

Class param[]=new Class[0]//方法的参数为0个

Method m=null

String returnValue=null//返回值

try {

m = c.getMethod("sayHello",param)//获取你所指定的类中的指定方法

} catch (SecurityException e) {

// TODO Auto-generated catch block

e.printStackTrace()

} catch (NoSuchMethodException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}

try {

returnValue=(String)m.invoke(c.newInstance(), new Object[0])//调用你所指定的方法

} catch (IllegalArgumentException e) {

// TODO Auto-generated catch block

e.printStackTrace()

} catch (IllegalAccessException e) {

// TODO Auto-generated catch block

e.printStackTrace()

} catch (InvocationTargetException e) {

// TODO Auto-generated catch block

e.printStackTrace()

} catch (InstantiationException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}

6、将returnValue的值返回给客户端即可

类Hello.java

public class Hello

{

public String sayHello()

{

return "hello"

}

}


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

原文地址: https://outofmemory.cn/zaji/6132576.html

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

发表评论

登录后才能评论

评论列表(0条)

保存