电子相册
文章平均质量分 68
Owen William
这个作者很懒,什么都没留下…
展开
-
电子相册系统(一)Dao的组件设计
1. 设计说明在我们的电子相册系统中,主要的两个对象就是:相片(photo)、用户(user)。所以我们就针对这两个对象来进行设计。而这两个对象都涉及到了对其进行:添加、删除、更新、查找。所以我们可以把共有的方法封装到一个方法。由于我们的编程提倡是用接口思想,所以最好是设计个接口,然后用实现类来实现。例如,我们设计个BaseDao的接口,这个接口中包含了所在共用的方法名,然后用BaseDaoI原创 2016-04-19 22:34:47 · 1393 阅读 · 1 评论 -
电子相册系统(九)分页
1. 功能说明电子相册系统要求,在用户登录系统后,需要列表显示出用户的所有保存过的图片。但是问题来了,要是用户保存的图片有几十张以上,那么是不是要在一页中显示几张呢?这样的话,那么整个页面就不好看了。所以我们要求以分页的形式显示。就是在页面的左边显示分页,每页显示三张,没有显示出来的,可以通过”上一页”或”下一页”来查看。如下图所示。2. 构思实现首先,我们要查出用户的原创 2016-04-19 23:10:11 · 938 阅读 · 0 评论 -
电子相册系统(八)验证用户是否可用
1. 功能说明我们的系统要求用户名不能有重复的,所以用户可以通过单击“验证用户名是否可用”来验证信息。这里也采用异步请求的。如图所示。2. 构思实现学习了前面的相关知识之后,我想这个功能就不会很难了。这里一样的,也是通过我们业务层来查询数据库,然后对于不同的查询结果做出不同的信息反馈。3. 具体实现1) jQuery的文件中,定义个方法来调用后台的原创 2016-04-19 23:06:24 · 867 阅读 · 0 评论 -
电子相册系统(七)查看原图
1. 功能说明当用户双击图片或点击右上角的查看原图,那么就应该要将图片的实际大小都显示出来。同时,我们要求显示的时候要在背景加蒙板,当用户点击蒙板后原图就要渐渐地消失。如图所示。2. 构思实现 这个功能我们可能要借助css的设来实现,CSS的作用就是定义标签的class的属性,让显示有我们要的样式,包括蒙板的样式。因此,我们就需要两个的,一个用来显示蒙板,一个用来原创 2016-04-19 23:01:47 · 1727 阅读 · 0 评论 -
电子相册系统(六)相片列表显示
1. 功能说明当用户登录后,只要用户原先有上传图片到服务上,那么系统就要显示出用户的图片。并且以分页在形式显示,每页三张。当然,用户只要将鼠标放到对应的列表图片上,那么右边就要显示该张图片,同时下方要显示图片的信息。如图所示。2. 构思实现这里我们需要在html的页面上定义个,比如,名字叫做”list”。主要是用来列表显示图片的。可是关键的功能可能是在如何去读取出这些图原创 2016-04-19 22:57:21 · 1496 阅读 · 0 评论 -
电子相册系统(五)添加图片
1. 功能说明在添加图片之前,我们需要弹出个带有蒙板的提示框,样式如下。当然我们上传图片的名字不能重复,图片还要放在服务器的指定文件夹下。上传成功之后,我们还要在页面中显示了出来。2. 构思实现1) 要想弹出带有蒙板的提示框,那么我们就可借助jQuery的方法来实现,而提示框上的那些,我们需要自己设计个的标签来实现。2) 图片的上传,需要原创 2016-04-19 22:50:52 · 1748 阅读 · 0 评论 -
电子相册系统(四)用户登录
1. 功能说明1) 当用户未登录时,系统显示用户需要登录的界面。主要显示用户名的输入框和密码输入框。或者用户也可以点击注册进入在线注册。如图所示:2) 当用户登录后,那么显示的信息就要发生改,要显示的信息是“XX已经登录成功,下面是您的相册”,并且右上角要显示“增加相片”。如图所示:2. 构思实现按照普通的做法,我们可能要准备两个xx原创 2016-04-19 22:46:54 · 1646 阅读 · 5 评论 -
电子相册系统(三)使用技术
1. 说明电子相册的系统主要用到的技术是:Spring3.0 + Hibernate4。我们都知道Spring就是要管理我们项目所有的Bean对象,而Hibernate就是要让对象实现持久化,也就是ORM的应用,我们无需手动创建表,所有对象表的创建就交给Hibernate去执行吧。2. Spring3.0 + Hibernate的结合配置 我们把Spring+hibe原创 2016-04-19 22:42:03 · 2383 阅读 · 0 评论 -
电子相册系统(二)业务层设计
1. 设计思想首先,设计个接口用来定义公共调用的DAO的方法,然后再定义个类用来实现这个接口。这样一来,我们就不要重复去写那些增、删、改、查的语句了。当然这个接口需要注入到BaseSevlet的类中,这个类就作为所有其它业务的父类,也就是,其它类,如,用户登录、用户注册的类都要继承这个类,而这个类唯一独特的地方就是,它是开启Spring的主要入口。2. 设计类图 3. 代码原创 2016-04-19 22:39:45 · 1170 阅读 · 0 评论 -
电子相册系统介绍
电子相册系统是笔者最近做的一个小系统,本系统采用jQuery作为Ajax支持,主要使用jQuery.post()方法发送异步POST请求,而且让服务器返回JavaScript脚本直接更新浏览器中的HTML页面。除此之外,本系统解决了Ajax应用的防刷新问题。读者可以自己注册,然后登录、上传相片、浏览相片等应用。如图是系统的页面。如果读者需要查看源码的话,可以登录http://pan.baidu.c原创 2016-04-19 22:29:16 · 1898 阅读 · 5 评论