HTML中如何连接数据库?

HTML中如何连接数据库?,第1张

HTML5连接数据库分为以下几步:

预备知识:Web SQL Database,Html5环境下可以用Js执行CRUD的Web数据库组件。

核心方法如下:

1、openDatabase:这个方法使用现有数据库或创建新数据库创建数据库对象。

2、transaction:这个方法允许我们根据情况控制事务提交或回滚。

3、executeSql:这个方法用于执行真实的SQL查询。

第一步:打开连接并创建数据库

var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { })

if (!dataBase) {

alert("数据库创建失败!")

} else {

alert("数据库创建成功!")

}

第二步:创建数据表

this.createTable=function() {

dataBase.transaction( function(tx) {

tx.executeSql(

"create table if not exists stu (id REAL UNIQUE, name TEXT)",

[],

function(tx,result){ alert('创建stu表成功')},

function(tx, error){ alert('创建stu表失败:' + error.message)

})

})

}

第三步:执行增删改查

添加数据:

this.insert = function () {

dataBase.transaction(function (tx) {

tx.executeSql(

"insert into stu (id, name) values(?, ?)",

[id, '徐明祥'],

function () { alert('添加数据成功')},

function (tx, error) { alert('添加数据失败: ' + error.message)

} )

})

1、表格内可以加入超级链接,使用a标签就可以。方法是首先新建一个html文件,在html文件中写入一个简单的表格,在表格的第二行第二列用a标签加入一个链接:

2、然后在上方设置一下css的样式,美化一下表格,这里给html一个背景色,然后给table设置了边框和背景色,至此代码就完成了:

3、最后打开浏览器,可以看到刚才建立的表格样式,点击里面的链接:

4、此时浏览器就会跳转到刚刚设置好的链接了。以上就是html编写的表格内添加超级链接的方法介绍:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7375828.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存