文件管理系统(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 Explorer 7
• Firefox 3
• Opera 9

如果发现其它浏览器的存在不一致,请电邮告知.

使用示例:

请直接查看代码中的Index.htm页面.

以上有word 文档直接粘贴,排版可能不太好看,你可以通过下面来下载相应的代码/文档

1,文档

2,代码(VS2008开发,.Net Framework 3.5(C Sharp)编写) 在配置的时候,代码需要对文件/文件夹的读写权限.

注:如果应用在商业行为,请告知. 如果谁有漂亮的图标(左右两边对应,右边要大些)的麻烦提供下.

文章为原创,如果需要引用,请保留原地址. 有什么问题/错误的地方请联系 fox7805034 (at) hotmail.com

浮动留言板(JQuery 插件+Ajax)

简介:

主要是一个浮动层再加上一个留言版本的设计,目前只有一种样式.Javascript脚本是由JQuery (V1.3)插件的方式编写,通过Ajax和后台数据互交,服务器端由ASP.NET编程(有兴趣的朋友可以改写成其它代码). 希望大家喜欢.目前版本功能比较简单,如果你有能力/时间也可改写.

Note:
JQuery 地址: http://jquery.com/
JQuery Plugin 教程: http://www.learningjquery.com/2007/10/a-plugin-development-pattern
Visual Studio 2008 IntelliSense:
http://blogs.msdn.com/webdevtools/archive/2008/10/28/rich-intellisense-for-jquery.aspx
http://blogs.msdn.com/webdevtools/archive/2008/11/07/hotfix-to-enable-vsdoc-js-intellisense-doc-files-is-now-available.aspx

版本信息:
Version: 1.0    Publish Date: 2009-2-1

兼容性:

在下面浏览器测试过,有其他浏览器的朋友可以帮我测测.

• Internet Explorer 6 & 7
• Firefox 2 & 3

图例:

图1.0

图1.1

图1.2

图1.3

图1.4

使用示例:

可由下面简单的代码添加到页面上去.

step 1

<div id="jquery_panel"></div>

step 2

    <script type="text/javascript" src="JScript/jquery.js"></script>

    <link rel="stylesheet" type="text/css" href="FastFeedBack/panel/jquery.panel.css"/>

    <link rel="stylesheet" type="text/css" href="FastFeedBack/panel/skins/blue/css.css" />

<script type="text/javascript" src="FastFeedBack/panel/jquery.panel.js"></script>

step 3

    <script type="text/javascript">    

        $(document).ready(function() {

            $("#jquery_panel").panel();

        });

</script>

以上有word 文档直接粘贴,排版可能不太好看,你可以通过下面来下载相应的代码/文档

1,文档

2,代码V1.0

文章为原创,如果需要引用,请保留原地址. 有什么问题/错误的地方请联系 fox7805034 (at) hotmail.com