文件管理系统(JQuery插件+Ajax)
主要是文件的一个管理系统,页面脚本是由JQuery (V1.3.1)插件的方式编写,所有功能都是通过Ajax和后台数据互交,并结合自己开发的插件与结合第三方插件的整合,服务器端由ASP.NET编程(有兴趣的朋友可以改写成其它代码,如jsp/php,根目录有后台程序配置). 希望大家喜欢(做完就急急忙忙发布了,没有写太多注释,希望大家多多包涵).
主要功能:
1. 左边树列表
2. 右边文件列表(支持文件夹双击进入目录,文件双击修改文件内容)
3. 上面查询栏目(可直接查询目录)
4. 下面上传(无刷新上传Jquery 插件) ,状态栏目.
5. 创建文件/文件夹
6. 编辑文件/文件夹
7. 删除文件/文件夹(支持多项删除)
8. 压缩(支持多文件/文件) , 解压
9. 下载(支持多文件)
10. 弹出层(jquery 插件), 灰色背景,点击关闭或完成向上消失,背景恢复
图例:
图1.0
图1.1
图1.2
图1.3
图1.4
版本信息:
Version: 1.0 Publish Date: 2009-2-10
兼容性:
Internet Explorer7
Firefox 3
Opera 9
如果发现其它浏览器的存在不一致,请电邮告知.
使用示例:
请直接查看代码中的Index.htm页面
-------------------------------------------------------
http://www.kcpower.net.cn
相关文档:
Ajax
一.资源类网站
1,国内网站
1)Ajax中国(推荐)
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载!
www.okajax.com
2)ajaxcn.org
李琨老师的blog。李琨:《ajax实战》译者.
www.ajaxcn.org
-----------------------------------------
2,国外网站
1)、Ajax的诞生
Ajax:ANewApproachtoWeb ......
页面中显示了3个问题,分别编号为1、2、3。每个问题表现为一个超链接,单击超链接触发loadFAQ函数。每个问题下面包含一个用于显示答案的div,id属性设置为“faqDetail+问题编号”,通过style="display:none"默认设置为隐藏。详细的函数说明请参考代码中的注释。
<%@ page contentType="text/plain; c ......
数据库设计
本实例使用名为postalcode的数据库表,包含的部分数据如图1.4所示。具体的创建数据表语句如下:
CREATE TABLE 'postalcode' (
'id' int(11) NOT NULL auto_increment,
'area' varchar(255) NOT NULL,
'city' varchar(255) NOT NULL,
'code' varchar(6) NOT NULL,
&n ......
用户操作界面postalcode.html
页面中包含3个文本框,分别表示邮政编码、地区和城市信息。当用户输入邮政编码后,系统将自动从服务器读取地区和城市信息,填充到对应文本框中。详细的函数说明请参考代码中的注释。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......
BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 载入程序的
google.l ......