最近研究的一个用jsp实现的常见的首页图片轮换效果。
本来打算从网上找一个别人做好的能拿来就用的来作为自己的一个网站项目使用的,平时无聊的时候就搜搜,但是找来找去就只找到用php做的,还有很多别人实现的轮换效果,有JS的,有flash+JS的,但是没找到一个别人用jsp做的可以直接拿来就能用的组件(也从别人的CMS中研究过,但是太复杂,没弄懂),所以没办法就只能是自己想办法写一个组件实现了,也便于以后使用.
主要实现思路:
在文章提交的时候从文章具体内容中提取出第一张图片的地址(如果有图片的话)和标题,并在文章提交之后找出当前表中最新一条数据(就是刚刚提交的文章)的ID,然后把SRC/Title/ID(或者detail.jsp?ID=ID)存到一个XML文件(也可以使用数据库,但是考虑到数据量不多而且用JS读取XML较为简单)中;在首页采用JS来解析XML文件,提取出具体数据,然后显示实现具体效果。
实现效果总结:
当时考虑写这个组件的时候感觉是很简单的事情,原本想在课后没事的时候顶多一整天或多点就能完成的,但是在实现过程中遇到很多之前没遇到过的问题,通过google、百度和自己反复的测试,总算把功能实现。具体问题和解决思路总结来说有一下几点:
5、XML中文乱码问题解决
7、路径问题(JS读取XML、java读取XML、jsp读取XML)
8、图片上传组件