转自:https://blog.csdn.net/kosum/article/details/21375635

首先了解下OGNL的概念

OGNL是Object-Graph Navigation Language的缩写,全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的属性或者调用对象的方法,能够遍历整个对象的结构图,实现对象属性类型的转换等功能。

此外,还得先需弄懂OGNL的一些知识:

1.OGNL表达式的计算是围绕OGNL上下文进行的。
OGNL上下文实际上就是一个Map对象,由ognl.OgnlContext类表示。它里面可以存放很多个JavaBean对象。它有一个上下文根对象。
上下文中的根对象可以直接使用名来访问或直接使用它的属性名访问它的属性值。否则要加前缀“#key”。
2.Struts2的标签库都是使用OGNL表达式来访问ActionContext中的对象数据的。如:<s:propertyvalue="xxx"/>。
3.Struts2将ActionContext设置为OGNL上下文,并将值栈作为OGNL的根对象放置到ActionContext中。
4.值栈(ValueStack) :
可以在值栈中放入、删除、查询对象。访问值栈中的对象不用“#”。
Struts2总是把当前Action实例放置在栈顶。所以在OGNL中引用Action中的属性也可以省略“#”。
 
5.调用ActionContext的put(key,value)放入的数据,需要使用#访问。

OGNL中重要的3个符号:#、%、$:

#、%和$符号在OGNL表达式中经常出现,而这三种符号也是开发者不容易掌握和理解的部分,需要时间的积累才渐渐弄清楚……
1.#符号

#符号的用途一般有三种。

—    访问非根对象属性,例如#session.msg表达式,由于Struts 2中值栈被视为根对象,所以访问其他非根对象时,需要加#前缀。实际上,#相当于ActionContext. getContext();#session.msg表达式相当于ActionContext.getContext().getSession(). getAttribute("msg") 。

