简化了对 HTML 文档的操作,动画以及事件处理,同时又是快速 Ajax 开发交互平台。
jQuery 的使命是改变你编写 JavaScript 代码的方式。
最新版本是JQuery-1.4.2 版本。
JQuery 有一下优势: (一)轻量级:jQuery 非常小巧,压缩后大小不到 30K(155-24) (二)强大的选择器:运行使用 CSS1 到 CSS3 所有的选择器。
还包括自己的高级而复杂的选择器。
(三)出色的 DOM 操作和封装 (四)可靠的事件处理机制 (五)完善的 Ajax (六)不污染顶级变量:只建立一个 JQuery 对象 (七)出色的浏览器兼容性 (八)链式操作方式 (九)隐式迭代 (十)行为层与结构层的分离 (十一)丰富的插件支持 (十二)开源 12 第三章 系统总体设计3.1 图片管理系统结构描述 图片管理系统结构简介:创建专辑,为专辑添加照片,浏览专辑中的照片,修改专辑,删除专辑。
3.2 图片管理系统功能分析: 一、创建专辑 此模块主要是为图片管理系统创建新的专辑。
二、为专辑添加照片 此模块主要是为图片管理系统添加照片并且可以对所添加图片进行描述。
三、浏览专辑中的照片 此模块主要是浏览图片管理系统中已上传的照片,并且可以修改图片所属专辑和简介。
四、修改专辑 此模块的功能主要是修改图片管理系统中已创建专辑中封面名称,封面图片 13以及对专辑的简介。
五、删除专辑 此模块的功能主要是删除已创建的专辑,删除专辑后专辑中已上传的图片将永久删除。
第四章 详细设计4.1 数据库设计 AblumID 表如图 4-1 所示:列名 数据类型 长度 空/非空 键值/索引ablumID 整型 非空 主键ablumName 字符型 50 空ablumTime 日期型 8 空logoUrl 字符型 50 空ablumIntr 字符型 50 非空 表结构: 14 图 4-1 Image 表如图 4-2 所示:列名 数据类型 长度 空/非空 键值/索引imageID 整型 非空 主键imageName 字符型 50 非空imgTime 日期型 8 非空imgUrl 字符型 50 非空AblumID 整型 非空imgIntr 字符型 最大 非空 表结构: 图 4-24.2 前台页面设计一、主页面(default.aspx) 主页面主要显示整个系统的模块及其各个页面,如图 4-3 所示 15 图 4-3二、为专辑添加图片(addImage.aspx) 为专辑添加图片页面主要是为系统添加图片并且对图片进行描述,如图 4-4 图 4-4 三、浏览专辑中的照片(ViewImage.aspx) 浏览专辑中的照片主要是可以浏览专辑中已上传的图片,并且可以修改图片所属专辑和简介,如图 4-5 16 图 4-5 四、修改专辑(addAblum.aspx) 修改专辑页面主要可以修改已创建专辑中封面名称,封面图片以及对专辑的简介,如图 4-6 图 4-6 第五章 网站详细设计 175.1 Default.aspx 页代码ltstyle typequottext/cssquotgt .style1 width: 100 .style2 height: 24px .style3 height: 218px .style4 height: 21px .style5 height: 21px width: 200px lt/stylegt ltscript languagequotjavascriptquot typequottext/javascriptquotgt//function quit//// window.close// function delete_confirme ifevent.srcElement.outerText quot删除quot event.returnValue confirmquot删除专辑将会删除专辑下所有图片且不可恢复,您确认执.
上一篇:
搭建Java Web开发环境
下一篇:
多年来只想说一句,我不怪你