夜鹰教程网-程序员的加油站
 当前位置:文章中心 >> web前端技术
XML和JSP的联手(2)
夜鹰教程网 来源:www.yyjcw.com 日期:2016-11-27 11:55:14
XML和JSP的联手(2)
应用篇:一个在线相册

 


所有人都喜欢照相!他们喜欢展示自己的,亲人的,朋友的,度假时的照片,而 web 是他们展示的好地方。-- 即使千里之外的亲戚都可以看到。我将着重于定义一个单独的picture对象。(这一应用的源代码在resources中可以取得) 。该对象描述了表示一张照片所需要的字段:title,date,一个可选的标题,以及对图片来源的一个指向。

一个图象,需要它自己的一些字段:源文件( gif/jpeg)的定位,宽度和高度像素(以协助建立<img> 标记。 这里可以看到一个很简单的优点,即使用文件系统来代替数据库的时候,你可以将图形文件存放在与数据文件相同的目录中。

最后,让我们来用一个元素扩展图片记录,该元素定义了一套缩略图(thumbnail)来用于内容表或其它地方。这里我用了和先前同样定义的图片内容。

一张图片的xml表示可以是这样的:

<picture>
<title>alex on the beach</title>
<date>1999-08-08</date>
<caption>trying in vain to get a tan</caption>
<image>
<src="/Files/BeyondPic/chinazcj/2005-11/19/05111902000778864.jpg"</src>
<width>340</width>
<height>200</height>
</image>
<thumbnails>
<image>
<src="/Files/BeyondPic/chinazcj/2005-11/19/05111902000893221.jpg"</src>
<width>72</width>
<height>72</height>
</image>
<image>
<src="/Files/BeyondPic/chinazcj/2005-11/19/05111902000888298.jpg"</src>
<width>150</width>
<height>99</height>
</image>
</thumbnails>
</picture>


注意,通过使用xml, 你将一张单独图片的全部信息放到了一个单独的文件中,而不是将它分散放入3-4个表中。
我们将这称为 .pix file

-- 于是你的文件系统会是这样的:

summer99/alex-beach.pix
summer99/alex-beach.jpg
summer99/alex-beach-sm.jpg
summer99/alex-beach-med.jpg
summer99/alex-snorkeling.pix
etc.

技术篇

俗话说,要剥下猫的皮的方法何止一种。同样,将xml数据放到jsp中也不止一种办法。这里列举了其中一些方法,(其实,很多其它工具也可以做得同样出色。)

dom: 你可以使用类(classes)来调用dom接口(interface)对xml文件进行分析检查。
xmlentrylist: 你可以使用我的代码来将xml加载到name-value pairs 的java.util.list中。

xpath: 你可以使用一个 xpath处理器(如resin)通过路径名在xml文件中定位元素。

xsl:你可以使用某种xsl处理器将xml转换成为html。

cocoon: 你可以使用开放源码的cocoon framework

运行你自己的bean: 你可以写一个外壳类(wrapper class),使用某种其它技术来将数据加载到字定义的javabean中。


请注意这些技术将和一个你从另外来源取得的xml stream执行得同样出色,例如一个客户端或者一个应用服务器。

javaserver pages


jsp规范有很多替身,不同的jsp产品表现也不尽相同,不同版本之间也有差别。我选择了tomcat,这基于以下原因:
它支持大多数最新的jsp/servlet规范
它受到 sun和apache认同
你可以独立运行它而不需要另外配置一个web服务器。
它是开放源码的

你可以选择任何你喜欢的jsp引擎,但要自己配置它,它必须至少支持jsp 1.0规范。0.91和1.0之间有了许多区别。而jswdk (java server web development kit) 可能刚刚好地适合要求。

复制链接 网友评论 收藏本文 关闭此页
上一条: XML和JSP的联手(1)  下一条: XML+XSLT+CSS+JQuery+WebService组建As…
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  热点推荐
XML Schema学习笔记(1)
XML Schema学习笔记(2)
C#对XML文档的操作
ASP操作XMLDOM
XML入门教程:分析XML
百度新闻开放协议XML文档制作方法…
XSL 语言
用RSS做五分钟一自动更新的网站
XML入门教程:文档类型声明
XML教程:通过一个例子来学习XML的…
XML节点相关知识
把XML文件绑定到列表控件
XML+XSLT+CSS+JQuery+WebService组…
XHTML头部Doctype声明必不可少!
历数Firefox2.0对XML处理的改进
  最近更新
金三银四跳槽季—前端面试汇总
Sublime常用插件汇总(全)
大前端学习路线
如何克服前端学习进步慢的问题
web前端常见基础问题
阿里前端面试经历(转载)
Web前端需要掌握技术汇总(转)
ESLint详解-让你的代码更加规范
通过userAgent适配 PC端和移动端网…
js操作DOM中需要注意的问题
Promise编程简介
Emmet语法和实例
新手所必须掌握的前端知识汇总
移动端视口的相关概念及其适配方案…
上传图片立即预览

关于我们 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3