通过WebWork实现HelloWorld
创始人
2024-04-12 21:11:07
0

在具体开发使用介绍之前,搭建好运行环境是必备的。假设Tomcat的安装和部署已搞定,打开eclipse新建一个Tomcat工程HelloWorld:

1.在网上下载到***的WebWork压缩包,并将其解压开来。打开解压目录,你将看到以下的文件和目录:

webwork-2.x.jar当然就是WebWrok***发布的Jar包

webwork-example.war是WebWrok自带的很有代表性的功能演示例子,掌握它是提高你的WebWork技术水平的捷径

webwork-migration.jar提供快速将1.x版本移植到2.x版本所用的类文件

docs目录 WebWrok的使用文档,包括api文档、clover文档、单元测试(Junit)文档等

lib目录 WebWork在运行或编译时所用到的所有.jar包

src目录 源程序目录

2.使用WebWork需要将它运行时的Jar包入到Web容器可以找到的ClassPath中:

将步骤1中介绍的webwork-2.x.jar放到Tomcat工程下的WEB-INF\lib目录中,同时也要将..\ webwork-2.2.6\lib\default中的所有jar文件和..\webwork-2.2.6\lib\spring中以spring开头的jar文件也一起放到WEB-INF\lib中,这些都是运行WebWork必需要用到的jar包。

3.Webwork框架是通过一个JavaServlet控制器提供统一的请求入口,解析请求的url,再去调用相应的Action进行业务处理。要求在web.xml文件里配置一个派遣器ServletDispatcher,它初始化WebWrok的一些配置信息,解析XWork的Action配置信息,根据请求去组装和调用执行相应的拦截器(Interceptor)、Action、Action Result(Action执行结果的输出)等,具体配置如下:

  1. ……  
  2.  
  3. webworkservlet-name> 
  4. com.opensymphony.webwork.dispatcher.ServletDispatcherservlet-class> 
  5. servlet> 
  6. ……  
  7.  
  8. webworkservlet-name> 
  9. *.actionurl-pattern> 
  10. servlet-mapping> 
  11. …… 

这样,.action结尾的所有url请求将直接有ServletDispatcher去调度。

下面我们用一个经典的HelloWorld实例来验证运行环境是否可用,并感受一下简单、功能强大的WebWork的开发。

4.把刚才WebWork的jar包都导进来,项目右键Build Path—Configure Build Path…在弹出的对话框中选择Java Build Path,对应选择右边的Libraries标签页,选择Add JARs…按钮,在弹出的窗口中选择刚建立的工程的HelloWorld—WEB-INF—lib 下面的全部jar包,点OK退出。这时会看到在工程HelloWorld下面多了一些瓶子似的jar,这表明已经成功导入。

