基于JavaScript的图书排架应用程序开发

开篇：润墨网以专业的文秘视角，为您筛选了一篇基于JavaScript的图书排架应用程序开发范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要：本文着重介绍了采用javascript脚本语言结合CSS、AJAX、XML开发图书排架应用程序的完整过程和部分关键源代码。

关键词：JavaScript；CSS；AJAX；图书排架；入学教育

中图分类号：TN92

1 设计思路

2 具体实现

2.1 准备用于“排架”的排架号

在本馆的图书书目查询系统中挑选出比较有代表性的排架号100条按照正确的排架顺序存入字符串数组arr中，数组下标从1到100，在以后操作中就可以使用数组下标来访问相应的排架号。

2.2 随机选出10条排架号

采用JS的random（）函数随机生成10个[1，100]的随机数，但为了防止生成的10个随机数中出现相同的数，先将1到100共100个数按由小到大的顺序放入一个数组original中，将生成的随机数放入另一个数组rand中，并将original数组中对应的值设为空，继续生成随机数如果该随机数对应original数组中的值为空，则继续生成随机数直到对应original数组中的值不为空，这样就得到一个从1到100的随机数组rand，再按顺序从rand数组中取出1到10条就可以保证不出现重复的数了。

2.3 生成图片

利用生成的这10个不重复的随机数作为下标访问准备好的排架号的数组arr，就得到10个随机的排架号，当然这10个随机的排架号的正确顺序就是arr数组下标的排列顺序即rand数组值的排列顺序。

2.4 拖动图片排序

2.5 完成排序

在页面下方居中添加一个按键，命名为“排好了”，在其中设置JS代码执行viewresult（）函数，完成后续的检查排序顺序，显示结果，提示是否破记录、是否保存等一系列操作。

2.6 保存记录

读取保存记录的文件，比较是否打破记录，如果打破记录，提示是否保存新记录，如果选择要保存新记录，弹出对话框要求输入名字，提交后保存到记录文件中。经过继续查找资料后发现采用AJAX方式读写XML文件就不会出现上述的问题。

3 结束语

本文主要介绍了采用Javascript、CSS、AJAX等技术进行图书排架应用程序的开发与实现的过程，通过该应用程序能使读者在“玩”的过程中了解并熟悉图书馆的图书排架规则，为图书馆新生入学教育提供一种新的方式和新的尝试。

参考文献：

[1]http：///，2012-10-12.

[2]Ajax实战/（英）克拉恩，帕斯卡雷洛・杰姆斯译[M].北京：人民邮电出版社，2006，4.

作者简介：罗彬（1978.4-），男，泸州医学院图书馆馆员，硕士，技术部副主任，14篇。