如何用springMVC 返回一个指定的HTML页面

Posted 2023-04-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用springMVC 返回一个指定的HTML页面相关的知识，希望对你有一定的参考价值。

用springMVC 返回一个指定的html页面的方法：

1、web.xml的配置：

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

<web-app version="2.5"

xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

<display-name>circcenter</display-name>

<welcome-file-list>

<welcome-file>/admin/login.html</welcome-file>

</welcome-file-list>

<servlet-mapping>

<servlet-name>default</servlet-name>

<url-pattern>*.html</url-pattern>

</servlet-mapping>

<servlet-name>springMVC</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>springMVC</servlet-name>

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

</servlet-mapping>

<filter-name>characterEncodingFilter</filter-name>

<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>UTF-8</param-value>

</init-param>

<init-param>

<param-name>forceEncoding</param-name>

<param-value>true</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>characterEncodingFilter</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath*:applicationContext.xml</param-value>

</context-param>

</web-app>

2、springMVC-servlet文件：

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

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context"

xmlns:p="http://www.springframework.org/schema/p"

xmlns:mvc="http://www.springframework.org/schema/mvc"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns:task="http://www.springframework.org/schema/task"

xsi:schemaLocation="http://www.springframework.org/schema/beans

http://www.springframework.org/schema/beans/spring-beans-3.0.xsd

http://www.springframework.org/schema/context

http://www.springframework.org/schema/context/spring-context.xsd

http://www.springframework.org/schema/mvc

http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd

http://www.springframework.org/schema/task

http://www.springframework.org/schema/task/spring-task.xsd">

<!--<task:executor id="executor" pool-size="5" />

<task:scheduler id="scheduler" pool-size="10" />

<task:annotation-driven executor="executor" scheduler="scheduler" />

-->

<context:component-scan base-package="com.qingshuang.circ"/>

<!-- 对模型视图名称的解析，在请求时模型视图名称添加前后缀

</bean>

-->

</bean>

</beans>

3、controller控制器代码：

@Controller

@RequestMapping(value="/test")

public class TestController

