Javascript连接Access数据库完整实例

本文将详细介绍如何使用Javascript连接Aess数据库，包括创建连接、获取连接、关闭连接以及执行常见数据库操作等技巧。对于需要使用Javascript进行Aess数据库操作的朋友们，本文具有一定的参考和借鉴价值。

我们来创建一个连接。在Javascript中，我们可以使用ActiveXObject来创建一个新的数据库连接。我们需要使用Scripting.FileSystemObject来获取数据库文件的位置。在连接字符串中，我们需要指定使用的数据提供程序（Microsoft.Jet.OLEDB.4.0）和数据源的位置（Sigma.mdb）。然后，我们使用Open方法打开数据库连接，并将连接对象存储在roc.db对象中，以便后续使用。

接下来，我们可以使用roc.db.getDb方法来获取数据库连接对象。如果连接对象已经存在，则直接返回连接对象；否则，我们可以调用roc.db.createDb方法来创建新的数据库连接。

当我们完成数据库操作后，我们需要关闭数据库连接以释放资源。roc.db.closeConn方法可以帮助我们关闭数据库连接。如果连接对象存在，则调用close方法关闭连接，并将连接对象设置为null。

```javascript

// 定义roc对象及其命名空间

roc = {

dom: {},

date: {},

cookie: {},

util: {},

config: {},

search: {},

};

// dom模块相关函数

roc.dom.id = function (id) {

if (typeof id === 'string') {

return document.getElementById(id);

} else if (id && id.nodeName && (id.nodeType === 1 || id.nodeType === 9)) {

return id;

}

return null;

};

roc.dom.tagName = function (tagName, el) {

var el = el || document;

return el.getElementsByTagName(tagName);

};

roc.dom.trim = function (str) {

return (str + '').replace(/(^\s)|(\s$)/g, "");

};

// 显示目标元素函数

roc.dom.show = function (element) {

element = roc.dom.id(element);

element.style.display = '';

return element;

};

// 隐藏目标元素函数

roc.dom.hide = function (element) {

element = roc.dom.id(element);

element.style.display = 'none';

return element;

};

// 判断元素是否含有 class 函数

roc.dom.hasClass = function (el, className) {

var re = new RegExp('(^|\\s)' + className + '(\\s|$)');

return re.test(el.className);

};

// 给元素添加 class 函数

roc.dom.addClass = function (el, className) {

if (!roc.dom.hasClass(el, className)) {

el.className += ' ' + className;

}

};

// 移除元素 class 函数

roc.dom.removeClass = function (el, className) {

var re = new RegExp('(^|\\s)' + className + '(?:\\s|$)')

el.className = el.className.replace(re, '$1');

};

// date对象命名空间函数格式化日期函数

roc.date.format = function (timestamp) {

if (timestamp === '') return '';

var str = '', temptime = new Date(Number(timestamp));

str += temptime.getFullYear() + '-';

str += temptime.getMonth() + 1 + '-';

str += temptime.getDate() + ' ';

str += String(temptime.getHours()).length > 1 ? (temptime.getHours() + ':') : ('0' + temptime.getHours() + ':');

str += String(temptime.getMinutes()).length > 1 ? (temptime.getMinutes()) : ('0' + temptime.getMinutes());

return str;

};

// cookie对象命名空间相关函数

roc.cookie.set = function (name, value, expires, domain, path, secure) {

var text = encodeURIComponent(value), date = expires;

if (date && typeof date === 'number') {

date = new Date();

date.setTime(date.getTime() + (expires 3600000));

}

if (date instanceof Date) {

text += '; expires=' + date.toUTCString();

}

if (domain) {

text += '; domain=' + domain;

}

if (path) {

text += '; path=/' + path;

} else {

text += '; path=/';

}

if (secure) {

text += '; secure';

}

document.cookie = name + '=' + text;

};

保存安装单成功

切换显示与隐藏功能

在我们的web应用中，有一个非常实用的功能——切换显示与隐藏。这个功能允许用户根据需要选择是否显示某个页面元素。这个功能背后是一段聪明的代码，它首先检查元素当前的显示状态，然后根据状态进行切换。如果元素当前是隐藏的，代码会将其显示出来，并在cookie中存储一个标记；如果元素是显示的，代码会将其隐藏，并在cookie中更新标记。这样，即使页面刷新或用户再次访问，元素的状态也会保持上次的设置。这就是我们的div开关功能，简单而实用。

货物型号操作

roc.util.flushInput函数被优雅地刷新了。这个函数的主要任务是清除输入字段的值。对于每一个在列表中的元素，它首先通过id获取对应的DOM元素，然后检查这个元素是否是一个文本输入字段。如果是的话，它就会清空这个字段的值。这个过程对于每一个输入的字段都会重复进行。

接下来是roc.tstyle.getStyle函数，它负责获取类型列表。这个函数首先通过数据库查询获取所有的类型信息，然后遍历查询结果，将每个类型的名称、ID和描述作为选项添加到选择框中。它还处理了一些字段值的空值和格式化问题。当获取类型列表完成后，它会关闭数据库连接。

接下来是一些事件绑定和初始化的代码。比如，当点击保存按钮时，会触发保存操作；当点击查询按钮时，会进行提检操作。它还初始化了年份和月份的选择框，并设置了默认的年份和月份。它还为一些查询条件字段添加了事件处理函数，当这些字段的值发生变化时，会触发查询操作。还为这些字段添加了焦点和失焦的样式变化。

深入 JavaScript 日历与数字输入优化

在 JavaScript 中，我们时常需要处理日期和时间，同时还需要对用户输入的数字进行严格把关。下面是一些实用技巧，或许能为您的 JavaScript 程序设计带来启发和帮助。

对于日期和时间的处理，我们可以借助 J('selltime') 来实现。通过调用 .calendar() 方法并设置 format 属性为 'yyyy-MM-dd HH:mm:ss'，我们可以方便地展示和操作日期时间。这样，用户界面的日历控件就能以指定的格式显示日期和时间。

接着，在数字输入方面，为了确保用户输入的是数字而非其他无效字符，我们可以使用 $.util.onlyInputNumber() 函数进行校验。只需要遍历 ['s_uphone','s_date','uphone','received','prize','unreceived','installerid'] 这些字段，将它们逐一传入该函数即可。这样一来，用户在表单中输入的数据将受到限制，只能输入数字，从而提高了数据的准确性和程序的稳定性。

这些技巧在实际开发中非常实用，能够帮助开发者提高开发效率和程序质量。这只是冰山一角，JavaScript 还有更多强大的功能和丰富的库等待我们去和发掘。

通过调用 cambrian.render('body')，我们可以将上述逻辑应用到网页的 body 部分，使得这些功能在网页上得以展现和使用。这样一来，用户就能通过网页与这些功能进行交互，从而完成各种任务。

希望本文所述能对大家的 JavaScript 程序设计有所启发和帮助。无论是在日期时间的处理，还是在数字输入的优化上，都有更多的细节和技巧等待我们去学习和掌握。让我们共同 JavaScript 的奥秘，创造出更出色的网页应用吧！