—    用于过滤和投影(projecting)集合,如persons.{?#this.age>25},persons.{?#this.name=='pla1'}.{age}[0]。

—    用来构造Map,例如示例中的#{'foo1':'bar1', 'foo2':'bar2'}。

2.%符号

%符号的用途是在标志的属性为字符串类型时,计算OGNL表达式的值,这个类似js中的eval,很暴力。

3.$符号

$符号主要有两个方面的用途。

—    在国际化资源文件中,引用OGNL表达式,例如国际化资源文件中的代码:reg.agerange=国际化资源信息:年龄必须在${min}同${max}之间。

—    在Struts 2框架的配置文件中引用OGNL表达式,例如:

  1. <validators>
  2. <field name="intb">
  3. <field-validator type="int">
  4. <param name="min">10</param>
  5. <param name="max">100</param>
  6. <message>BAction-test校验:数字必须为${min}为${max}之间!</message>
  7. </field-validator>
  8. </field>
  9. </validators>

下面通过代码对OGNL有更深的了解:

action类OgnlAction.java:
  1. package com.tjcyjd.test.action;
  2. import java.util.Date;
  3. import java.util.LinkedList;
  4. import java.util.List;
  5. import javax.servlet.http.HttpServletRequest;
  6. import org.apache.struts2.ServletActionContext;
  7. import org.apache.struts2.convention.annotation.Action;
  8. import org.apache.struts2.convention.annotation.Namespace;
  9. import org.apache.struts2.convention.annotation.ParentPackage;
  10. import org.apache.struts2.convention.annotation.Result;
  11. import org.apache.struts2.convention.annotation.Results;
  12. import org.springframework.stereotype.Controller;
  13. import com.opensymphony.xwork2.ActionContext;
  14. import com.opensymphony.xwork2.ActionSupport;
  15. @Controller
  16. @Namespace("/test")
  17. @ParentPackage("struts-default")
  18. @Results( { @Result(name = "success", location = "/other_test/showognl.jsp"),
  19. @Result(name = "fail", location = "/bbs/admin_login.jsp"),
  20. @Result(name = "input", location = "/bbs/admin_login.jsp") })
  21. public class OgnlAction extends ActionSupport {
  22. private static final long serialVersionUID = -1494290883433357310L;
  23. private List<Person> persons;
  24. @Action("ognlTest")
  25. public String ognlTest() throws Exception {
  26. // 获得ActionContext实例,以便访问Servlet API
  27. ActionContext ctx = ActionContext.getContext();
  28. // 存入application
  29. ctx.getApplication().put("msg", "application信息");
  30. // 保存session
  31. ctx.getSession().put("msg", "seesion信息");
  32. // 保存request信息
  33. HttpServletRequest request = ServletActionContext.getRequest();
  34. request.setAttribute("msg", "request信息");
  35. // 为persons赋值
  36. persons = new LinkedList<Person>();
  37. Person person1 = new Person();
  38. person1.setName("pla1");
  39. person1.setAge(26);
  40. person1.setBirthday(new Date());
  41. persons.add(person1);
  42. Person person2 = new Person();
  43. person2.setName("pla2");
  44. person2.setAge(36);
  45. person2.setBirthday(new Date());
  46. persons.add(person2);
  47. Person person3 = new Person();
  48. person3.setName("pla3");
  49. person3.setAge(16);
  50. person3.setBirthday(new Date());
  51. persons.add(person3);
  52. return SUCCESS;
  53. }
  54. public List<Person> getPersons() {
  55. return persons;
  56. }
  57. public void setPersons(List<Person> persons) {
  58. this.persons = persons;
  59. }
  60. }

jsp页面showognl.jsp:

  1. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
  2. <%@ taglib prefix="s" uri="/struts-tags" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>Struts2 OGNL 演示</title>
  7. </head>
  8. <body>
  9. <h3>访问OGNL上下文和Action上下文</h3>
  10. <!-使用OGNL访问属性值-->
  11. <p>parameters: <s:property value="#parameters.msg" /></p>
  12. <p>request.msg: <s:property value="#request.msg" /></p>
  13. <p>session.msg: <s:property value="#session.msg" /></p>
  14. <p>application.msg: <s:property value="#application.msg" /></p>
  15. <p>attr.msg: <s:property value="#attr.msg" /></p>
  16. <hr />
  17. <h3>用于过滤和投影(projecting)集合</h3>
  18. <p>年龄大于20</p>
  19. <ul>
  20. <!-判断年龄-->
  21. <s:iterator value="persons.{?#this.age>20}">
  22. <li><s:property value="name" /> - 年龄:<s:property value="age" /></li>
  23. </s:iterator>
  24. </ul>
  25. <p>姓名为pla1的年龄: <s:property value="persons.{?#this.name=='pla1'}.{age}[0]"/></p>
  26. <hr />
  27. <h3>构造Map</h3>
  28. <s:set name="foobar" value="#{'foo1':'bar1', 'foo2':'bar2'}" />
  29. <p>The value of key "foo1" is <s:property value="#foobar['foo1']" /></p>
  30. <hr />
  31. <h4>%符号的用法</h4>
  32. <s:set name="foobar" value="#{'foo1':'bar1', 'foo2':'bar2'}" />
  33. <p>The value of key "foo1" is <s:property value="#foobar['foo1']" /></p>
  34. <p>不使用%:<s:url value="#foobar['foo1']" /></p>
  35. <p>使用%:<s:url value="%{#foobar['foo1']}" /></p>
  36. <hr />
  37. <%
  38. request.setAttribute("req", "request scope");
  39. request.getSession().setAttribute("sess", "session scope");
  40. request.getSession().getServletContext().setAttribute("app",
  41. "aplication scope");
  42. %>
  43. 1.通过ognl表达式获取 属性范围中的值
  44. <br>
  45. <s:property value="#request.req" />
  46. <br />
  47. <s:property value="#session.sess" />
  48. <br />
  49. <s:property value="#application.app" />
  50. <br />
  51. <hr>
  52. 2.通过<span style="background-color: #fafafa;">ognl表达式创建list 集合 ,并且遍历出集合中的值
  53. <br>
  54. <s:set name="list" value="{'eeeee','ddddd','ccccc','bbbbb','aaaaa'}"></s:set>
  55. <s:iterator value="#list" var="o">
  56. <!-- ${o }<br/> -->
  57. <s:property />
  58. <br />
  59. </s:iterator>
  60. <br />
  61. <hr>
  62. 3.通过ognl表达式创建Map 集合 ,并且遍历出集合中的值
  63. <br>
  64. <s:set name="map"
  65. value="#{'1':'eeeee','2':'ddddd','3':'ccccc','4':'bbbbb','5':'aaaaa'}"></s:set>
  66. <s:iterator value="#map" var="o">
  67. <!--      ${o.key }->${o.value }<br/>   -->
  68. <!-- <s:property value="#o.key"/>-><s:property value="#o.value"/><br/>   -->
  69. <s:property value="key" />-><s:property value="value" />
  70. <br />
  71. </s:iterator>
  72. <br />
  73. <hr>
  74. 4.通过ognl表达式 进行逻辑判断
  75. <br>
  76. <s:if test="'aa' in {'aaa','bbb'}">
  77. aa 在 集合{'aaa','bbb'}中;
  78. </s:if>
  79. <s:else>
  80. aa 不在 集合{'aaa','bbb'}中;
  81. </s:else>
  82. <br />
  83. <s:if test="#request.req not in #list">
  84. 不 在 集合list中;
  85. </s:if>
  86. <s:else>
  87. 在 集合list中;
  88. </s:else>
  89. <br />
  90. <hr>
  91. 5.通过ognl表达式 的投影功能进行数据筛选
  92. <br>
  93. <s:set name="list1" value="{1,2,3,4,5}"></s:set>
  94. <s:iterator value="#list1.{?#this>2}" var="o">
  95. <!-- #list.{?#this>2}:在list1集合迭代的时候,从中筛选出当前迭代对象>2的集合进行显示 -->
  96. ${o }<br />
  97. </s:iterator>
  98. <br />
  99. <hr>
  100. 6.通过ognl表达式 访问某个类的静态方法和值
  101. <br>
  102. <s:property value="@java.lang.Math@floor(32.56)" />
  103. <s:property value="@com.rao.struts2.action.OGNL1Action@aa" />
  104. <br />
  105. <br />
  106. <hr>
  107. 7.ognl表达式 迭代标签 详细
  108. <br>
  109. <s:set name="list2"
  110. value="{'aa','bb','cc','dd','ee','ff','gg','hh','ii','jj'}"></s:set>
  111. <table border="1">
  112. <tr>
  113. <td>索引 </td>
  114. <td>值</td>
  115. <td>奇?</td>
  116. <td> 偶?</td>
  117. <td>首?</td>
  118. <td> 尾?</td>
  119. <td>当前迭代数量</td>
  120. </tr>
  121. <s:iterator value="#list2" var="o" status="s">
  122. <tr bgcolor="<s:if test="#s.even">pink</s:if>">
  123. <td>
  124. <s:property value="#s.getIndex()" />
  125. </td>
  126. <td>
  127. <s:property />
  128. </td>
  129. <td>
  130. <s:if test="#s.odd">Y</s:if>
  131. <s:else>N</s:else>
  132. </td>
  133. <td>
  134. <s:if test="#s.even">Y</s:if>
  135. <s:else>N</s:else>
  136. </td>
  137. <td>
  138. <s:if test="#s.first">Y</s:if>
  139. <s:else>N</s:else>
  140. </td>
  141. <td>
  142. <s:if test="#s.isLast()">Y</s:if>
  143. <s:else>N</s:else>
  144. </td>
  145. <td>
  146. <s:property value="#s.getCount()"/>
  147. </td>
  148. </tr>
  149. </s:iterator>
  150. </table>
  151. <br>
  152. <hr>
  153. 8.ognl表达式:  if/else if/else 详细<br>
  154. <% request.setAttribute("aa",0); %>
  155. <s:if test="#request.aa>=0 && #request.aa<=4">
  156. 在0-4之间;
  157. </s:if>
  158. <s:elseif test="#request.aa>=4 && #request.aa<=8">
  159. 在4-8之间;
  160. </s:elseif>
  161. <s:else>
  162. 大于8;
  163. </s:else>
  164. <br>
  165. <hr>
  166. 9.ognl表达式: url 详细<br>
  167. <% request.setAttribute("aa","sss"); %>
  168. <s:url action="testAction" namespace="/aa/bb">
  169. <s:param name="aa" value="#request.aa"></s:param>
  170. <s:param name="id">100</s:param>
  171. </s:url>
  172. <br/>
  173. <s:set name="myurl" value="'http://www.baidu.com'"></s:set>
  174. value以字符处理:   <s:url value="#myurl"></s:url><br>
  175. value明确指定以ognl表达式处理:    <s:url value="%{#myurl}"></s:url>
  176. <br>
  177. <hr>
  178. 10.ognl表达式: checkboxlist 详细<br>
  179. 1> .list 生成;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
  180. name:checkboxlist的名字<br>
  181. list:checkboxlist要显示的列表<br>
  182. value:checkboxlist默认被选中的选项,checkedchecked=checked<br>
  183. <s:checkboxlist name="checkbox1" list="{'上网','看书','爬山','游泳','唱歌'}" value="{'上网','看书'}" ></s:checkboxlist>
  184. <br>
  185. 以上生成代码:<br>
  186. <xmp>
  187. <input type="checkbox" name="checkbox1" value="上网" id="checkbox1-1" checked="checked"/>
  188. <label for="checkbox1-1" class="checkboxLabel">上网</label>
  189. <input type="checkbox" name="checkbox1" value="看书" id="checkbox1-2" checked="checked"/>
  190. <label for="checkbox1-2" class="checkboxLabel">看书</label>
  191. <input type="checkbox" name="checkbox1" value="爬山" id="checkbox1-3"/>
  192. <label for="checkbox1-3" class="checkboxLabel">爬山</label>
  193. <input type="checkbox" name="checkbox1" value="游泳" id="checkbox1-4"/>
  194. <label for="checkbox1-4" class="checkboxLabel">游泳</label>
  195. <input type="checkbox" name="checkbox1" value="唱歌" id="checkbox1-5"/>
  196. <label for="checkbox1-5" class="checkboxLabel">唱歌</label>"
  197. </xmp>
  198. 2> .Map 生成;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
  199. name:checkboxlist的名字<br>
  200. list:checkboxlist要显示的列表<br>
  201. listKey:checkbox 的value的值<br>
  202. listValue:checkbox 的lablel(显示的值)<br>
  203. value:checkboxlist默认被选中的选项,checkedchecked=checked<br>
  204. <s:checkboxlist name="checkbox2" list="#{1:'上网',2:'看书',3:'爬山',4:'游泳',5:'唱歌'}" listKey="key" listValue="value" value="{1,2,5}" ></s:checkboxlist>
  205. <br>
  206. 以上生成代码:<br>
  207. <xmp>
  208. <input type="checkbox" name="checkbox2" value="1" id="checkbox2-1" checked="checked"/>
  209. <label for="checkbox2-1" class="checkboxLabel">上网</label>
  210. <input type="checkbox" name="checkbox2" value="2" id="checkbox2-2" checked="checked"/>
  211. <label for="checkbox2-2" class="checkboxLabel">看书</label>
  212. <input type="checkbox" name="checkbox2" value="3" id="checkbox2-3"/>
  213. <label for="checkbox2-3" class="checkboxLabel">爬山</label>
  214. <input type="checkbox" name="checkbox2" value="4" id="checkbox2-4"/>
  215. <label for="checkbox2-4" class="checkboxLabel">游泳</label>
  216. <input type="checkbox" name="checkbox2" value="5" id="checkbox2-5" checked="checked"/>
  217. <label for="checkbox2-5" class="checkboxLabel">唱歌</label>
  218. </xmp>
  219. <hr>
  220. </body>
  221. </html>

总结OGNL的使用方法:

访问属性

名字属性获取:<s:property value="user.username"/><br>

地址属性获取:<s:property value="user.address.addr"/><br>

访问方法

调用值栈中对象的普通方法:<s:property value="user.get()"/><br>

访问静态属性和方法

调用Action中的静态方法:<s:property value="@struts.action.LoginAction@get()"/>

调用JDK中的类的静态方法:<s:property value="@java.lang.Math@floor(44.56)"/><br>

调用JDK中的类的静态方法(同上):<s:property value="@@floor(44.56)"/><br>

调用JDK中的类的静态方法:<s:property value="@java.util.Calendar@getInstance()"/><br>

调用普通类中的静态属性:<s:property value="@struts.vo.Address@TIPS"/><br>

访问构造方法

调用普通类的构造方法:<s:property value="new struts.vo.Student('李晓红' , '美女' , 3 , 25).username"/>

1.5. 访问数组

获取List:<s:property value="testList"/><br>

获取List中的某一个元素(可以使用类似于数组中的下标获取List中的内容):

<s:property value="testList[0]"/><br>

获取Set:<s:property value="testSet"/><br>

获取Set中的某一个元素(Set由于没有顺序,所以不能使用下标获取数据):

<s:property value="testSet[0]"/><br> ×

获取Map:<s:property value="testMap"/><br>

获取Map中所有的键:<s:property value="testMap.keys"/><br>

获取Map中所有的值:<s:property value="testMap.values"/><br>

获取Map中的某一个元素(可以使用类似于数组中的下标获取List中的内容):

<s:property value="testMap['m1']"/><br>

获取List的大小:<s:property value="testSet.size"/><br>

访问集合 – 投影、选择(? ^ $)

利用选择获取List中成绩及格的对象:<s:property value="stus.{?#this.grade>=60}"/><br>

利用选择获取List中成绩及格的对象的username:

<s:property value="stus.{?#this.grade>=60}.{username}"/><br>

利用选择获取List中成绩及格的第一个对象的username:

<s:property value="stus.{?#this.grade>=60}.{username}[0]"/><br>

利用选择获取List中成绩及格的第一个对象的username:

<s:property value="stus.{^#this.grade>=60}.{username}"/><br>

利用选择获取List中成绩及格的最后一个对象的username:

<s:property value="stus.{$#this.grade>=60}.{username}"/><br>

利用选择获取List中成绩及格的第一个对象然后求大小:

<s:property value="stus.{^#this.grade>=600}.{username}.size"/><br>

集合的伪属性

OGNL能够引用集合的一些特殊的属性,这些属性并不是JavaBeans模式,例如size(),length()等等. 当表达式引用这些属性时,OGNL会调用相应的方法,这就是伪属性.

集合

伪属性

Collection(inherited by Map, List & Set)

size ,isEmpty

List

iterator

Map

keys , values

Set

iterator

Iterator

next , hasNext

Enumeration

next , hasNext , nextElement , hasMoreElements

Lambda   :[…]

格式::[…]

使用Lambda表达式计算阶乘:

<s:property value="#f = :[#this==1?1:#this*#f(#this-1)] , #f(4)"/><br>

OGNL中#的使用

#可以取出堆栈上下文中的存放的对象.

名称

作用

例子

parameters

包含当前HTTP请求参数的Map

#parameters.id[0]作用相当于

request.getParameter("id")

request

包含当前HttpServletRequest的属性(attribute)的Map

#request.userName相当于

request.getAttribute("userName")

session

包含当前HttpSession的属性(attribute)的Map

#session.userName相当于

session.getAttribute("userName")

application

包含当前应用的ServletContext的属性(attribute)的Map

#application.userName相当于

application.getAttribute("userName")

attr

用于按request > session > application顺序访问其属性(attribute)

获取Paraments对象的属性:<s:property value="#parameters.username"/>

OGNL中%的使用

用%{}可以取出存在值堆栈中的Action对象,直接调用它的方法.

例如你的Action如果继承了ActionSupport .那么在页面标签中,用%{getText('key')}的方式可以拿出国际化信息.

OGNL中$的使用

“$”有两个主要的用途

l         用于在国际化资源文件中,引用OGNL表达式

l         在Struts 2配置文件中,引用OGNL表达式

值栈

ValueStack对象。这个对象贯穿整个Action的生命周期(每个Action类的对象实例会拥有一个ValueStack对象)。当
Struts
2接收到一个.action的请求后,会先建立Action类的对象实例,但并不会调用Action方法,而是先将Action类的相应属性放到
ValueStack对象的顶层节点(ValueStack对象相当于一个栈)。

在Action中获得ValueStack对象:ActionContext.getContext().getValueStack()

l         Top语法

使用Top获取值栈中的第二个对象:<s:property value="[1].top.对象"/>

l         N语法

使用N获取值栈中的第二个对象:<s:property value="[1].对象"/>

l         @语法

调用action中的静态方法:<s:property value="@vs1@静态方法"/> vs:值栈 1:表示第一个。

struts2标签#、%、$取值的更多相关文章

  1. Struts2中EL表达式取值

    http://blog.csdn.net/cuihaiyang/article/details/41950141 (写的不错,可以知道为什么struts2可以用El取属性值的问题.正常el从reque ...

  2. struts2 与 OGNL 表达式,jsp中 利用ognl 在valuestack中取值

    在Struts2中,一个请求在终于到达Action的方法之前,Action对象本身会被压入ValueStack(实际上就是放到ValueStack的CompoundRoot中),所以Action对象是 ...

  3. Struts的取值与标签

    首先,我们都知道,在struts2中有一个valuestack.里面存放的就是action里的属性.同时,还有一个stackcontext,里面放的是map形式的request/session/att ...

  4. struts2 页面标签或ognl表达式取值--未完待续

    一.加#号取值和不加#号取值的解说 1.s:property 标签——value属性使用事项 1)涉及问题:取值时什么时候该加#,什么时候不加? 2)介绍 <s:property value=& ...

  5. struts2取值

    http://www.cnblogs.com/yangy608/archive/2010/11/23/1885256.html struts2取值 1.标签取值方式一 通过<s:property ...

  6. struts2的@Result annotation 如何添加params,并且在页面取值

    http://www.bubuko.com/infodetail-2492575.html .............................................. 标签:lai  ...

  7. struts2标签

    一.通用标签 1.property     Name Required Default Evaluated Type Description default false   false String ...

  8. Struts2(十)OGNL标签二与Struts2标签

    一.Struts2标签的优势 标签库简化了用户对标签的使用 结合OGNL使用,对于集合.对象的访问功能非常强大 提供可扩展的主题.模板支持.极大简化了视图页面的编写 不依赖任何表现层技术 Struts ...

  9. struts2中各种值栈问题

    struts2中OGNL和 ValueStack(一) 收藏 学习的时候,总分不清楚在struts2中页面的传值和取值是怎么来完成的,所以从网上搜了很多资料,现在把这些资料总结写,留着以后参考..看完 ...

  10. Struts2中的值栈

    一 什么是值栈 值栈: struts2中提供的一种类似于域对象的工具, 用于struts2中的存值和取值. 每次访问Action的时候, 都会创建一个action对象, 而每个action对象中都存在 ...

随机推荐

  1. codevs——T1814 最长链

    http://codevs.cn/problem/1814/  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 钻石 Diamond 题解  查看运行结果     题目描述 De ...

  2. 自己主动化測试程序之中的一个自己定义键盘的模拟測试程序(C语言)

    一.測试程序编写说明 我们做的终端设备上运行的是QT应用程序.使用自己定义的键盘接口.经过測试人员长时间的人机交互測试,来确认系统的功能是否满足需求. 如今须要编写一个自己主动化的測试程序,能够依照预 ...

  3. hdu5351

    题目名称:MZL's Border 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5351 题意:给出fib 1 = b,fib2 = a ; fib  ...

  4. 怎样在Web项目中的service业务层获取项目根路劲

    这里我们有两个前提 1.没有使用struts2框架.没有使用servlet,无法给service层传递request对象. 2.使用了Spring框架. 那你可能问.会有这样的情况吗?答案是有的,比方 ...

  5. legend---十、thinkphp中如何进行原生sql操作

    legend---十.thinkphp中如何进行原生sql操作 一.总结 一句话总结:query方法和execute方法 Db类支持原生SQL查询操作,主要包括下面两个方法: query方法 quer ...

  6. html5+css3+javascript 自定义弹出窗口

    效果图: 源码: 1.demo.jsp <%@ page contentType="text/html;charset=UTF-8" language="java& ...

  7. JavaScript学习——使用JS完成页面定时弹出广告

    1.获取图片的位置(document.getElementById(“”))  隐藏图片:display:none 定时操作:setInterval(“显示图片的函数”,3000); 2.步骤分析 ( ...

  8. 转js resplace方法使用

    作者: hezhiwu5#163.com    时间:2007-3-22 大家好!!今晚在华软G43*宿舍没什么事做,把javascript中replace方法讲解一下,如果讲得不对或不合理是情理之中 ...

  9. mybatis批量插入、批量更新和批量删除

    转载 https://www.jianshu.com/p/041bec8ae6d3

  10. vue项目,封装api并使用

    封装api index.js let uploadBase = '' if(process.env.NODE_ENV === 'production'){ uploadBase = 'https:// ...