5.在WEB-INF/src下建一个Package名字为helloWorld,再建一个class名字为HelloWorldAction,添加代码如下:

  1. package helloWorld;  
  2. import com.opensymphony.xwork.*;  
  3.  
  4. public class HelloWorldAction implements Action{  
  5.   private String hello;  
  6.   public String execute() throws Exception{  
  7.             hello = "Hello World";  
  8.             return SUCCESS;  
  9.   }         
  10.   public String getHello() {  
  11.             return hello;  
  12.   }  
  13.   public void setHello(String hello) {  
  14.             this.hello = hello;  
  15.   }  

HelloWorldAction是一个普通的Java类,它实现了Action这个接口。Action是一个非常简单的接口,只有一个方法:public String execute() throws Exception; ,Action类介绍见下一节。HelloWorldAction有一个String类型字段greeting,在execute()方法中,greeting被赋值“Hello World!”,并返回String型常量SUCCESS,SUCCESS的定义详见Action接口,这个常量代表了execute()方法执行成功,将返回成功页面。

6.右键工程名字新建一个.jsp文件--hello.jsp代码如下:

  1. <%@ taglib prefix="ww" uri="/webwork" %> 
  2. <%@ page language="java" contentType="text/html; charset=GBK"%> 
  3. > 
  4.  
  5.  
  6.  http-equiv="Content-Type" content="text/html; charset=GBK"> 
  7. </FONT></STRONG>First WebWork Example<STRONG><FONT color=#006699></< SPAN>title></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699></< SPAN>head></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699><body></FONT></STRONG> <LI class="">0000000010100001000010000100000011000010001110000000010000测试数据  <LI class=alt><STRONG><FONT color=#006699><p><ww:property</FONT></STRONG> <FONT color=#ff0000>value</FONT> = <FONT color=#0000ff>"hello"</FONT><STRONG><FONT color=#006699>/></< SPAN>p></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699></< SPAN>body></FONT></STRONG> </LI></OL></PRE> <P>7.配置web.xml文件:在WEB-INF下面建立web.xml文件,代码如下:</P><PRE><OL class=dp-xml><LI class=alt><STRONG><FONT color=#006699><web-app</FONT></STRONG> <FONT color=#ff0000>xmlns</FONT>=<FONT color=#0000ff>"http://java.sun.com/xml/ns/j2ee"</FONT> <LI class="">    <FONT color=#ff0000>xmlns:xsi</FONT>=<FONT color=#0000ff>"http://www.w3.org/2001/XMLSchema-instance"</FONT> <LI class=alt>    <FONT color=#ff0000>xsi:schemaLocation</FONT>=<FONT color=#0000ff>"http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"</FONT> <LI class="">    <FONT color=#ff0000>version</FONT>=<FONT color=#0000ff>"2.4"</FONT><STRONG><FONT color=#006699>></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699><servlet></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699><servlet-name></FONT></STRONG>webwork<STRONG><FONT color=#006699></< SPAN>servlet-name></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699><servlet-class></FONT></STRONG>com.opensymphony.webwork.dispatcher.ServletDispatcher<STRONG><FONT color=#006699></< SPAN>servlet-class></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699></< SPAN>servlet></FONT></STRONG> <LI class=alt> <LI class=""><STRONG><FONT color=#006699><servlet-mapping></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699><servlet-name></FONT></STRONG>webwork<STRONG><FONT color=#006699></< SPAN>servlet-name></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699><url-pattern></FONT></STRONG>*.action<STRONG><FONT color=#006699></< SPAN>url-pattern></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699></< SPAN>servlet-mapping></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699><filter></FONT></STRONG> <LI class=alt>    <STRONG><FONT color=#006699><filter-name></FONT></STRONG>webwork<STRONG><FONT color=#006699></< SPAN>filter-name></FONT></STRONG> <LI class="">    <STRONG><FONT color=#006699><filter-class></FONT></STRONG>com.opensymphony.webwork.dispatcher.FilterDispatcher<STRONG><FONT color=#006699></< SPAN>filter-class></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699></< SPAN>filter></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699><listener></FONT></STRONG> <LI class=alt>          <STRONG><FONT color=#006699><listener-class></FONT></STRONG>org.springframework.web.context.ContextLoaderListener<STRONG><FONT color=#006699></< SPAN>listener-class></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699></< SPAN>listener></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699></< SPAN>web-app></FONT></STRONG> </LI></OL></PRE> <P>8.配置xwork.xml文件:在WEB-INF/src下面建立xwork.xml文件,代码如下:</P><PRE><OL class=dp-xml><LI class=alt><LI class="">"http://www.opensymphony.com/xwork/xwork-1.1.1.dtd"<STRONG><FONT color=#006699>></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699><xwork></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699><include</FONT></STRONG> <FONT color=#ff0000>file</FONT>=<FONT color=#0000ff>"webwork-default.xml"</FONT><STRONG><FONT color=#006699>/></FONT></STRONG> <LI class=alt>  <STRONG><FONT color=#006699><package</FONT></STRONG> <FONT color=#ff0000>name</FONT>=<FONT color=#0000ff>"helloWorld"</FONT> <FONT color=#ff0000>extends</FONT>=<FONT color=#0000ff>"webwork-default"</FONT><STRONG><FONT color=#006699>></FONT></STRONG>         <LI class="">      <STRONG><FONT color=#006699><action</FONT></STRONG> <FONT color=#ff0000>name</FONT>=<FONT color=#0000ff>"hello"</FONT> <FONT color=#ff0000>class</FONT>=<FONT color=#0000ff>"helloWorld.HelloWorldAction"</FONT><STRONG><FONT color=#006699>></FONT></STRONG> <LI class=alt>      <STRONG><FONT color=#006699><result</FONT></STRONG> <FONT color=#ff0000>name</FONT>=<FONT color=#0000ff>"success"</FONT><STRONG><FONT color=#006699>></FONT></STRONG>hello.jsp<STRONG><FONT color=#006699></< SPAN>result></FONT></STRONG> <LI class="">      <FONT color=#008200><!-- <param name="location"></param> --></FONT>          <LI class=alt>            <STRONG><FONT color=#006699></< SPAN>action></FONT></STRONG>         <LI class="">  <STRONG><FONT color=#006699></< SPAN>package></FONT></STRONG> <LI class=alt><STRONG><FONT color=#006699></< SPAN>xwork></FONT></STRONG> </LI></OL></PRE> <P>xwork.xml的作用通过使用XWork的命令模式框架和拦截器框架,提供了一个支持Web功能、能快速构建Web应用的命令模式框架。(这是一个标准说法)。</P> <P>说白了就是联系刚才的几个文件,传值用的。</P> <P>9.在Tomcat安装目录下..\Tomcat 5.5\conf打开sever.xml文件,添加如下代码:</P><PRE><OL class=dp-xml><LI class=alt><STRONG><FONT color=#006699><Host</FONT></STRONG> <FONT color=#ff0000>name</FONT>=<FONT color=#0000ff>"test"</FONT> <FONT color=#ff0000>debug</FONT>=<FONT color=#0000ff>"0"</FONT> <FONT color=#ff0000>appBase</FONT>=<FONT color=#0000ff>""</FONT> <FONT color=#ff0000>unpackWARs</FONT>=<FONT color=#0000ff>"true"</FONT> <FONT color=#ff0000>autoDeploy</FONT>=<FONT color=#0000ff>"true"</FONT><STRONG><FONT color=#006699>></FONT></STRONG> <LI class="">                     <STRONG><FONT color=#006699><Context</FONT></STRONG> <FONT color=#ff0000>path</FONT>=<FONT color=#0000ff>""</FONT> <FONT color=#ff0000>reloadable</FONT>=<FONT color=#0000ff>"true"</FONT> <FONT color=#ff0000>docBase</FONT>=<FONT color=#0000ff>"E:\eclipse\HelloWorld"</FONT> <STRONG><FONT color=#006699>></FONT></STRONG> <LI class=alt>                              <STRONG><FONT color=#006699><Manager</FONT></STRONG> <FONT color=#ff0000>className</FONT>=<FONT color=#0000ff>"org.apache.catalina.session.PersistentManager"</FONT> <FONT color=#ff0000>debug</FONT>=<FONT color=#0000ff>"0"</FONT> <FONT color=#ff0000>saveOnRestart</FONT>=<FONT color=#0000ff>"true"</FONT>   <LI class="">                          <FONT color=#ff0000>maxActiveSessions</FONT>=<FONT color=#0000ff>"1"</FONT> <FONT color=#ff0000>minIdleSwap</FONT>=<FONT color=#0000ff>"20"</FONT> <FONT color=#ff0000>maxIdleSwap</FONT>=<FONT color=#0000ff>"60"</FONT> <FONT color=#ff0000>maxIdleBackup</FONT>=<FONT color=#0000ff>"10"</FONT> <STRONG><FONT color=#006699>></FONT></STRONG> <LI class=alt>                                        <STRONG><FONT color=#006699><Store</FONT></STRONG> <FONT color=#ff0000>className</FONT>=<FONT color=#0000ff>"org.apache.catalina.session.FileStore"</FONT> <FONT color=#ff0000>directory</FONT>=<FONT color=#0000ff>"session"</FONT><STRONG><FONT color=#006699>/></FONT></STRONG> <LI class="">                              <STRONG><FONT color=#006699></< SPAN>Manager></FONT></STRONG> <LI class=alt>                     <STRONG><FONT color=#006699></< SPAN>Context></FONT></STRONG> <LI class=""><STRONG><FONT color=#006699></< SPAN>Host></FONT></STRONG> </LI></OL></PRE> <P>修改系统的host文件,添加如下代码:</P><PRE><OL class=dp-xml><LI class=alt>127.0.0.1      test </LI></OL></PRE> <P>10.打开浏览器,输入网址:http://test/hello.action即可看到如下显示:</P><PRE><OL class=dp-xml><LI class=alt>0000000010100001000010000100000011000010001110000000010000测试数据   <LI class="">Hello World </LI></OL></PRE> <P>表明通过WebWork实现HelloWorld成功!</P> <P>【编辑推荐】</P> <OL> <LI><FONT color=#0000ff>WebWork如何实现文件上传配置过程</FONT> <LI>WebWork下载的实现 <LI>JSP开发框架JSF对比基于Servlet的Tapestry <LI>Tapestry 5组件事件详解 <LI>Tapestry5的性能改进浅析</LI></OL> <!--end::Text--> </div> <!--end::Description--> <div class="mt-5"> <!--关键词搜索--> </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇:</strong><a href="/chengxu/14259.html">卫星连接的革命 思科将把路由器送上太空</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇:</strong><a href="/chengxu/14261.html">Servlet Context的范围</a> </p> </div> <!--begin::Block--> <div class="d-flex flex-stack mb-2 mt-10"> <!--begin::Title--> <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3> <!--end::Title--> </div> <div class="separator separator-dashed mb-9"></div> <!--end::Block--> <div class="row g-10"> </div> </div> <!--end::Table widget 14--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-xl-4 mt-0"> <!--begin::Chart Widget 35--> <div class="card card-flush h-md-100"> <!--begin::Header--> <div class="card-header pt-5 "> <!--begin::Title--> <h3 class="card-title align-items-start flex-column"> <!--begin::Statistics--> <div class="d-flex align-items-center mb-2"> <!--begin::Currency--> <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span> <!--end::Currency--> </div> <!--end::Statistics--> </h3> <!--end::Title--> </div> <!--end::Header--> <!--begin::Body--> <div class="card-body pt-3"> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/241137.html" class="text-dark fw-bold text-hover-primary fs-6">如何允许远程连接到MySQL数...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">[[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/61017.html" class="text-dark fw-bold text-hover-primary fs-6">如何利用交换机和端口设置来管理...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/119031.html" class="text-dark fw-bold text-hover-primary fs-6">施耐德电气数据中心整体解决方案...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://files.pic99.top/shayuweb/202409/eb2e03366045d9f.jpg')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/139440.html" class="text-dark fw-bold text-hover-primary fs-6">20个非常棒的扁平设计免费资源</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/27164.html" class="text-dark fw-bold text-hover-primary fs-6">2009 IBM动态架构新动力...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/225.html" class="text-dark fw-bold text-hover-primary fs-6">通过 XML 进行内容发布</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/130901.html" class="text-dark fw-bold text-hover-primary fs-6">德国电信门户网站可实时显示全球...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://files.pic99.top/shayuweb/202503/5fe82cca6c5ff78.jpg')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/246646.html" class="text-dark fw-bold text-hover-primary fs-6">为啥国人偏爱 Mybatis,...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://files.pic99.top/shayuweb/202407/404021d01b8347f.jpg')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/48727.html" class="text-dark fw-bold text-hover-primary fs-6">《非诚勿扰》红人闫凤娇被曝厕所...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/chengxu/133934.html" class="text-dark fw-bold text-hover-primary fs-6">2012年第四季度互联网状况报...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">[[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...</span> </div> <!--end::Title--> </div> </div> <!--end::Body--> </div> <!--end::Chart Widget 35--> </div> <!--end::Col--> </div> </div> <!--end::Content container--> </div> <!--end::Content--> </div> <!--end::Content wrapper--> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer"> <!--begin::Footer container--> <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3"> <!--begin::Copyright--> <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025 ©</span> <a href="/" target="_blank" class="text-gray-800 text-hover-primary">鲨鱼网</a> <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-800 text-hover-primary"></a> <a href="http://spbjmm.com.shayuweb.com">上品网</a><a href="http://www.zzszq.net/">深知网</a><a href="http://www.taiyangwa.net/">太阳生活网</a><a href="http://baike.taiyangwa.net/">太阳百科网</a><a href="http://ypkjmy.com.shayuweb.com/">一品科技</a><a href="http://www.yuansudz.com/news/">元素网</a><a href="http://www.xn--i6qw12a.com/">帛典网</a><a href="http://xldmm.com.shayuweb.com/">星链岛</a> </div> <!--end::Copyright--> <!--begin::Menu--> <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/news/" target="_blank" class="menu-link px-2">科技资讯</a> </li> <li class="menu-item"> <a href="/chengxu/" target="_blank" class="menu-link px-2">程序开发</a> </li> <li class="menu-item"> <a href="/sitemap.xml" target="_blank" class="menu-link px-2">sitemap</a> </li> </ul> <!--end::Menu--> </div> <!--end::Footer container--> </div> <!--end::Footer--> </div> <!--end:::Main--> </div> <!--end::Wrapper--> </div> <!--end::Page--> </div> <!--end::App--> <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg--> <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span> <!--end::Svg Icon--> </div> <!--begin::Javascript--> <script>var hostUrl = "/static/default/pc/";</script> <!--begin::Global Javascript Bundle(mandatory for all pages)--> <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script> <!--end::Global Javascript Bundle--> <!--end::Javascript--> </body> <!--end::Body--> </html>