这个是《Html5与css3权威指南》中的一个例子，写出来备用。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>使用本地数据库实现Web留言本</title>
<script>
var datatable = null;
var db = openDatabase("MyData","1.0","My Database",2*1024*1024);
function init()
{
datatable = document.getElementById("datatable");
showAllData();
}
function removeAllData(){
for(var i = datatable.childNodes.length-1;i>=0;i--){
datatable.removeChild(datatable.childNodes[i]);
}
var tr = document.createElement('tr');
var th1 = document.createElement('th');
var th2 = document.createElement('th');
var th3 = document.createElement('th');
th1.innerHTML = "姓名";
th2.innerHTML = "留言";
th3.innerHTML = "时间";
tr.appendChild(th1);
tr.appendChild(th2);
tr.appendChild(th3);
datatable.appendChild(tr);
}
function showAllData()
{
db.transaction(function(tx){
tx.executeSql('create table if not exists MsgData(name TEXT,message TEXT,time INTEGER)',[]);
tx.executeSql('select * from MsgData',[],function(tx,rs){
removeAllData();
for(var i=0;i<rs.rows.length;i++){
showData(rs.rows.item(i));
}
});
});
}
function showData(row){
var tr=document.createElement('tr');
var td1 = document.createElement('td');
td1.innerHTML = row.name;
var td2 = document.createElement('td');
td2.innerHTML = row.message;
var td3 = document.createElement('td');
var t = new Date();
t.setTime(row.time);
td3.innerHTML = t.toLocaleDateString() + " " + t.toLocaleTimeString();
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
datatable.appendChild(tr);
}
function addData(name,message,time) {
db.transaction(function(tx){
tx.executeSql('insert into MsgData values(?,?,?)',[name,message,time],function(tx,rs){
alert("保存成功。");
},function(tx,error){
alert(error.source+"::"+error.message);
});
});
} // End of addData
function saveData() {
var name = document.getElementById('name').value;
var memo = document.getElementById('memo').value;
var time = new Date().getTime();
addData(name,memo,time);
showAllData();
} // End of saveData
</script>
<body onload="init()">
<h1>使用本地数据库实现Web留言本</h1>
<table>
<tr>
<td>姓名</td>
<td><input type="text" name="name" id="name" /></td>
</tr>
<tr>
<td>留言</td>
<td><input type="text" name="memo" id="memo" /></td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="保存" onclick="saveData()" />
</td>
</tr>
</table>
<ht>
<table id="datatable" border="1"></table>
<p id="msg"></p>
</body>
分享到：
相关推荐
数据库操作通常使用JDBC（Java Database Connectivity）来实现，通过预编译的SQL语句执行增删改查操作。 4. **连接管理**：为了安全高效地访问数据库，系统会有一个连接池管理器，如C3P0或HikariCP，它们负责管理...
【标题】"SH留言本下载（包含截图，源码，数据库）" 描述了一款名为SH的留言本软件，该软件提供了完整的开发资源，包括截图、源代码以及数据库，这为开发者提供了一个全面了解和学习留言本系统实现的平台。...
为了运行这个留言本，你需要一个支持PHP的Web服务器（如Apache或Nginx）和一个数据库服务器。在本地环境中，可以使用XAMPP或WAMP这样的集成开发环境，它们集成了Apache、PHP和MySQL。 学习和理解这个PHP留言本，...
以上是对"基于asp的 班级留言板（ web课程设计）"项目的详细介绍，涵盖了ASP技术、Web课程设计的目标、留言板系统的功能实现、ASP与数据库的交互、以及项目的实施步骤等方面。通过这样的项目，学生不仅能深入理解ASP...
【标签】：“Desktop\留言本系统”标签进一步明确了这个项目的主题，表明它是一个与桌面环境相关的留言本系统，可能是独立的桌面应用程序，或者是通过Web浏览器在本地运行的Web应用。 【压缩包子文件的文件名称列表...
3. 数据存储：Flash留言本通常使用本地存储（Local Shared Objects）或XML文件来保存用户留言，实现数据持久化。本地存储在客户端，而XML文件则可以存储在服务器端，便于数据管理。 二、Flash留言本的实现原理 1. ...
本章节将以创建一个简单的留言系统为例，介绍如何使用Dreamweaver CS3 实现数据库的基本操作： - **录入留言**：使用表单收集用户提交的信息，并将其存储到数据库中。 - **显示留言**：利用DataGrid控件动态地从...
【C#制作的留言本（教程内含word详解）】是一个非常适合初学者的项目，它展示了如何使用C#语言和Web Form技术构建一个简单的在线留言系统。这个项目可以帮助学习者理解C#在Web应用程序开发中的应用，特别是对于交互...
综上所述，制作留言本的过程涵盖Web服务器配置、数据库设计、网页开发和交互逻辑等多个方面，需要熟悉IIS、数据库管理、网页设计语言（如HTML、CSS、JavaScript）以及服务器端脚本（如VBScript）。通过这些步骤，...
ASP（Active Server Pages）是一种微软开发的服务器端脚本环境，用于创建动态网页或Web应用程序。...这种技术在20世纪90年代末和21...这些留言本资源对于学习和理解Web开发中的动态交互以及数据库操作具有很好的实践价值。
在技术实现上，Y10K留言本可能使用了常见的Web开发技术，如HTML、CSS和JavaScript构建前端界面，后端可能采用了PHP、Python、Java或.NET等服务器端语言处理业务逻辑和数据库操作。数据库管理系统可能是MySQL、SQLite...
在【压缩包子文件的文件名称列表】中，尽管只有一个“留言本”文件名，但通常在实际项目中，这可能代表了一系列相关的源代码文件、配置文件、数据库脚本以及资源文件等。源代码文件通常包括表示层的ASP.NET页面或...
本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 系统功能： （1）账号资料管理...
综上所述，“梦想年华JSP留言本_guestbook.rar”是一个基于JSP技术的Web应用，用于实现在线留言板功能。它涉及到Web开发的基本元素，包括前端和后端技术，并且可能使用了数据库来存储用户留言。通过解压并部署这些...
然后，用户可以通过浏览器访问Web服务器上的相应URL来使用这个留言本，例如：`http://localhost:8080/myjsp`（假设服务器运行在本地，端口为8080）。 总的来说，"jsp网络留言本"项目展示了如何使用JSP和JavaBean...
### PHP实例简单的留言本开发手册 #### 一、前期准备 在进行PHP留言板的开发之前，需要确保已安装好开发环境。本指南建议使用APMServ进行安装，它集成了Apache、MySQL、PHP等必要的组件。 1. **安装APMServ**： ...
- `使用教程.txt`: 提供了安装和使用该留言本系统的步骤指南。 - `css`和`img`目录：分别存储样式表文件和图像资源，用于控制界面的样式和展示。 - `image`目录：可能是备用或额外的图片资源。 3. **核心功能...
【标题】"基于PHP的ACCESS 简单留言本.zip" 涉及的主要知识点是使用PHP编程语言与Microsoft Access数据库结合开发一个简单的在线留言本系统。PHP是一种广泛用于Web开发的开源脚本语言，而ACCESS是微软提供的关系型...
总结起来，这个"struts2实现留言板"的项目涵盖了Struts2框架的基本使用，包括Action设计、配置文件、结果类型、视图展示、数据模型、安全性以及国际化等多个方面。通过实践这个项目，开发者可以深入理解Struts2的...
ASP+ACCESS基于WEB网上留言板是一种常见的初级Web开发项目，它主要使用了Active Server Pages（ASP）技术配合Microsoft Access数据库来实现一个在线交互式的留言功能。这个项目的核心是通过ASP脚本处理用户在网页上...