《探究XML的项目式教学创建一个在线词典》-工学论文，计算机论文-论文范文参考-科学狗论文网

标题

探究XML的项目式教学创建一个在线词典

范文

万早德

摘要：JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，是中职学校计算机专业一门非常重要的专业课程，在上完静态网页课程后，学校就会开设JavaScript课程，为后面的PHP站点开发和.net开发等课程做好准备。

XML是JavaScript课程非常重要的一章，它的应用性很强，在很多网站使用XML文档来做配置文件，或者简化数据共享（如获取城市天气信息等），或者当作小型数据库等。那么如何征对XML所要求掌握的知识点，如何进行高质量教学，特地设计一个把XML文档当作小型数据库的在线词典，采用项目式教学，和大家一起分享。

关键词：中职教育;JavaScript;项目式教学;XML编程;Xpath

中图分类号：G64 ? ? ? 文献标识码：A

文章编号：1009-3044（2020）25-0149-02

基于 XML的在线词典，操作界面如图1，采用B/S模式，充分利用XML文档标签的严谨性，把数据库表的所有英文四级词汇含例句，保存到XML文档中，再利用Xpath这一利器，快速獲取XML文档所需的节点对象，在多达10000多条记录中，能迅速查询所要的内容，效果良好，通过这样项目式教学，既能大大提高学生学习兴趣，又能达到良好的教学目的。

1 创建好相关数据库、数据库表

为实现在线词典的功能，应在Mysql中设计一个数据库（js），其中包含1张数据库表（level6），该表所含的字段（id，word_name，，word_meaning，word_example）。

在mysql的命令窗口需要完成下面的操作：

create database js;//创建一个js数据库;

接着创建一个level6数据库表;

source D：＼english.sql ;//将好的10000多条词汇记录插入到level6表中，从而完成了数据准备工作。

2 把数据库表的词汇导入XML文档

2.1 新建一个XML文档（dict.xml）

文档的内容：

<？xml version="1.0" encoding="utf-8"？>

2.2 通过数据库操作，把数据库表的词汇导入dict.xml文档

其核心代码：

$xml=new DOMDocument（'1.0'，'utf-8'）;

$xml->load（'./dict.xml'）;

$dict=$xml->getElementsByTagName（'dict'）->item（0）;

$conn=mysql_connect（'localhost'，'root'，'123'）;

数据导入后，在浏览器中运行dict.xml，显示效果如下图2：

3 通过XML的DOM操作实现单词查询功能

用户往往就是利用XML文档的严格标签，来描述所用到的信息，所以在得到一个XML文档之后按照XML中的元素获取对应的信息就是XML的解析，下面我们采用DOM方式来解析XML文档。

3.1 先创建一个查询的表单

表单的内容：

3.2 完成数据解析

其核心代码：

echo $word，'：'，'

echo "[意思]： "，$v->nextSibling->nodeValue，'

echo "[例句]： "，$v->nextSibling->nextSibling->nodeValue，'

我们在运行过程中，发现位于文档前面的词汇很快就能得到查找的内容，但是运行后面的词汇就会出现：“Fatal error： Maximum execution time of 30 seconds exceeded in localhost/dict/index.php on line 42”，这个错误是说，Php执行时间越过了配置文件中设置的最大执行时间30秒钟。

主要原因，DOM分析器要将整个XML文件转换为树结构存放在内存中，但是当XML文件结构较大或者数据较复杂的时候，这种方式对内存的要求就比较高，且对于结构复杂的树进行遍历也是一种非常耗时的操作。

因此对于采用XML文件作为网站的配置信息，采用DOM解析好是非常适用的，但是对于在线词典查询，涉及的记录条数太多，就不适用了。

4 运用Xpath解决查询超时问题

Xpath是XML的路径语言，通俗一点讲就是通过元素的路径来查找到这个标签元素，查询XML非常快。

其核心代码有：

$xpath=new DOMXpath（$xml）;

$sql="/dict/word[word_name="."'".$word."'"."]/word_name"; ? ? ? ? ? ? ? $words=$xpath->query（$sql）;

这时，我们再输入位于字库后面的词汇也能飞快查询到所要的结果，如输入“rich”，很快就能得到查询结果如图3：

5结束语

JavaScript是一门操作性很强的语言，象Array、Date、BOM、DOM、XML等對象在Web开发中都有广泛应用，如果仍是采用传统方式进行教学，学生的专业技能很难得到实质性提高，只有把这些常用的知识经常放到一些合适的项目中，学生通过这些项目自主训练，再加上教师的及时辅导，效果就会事半功倍，这就是项目式教学的优势，也是JavaScript教师今后需要不断进行教学尝试或改进教学的地方。由于篇幅限制，还有一些没有讲明白的地方，希望得到您的谅解。

参考文献：

[1] 张屹峰. JavaScript项目式实例教程[M].北京：电子工业出版社， 1997.

[2] 赵增敏. JavaScript动态网页编程[M].北京：电子工业出版社， 2010.

[3] 王小科. JavaScript程序设计[M] （第2版）.北京：人民邮电出版社， 2014.

[4] 阮文江. JavaScript程序设计基础教程[M].北京：人民邮电出版社， 2010.

[5] 曾俊国. PHP Web开发实用教程[M].北京：清华大学出版社， 2011.

[6] 吴清秀. PHP网站开发[M].北京：机械工业出版社， 2014.

[7] 张健. Web应用系统开发（Php）[M].北京：中国铁道出版社， 2015.

[8] 范立锋，于合龙，孙丰伟. HTML5基础开发教程[M].北京：人民邮电出版社，2013.

【通联编辑：王力】

随便看

科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。