/**

* 测试请求是否成功

@RequestMapping(value="testAdmin", method=RequestMethod.GET)

public String testRequest()

System.out.println("----------------请求成功----------------");

return "admin/login.<span style="font-family:Helvetica, Tahoma, Arial, sans-serif;">html</span>";

4、html目录:

5、运行结果：

参考技术A springMVC 返回一个指定的HTML页面的写法如下：
@RequestMapping(value="/html", method=RequestMethod.GET)
public String prepare(Model model)
model.addAttribute("foo", "bar");
model.addAttribute("fruit", "apple");
return "views/html"; //view name
参考技术B 返回一个ModelAndView对象，
return new ModelAndView("页面路径");
为什么要返回HTML啊？配置文件里面也得改哪个前后缀

如何用DTM埋点跟踪广告落地页转化数据

上一篇介绍了DTM网页转化跟踪前的准备工作，本文将介绍如何配置落地页转化跟踪。

什么是落地页跟踪？

当用户点击广告，跳转到网站的指定页面，需要能够跟踪当前页面发生的事件。以华为商城为例，用户点击广告跳转到华为商城的某个商品详情页，需要在商品详情页跟踪点击加入购物车或者购买事件。

接下来，详细介绍落地页跟踪的配置过程，跟踪落地页中的加入购物车事件，并且能够查看转化成功的数据。例如，有一个商品详情页（广告的落地页）：https://dtm-beta.hwcloudtest.cn/dtmwebfour/dist/index.html#/goods/6096094

1. 在HUAWEI Ads平台创建网页跟踪
1.1 登录HUAWEI Ads平台：https://ads.huawei.com/ppsdspportal/index.html
1.2 创建落地页跟踪
点击工具>转化跟踪

点击新建转化指标>跟踪线索，点击继续。

填写转化名称、落地页链接、转化类别，点击归因窗口和展示归因窗口可以使用默认值。

落地页链接填写商品详情页的地址：https://dtm-beta.hwcloudtest.cn/dtmwebfour/dist/index.html#/goods/6096094

点击下一步，会提示提交成功。复制生成的转化ID，用于后续配置。

1.3 创建成功后的联调状态是“未激活”

2. 修改DTM配置
接下来，对落地页中的加入购物车按钮配置跟踪代码。DTM有3种配置方式：
a. 普通代码埋点
b. 可视化埋点（普通）
c. 可视化埋点（按Tag模板）：推荐使用此方式进行配置

2.1 普通代码埋点
1. 获取网页中加入购物车按钮的CSS
打开网页，在加入购物车按钮上右击，点击检查，找到加入购物车元素。

选中加入购物车按钮元素，右键选择 Copy > Copy selector ,将获取的值保存，后续配置DTM时需要使用。示例值：#container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1)

2. 配置变量

点击变量管理>配置，选择页面元素下的Element，保存配置。

3. 创建条件

点击条件管理>新建，设置条件名称，条件类型选择“所有元素”，触发条件选择“部分点击”，变量选择“Element”，操作符选择“CSS选择器相符”，值设置为: #container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1),#container > div.pro_detail > div.pro_meg > div.pro_meg_console > div > button:nth-child(1) *

说明：CSS选择器的值为什么与通过Copy selector获取的值不一样？

参考上图，加入购物车按钮里面其实还嵌入了一个span元素，用户点击button或span都可以触发加入购物车。为了保证用户点击button或button中的子元素时都可以匹配成功，需要将button中的子元素也进行匹配。假如button的CSS为X，那么button中的子元素可以描述为 X *，button及button的子元素描述为 X,X * (中间用逗号分割)。

4. 创建代码

点击代码管理>新建，填写代码名称，扩展选择为“HUAWEI Ads”，跟踪ID设置为在HUAWEI Ads平台获取的转化ID，触发条件选择为上一步创建的条件，保存配置。

至此，普通代码埋点的配置已完成。

2.2 可视化埋点（普通）

1. 进入可视化埋点页面

点击可视化埋点，输入要埋点的网站地址，点击开始埋点后进入可视化埋点模式。

2. 添加埋点

点击添加埋点，点击加入购物车按钮，会提示是否需要选择同类元素（如果需要进行同类元素埋点则点击确定，否则点击取消），本示例中选择取消。

设置埋点信息：
填写埋点名称，触发事件选择“指定页面”，配置两个URL匹配规则：
URL包含“https://dtm-beta.hwcloudtest.cn/dtmwebfour/dist/index.html”。
URL包含“goods”
说明：为什么URL匹配要使用包含，而不能使用等于？
因为URL地址的参数是不固定的，特别是当加入广告的参数后，URL是会改变的，所以配置URL匹配规则的时候最好使用包含，而不是等于。

3. 创建代码

点击代码管理>新建，填写代码名称，扩展选择为“HUAWEI Ads”，跟踪ID设置为在HUAWEI Ads平台获取的转化ID，触发条件选择为上一步创建的可视化埋点。保存配置。

至此，可视化埋点（普通）的配置已完成。

2.3 可视化埋点（按Tag模板）

1. 创建代码模板

点击可视化埋点>按Tag模板埋点，进入按Tag模板埋点页面。点击新建，填写代码名称，扩展选择“HUAWEI Ads”，保存配置。

2. 进入可视化埋点页面

选择上一步创建的HUAWEI Ads模板，输入要埋点的网站地址，点击开始埋点后进入可视化埋点模式。

3. 添加埋点

设置埋点信息：
填写埋点名称，跟踪ID设置为在HUAWEI Ads平台获取的跟踪ID，触发事件选择“指定页面”，配置两个URL匹配规则：
URL包含“https://dtm-beta.hwcloudtest.cn/dtmwebfour/dist/index.html”。
URL包含“goods”
说明：为什么URL匹配要使用包含，而不能使用等于？
因为URL地址的参数是不固定的，特别是当加入广告的参数后，URL是会改变的，所以配置URL匹配规则的时候最好使用包含，而不是等于。
至此，可视化埋点（按Tag模板）的配置已完成。

3. 创建并发布DTM版本

点击版本管理>新建，填写版本名称，选择“创建并发布此版本”，点击确定。