AJAX大赛第二轮作品链接展示

最新推荐文章于 2024-09-21 22:20:54 发布

xieqq

最新推荐文章于 2024-09-21 22:20:54 发布

阅读量7.4k

点赞数

文章标签： ajax xhtml tomcat div ie css

本文链接：https://blog.csdn.net/xieqq/article/details/799883

版权

有些选手的文件是用邮件发过来,所以大家可以互相留下对方的联系方式,以便沟通交流.下面是部分参赛选手的作品简单介绍.

一.赵立国的作品,还有部分功能没有全部实现,正在修改中:

http://www.yule3g.com/searchIndex.aspx

二.谷祖林作品:
第二轮作品准备好了

程序演示地址 http://onewww.net/ajax

exe演示地址 http://onewww.net/ajax/ajax.exe

flash演示地址 http://onewww.net/ajax/ajax.swf

exe演示画面清晰,flash的模糊,推荐使用exe演示

前台简介

作品名称:彪哥
版本:1.0
作者:谷祖林
网名:llinzzi
网址:http://onewww.net

代码特点
代码分离 js css html 代码分离，可以用以任何自定义表格；
用闭包思想定义了ajax类；

操作方法
一键盘操作
1.Insert键增加一行，并复制最后一行内容，Delete键删除最后一行，该操作用以调节表格总大小；
2.Tab键横向移动光标，Enter键纵向移动光标，符合Excle用户习惯；
二页面操作
1.全选选择全部行，再次执行释放全部行；
2.复制所选复制已经选择的行及其内容；
3.删除所选删除已经选择的行；
4.清空所选清除所有单元格(input)中的内容；
5.提交利用ajax技术发送数据内容到服务器
三智能操作
此功能为本作品的重点和特点
双击单元格将弹出菜单，菜单自动收集该列上所有不重复的已输入内容，为重复输入数据提供了方便；

用途
适合多用户大规模BS模式系统的录入，如业务订单等

后台简介

作品名称:彪哥
版本:1.0
作者:谷祖林
网名:llinzzi
网址:http://onewww.net

特点
采用javascript作为asp脚本

后台代码
收集前端页面发送来的数据，保存到数据库中

代码我就放在附件中了

三.苏维斯天津师范大学联系方式：afcn007@gmail.com

安装方法:把所有文件解压到iis的wwwroot主目录下,文件夹下有index.asp是主程序文件,在ie或ff里执行localhost/***/yingyinzaixian/index.asp？classid=3即可使用程序,后台管理在localhost/***/yingyinzaixian/admin_login.asp里,帐号:yyzxadmin密码:adminyyzx

本套程序是建立在现有的一套在线影院系统之上的，原有系统原本是一套网上公开的多功能信息发布系统，也包括视频文件发布，但其不适于影片发布，最初由我对其大幅度改良，使其适合做电影系统，这次又赶上ajax大赛，所以我又对其作了一次大改动，把页面彻底ajax化了，这次改动主要有以下这些目标：

1．由原来电机电影所略图打开新窗口在建连接看电影转为在页面中生成新仿窗口的div。

2．利用drag-dom库，实现新生成div的可拖放，失望又可以体验到操纵窗口的体验。

3．初步实现最小化，还原，关闭，以及双击标题栏最小化和还原，模拟窗口程序体验，实现不开其他浏览器窗口浏览多条信息的功能，虽然离meebo那种比较成熟的ajax窗口还差很远，没有各种拉伸，改变大小，但是感觉也是稳定，高效的。

4．对窗口前后顺序的排列实现，蓝色标题栏代表当前窗口，黄色标题栏代表后台窗口，完全模拟桌面，彻底实现放桌面体验，通过单击后台窗口可以变为当前窗口，其中包括后面提到的zindex修改系统。

5．充分利用xmlhttp读取各种数据，包括各个栏目，比如各种电影分类，切换页码，保证用户体验的连续性，虽然也大量使用了innerHTML但是每个数据都经过详细的split过滤，绝不会直接把一个整夜放到一个div里。

6．由于原来的页面还是table布局，并且代码经多次修改，不是非常标准，我这次也尽力使其div+css化，但是纯xhtml+css实在太困难，所以这个也还是基于html4.01，并且电影缩略图那块已经完全div+css化，用float定位，以及clear，以后有能力的话再全部div+css化，xhtml实在需要时间研究，不是短时间能实现的。

7．最后在w 3c 测了一下我的页面，有28个错误，并且大部分都是img里没有alt的错误，意义不大，所以没改。

8．本套程序编写过程中就是要实现ff和ie的兼容，每一行代码都在ff和ie下测试过，写了大量兼容代码，经过大量测试，虽然选择现有框架会好点，但是我想自己写代码，这样更能提高水平，从中也体验了大量ff和ie的不同点。并且最后ie6下还是有点小毛病，好像新div里图片过大，会有一个空白条，而ff里则没事，估计是ie6的bug,好像有人说ie7例正常。

9．本套程序大部分都是本地js,对原来的asp尽有很小的修改，主要就是在显示连接上，修改为显示调用js函数。

10．我认为本套程序最大特点就是广泛的兼容性，和代码的标准以及稳定，经过很多测试，虽然效果可能不如rico那样前卫，但是却是一套容易读得懂的代码，很多函数都可以用在别的地方，从编写过程中却是学习到了很多，我的js文件都放在主目录下的js文件夹里，其中的drag-dom.js是我引用的drag-dom库，common.js是对、处理窗体缩放的几个小函数，而myadd.js是这套程序的核心，所有xmlhttp创建，数据过滤，更新页面，生成新窗口，拖放，zindex改变，loading显示，各种函数都在其中，是这套程序的核心。

以上就是我对这个作品的描述，再次感谢，希望评委们多提意见，非常感谢。最后我还想说非常感谢这次大赛，确实学到了很多，尤其最近看到gmail,meebo以及最新的google的在线电子表格各种程序，确实感觉到ajax的强大，非常感谢这次大赛让我认识到了ajax的重要性。

追加：由于时间匆忙，做得很粗，所以在提交后自己觉得不是特别满意，尤其鼠标停在缩略图片上毫无反应，现在加上一个红色边框，好多了，由于ie对herf支持不好，最后没有css而用js来实现的。希望ie7会好点。

四.angel_data@hotmail.com作品

这里能看到演示：http://219.139.58.121:801/Ajax.asp
>>这里能下载到我写的ajax：http://bbs.hubeiidc.com/60/ShowPost.aspx

五.何鑫作品---

鑫锋五子棋用户手册

1 系统的概述

1.1 系统描述

这是一款集网上对战，人机对战的五子棋软件。它区别于其他五子棋软件的最大的特点就是采用B/S架构，使用AJAX技术模拟了胖客户端的操作，所有的操作和一般的五子棋游戏没有什么区别。

五子棋游戏的网上比比皆是，我之所以选择这个主题有两方面的原因。第一个既然是AJAX大赛就应该把AJAX的特点表现出来，我认为它最大特点，就是异步提交，跟一般的网页的操作习惯不一致，更贴近于胖客户端。而一个网络对战的游戏软件，客户端和服务端交互非常频繁，正好贴近了这个主题。第二个原因就是虽然网上五子棋软件很多，但是大多是c/s结构的，用b/s来实现不能不说是一个尝试，可以说是旧瓶装新酒，还是有他的新意的。