java许愿墙_许愿墙 – javaee 项目实战（2）

许愿墙 – javaee 项目实战(2)

Technorati 标签: 许愿墙,javaee项目,java

接着上一篇许愿墙(一)，这次我们继续谈一下其具体实现。

一、分类选择心情图案

在填写许愿条时，允许用户选择心情图案，供用户选择最能代表许愿心情的图案。例如在填写许愿条时，默认显示“爱之语”类别下的心情图案，如下图所示，如果单击“新品秀”或“小破孩”等，则显示该类别下的心情图案。具体效果的查看可以点击这里(不过这个网站是用ASP来写的，在这里用jsp 来实现。)

下面将介绍如何实现分类选择心情图案的具体步骤：

(1)在页面的合适位置添加用于显示“爱之语”的类别心情图案的

标签，并且应用 jstl 的标签标签循环输出多张心情图案，具体代码实现如下：

"56" height="56" onClick="javascript:faceChoose('${num}');" /> <

/c:forEach>

标签支持两种不同样式的迭代，一种是数字索引的迭代(与传统的 for 循环类似)；另外一种是集合上的迭代(类似于 iterator 或者 foreach 循环)。在知道具体需要循环的次数时，可以应用第一种，其语法格式如下：

在上面的语法中,begin 和 end 属性是必须使用的,分别用于指定迭代索引的初始值和终止值,都是正整数.其他属性都是可选择的。如果指定了 var 属性，那么将会创建一个变量，将每一次迭代的索引值赋值给该变量，该变量的作用域为标签体内。

的另外一种集合迭代形式如下：

[begin="begin"] [end="end"] [step="step"]>

items 指定了要进行迭代的集合，其他的变量的与上文提到的类似，另外补充一下，属性 begin 的默认值是0，step 的默认值是1.

另外在 jstl 还有一个标签具有迭代作用的，那就是，各个属性的使用与一样，不同的是，在还有一个分界符属性“delims”，用来指定进行分割的点。下面给出这两种标签的使用的Demo：

Item

输出如下:

Item 1

Item 2

Item 3

Item 4

Item 5

输出如下:

Zara

nuha

roshy

(2)接着继续谈如何完成分类选择心情图案，在步骤(1)中创建

标签下再添加几个

标签，分别用来显示“新品秀”，“梦幻水晶”和“小破孩”，并使用标签循环输出各张图片，另外注意此处 style=”display:none”.这里只给出“新品秀”的设计，其它的类似

"56" height="56" onClick="javascript:faceChoose('${num}');" />

(3)在页面的恰当的位置添加“爱之语”、“新品秀”等超链接，并在 onclick 事件中通过 style 属性的子属性控制要显示的心情图案。关键代码的设计如下：

心情图案类别：爱之屋

新品秀

/WEB-INF/createRandom.tld

java许愿墙_许愿墙 – javaee 项目实战（2）相关推荐

java 李炎恢_李炎恢bootstarp_项目实战__瓢城企业(注释+源码)
Threadlocal使用Case Threadlocal能够为每个线程分配一份单独的副本,使的线程与线程之间能够独立的访问各自副本.Threadlocal 内部维护一个Map,key为线程的名字,v ...
JavaEE项目实战_流程审批之二
JavaEE项目实战_流程审批之二这部分的程序界面原型如下: 1. 请假页面: 员工如需请假,在登录系统后,点击请假功能,填写各项数据后,提交审批.也可以暂时不提交,将内容保存为草稿.以后可以加入功 ...
JavaEE项目实战（OA系统）之十八_流程审批之一
JavaEE项目实战(OA系统)之十八_流程审批之一下面介绍OA系统的另一模块:流程审批. OA系统推崇的是无纸化办公,因此各项事务的流程审批是OA系统的一大类应用. 下面,我们来设计流程审批的数据 ...
精通Python网络爬虫_核心技术框架与项目实战_韦玮.pdf
精通Python网络爬虫_核心技术框架与项目实战_韦玮编辑推荐从技术.工具.实战3个维度讲透Python网络爬虫各项核心技术和主流框架,深度讲解网络爬虫的抓取技术与反爬攻关技巧内容简介随着大数 ...
许愿墙 – javaee 项目实战（一）
Technorati 标签: java,javaee项目发现自己无法完整地写出一个网页的源代码,便只能借助别人的源码来研究当中涉及的技术,希望久而久之可以提高自己的技术水平. 一.概述许愿墙是指可 ...
java8编程开发入门李兴华_李兴华系列--JAVA详解视频(jdk1.8)及项目实战教程
李兴华系列--JAVA详解视频教程(jdk1.8)有源码+文档01_<Oracle从入门到精通> 02_<Java8编程入门> 03_<Java8面向对象编程> 0 ...
【Java从0到架构师】项目实战 - 会话管理、EhCache、JWT、权限管理 Shiro、打包部署
项目实战 - 权限管理会话管理客户端身份认证 - 基于 Cookie.Session 客户端身份验证 - 基于 token EhCache - 简单的缓存框架 JWT - 基于 JSON 的 to ...
【Java从0到架构师】项目实战 - 前后端分离、后端校验、Swagger、全局异常处理
项目实战 - 前后端分离.后端校验.Swagger Layui 同源策略 SpringMVC 实现 CORS 后端校验 - hibernate-validator 方法的 Model 参数校验方法的 ...
【Java从0到架构师】项目实战 - 驾考（旧）- Freemarker、MyBatis-Plus
项目实战 - 驾考(旧)- Freemarker.MyBatis-Plus 各种 Object Freemarker 简单使用常用功能集成到 SpringBoot MyBatis-Plus 简单使 ...

java许愿墙_许愿墙 – javaee 项目实战（2）

java许愿墙_许愿墙 – javaee 项目实战（2）相关推荐

最新文章

热门文章