ExtJS实现数据库操作与显示示例

5星 · 超过95%的资源需积分: 9 113 浏览量更新于2024-09-15 收藏 6KB TXT 举报

本文档主要介绍了如何在ExtJS框架中操作和显示数据库，特别是通过Java与MySQL数据库进行交互。ExtJS（Extensible JavaScript Library）是一个强大的JavaScript库，用于构建可重用的、跨浏览器的Web应用程序，它特别适用于构建数据密集型用户界面。首先，文档提到的代码片段展示了创建一个简单的数据库表结构，使用的是MySQL，包括创建`information`表，定义字段如`id`（自动递增）、`name`（最多20个字符的字符串）和`age`（整数类型），并插入两条记录。然后，转向HTML部分，该页面是使用ExtJS 3.4.0版本开发的，可以看到以下关键知识点： 1. **HTML结构**：HTML文档结构包含了标准的`<head>`标签，设置了字符编码、元信息如标题、关键词和作者，以及引用了ExtJS的CSS样式文件（`ext-all.css`）和JavaScript库文件（`ext-base.js` 和 `ext-all.js`）。 2. **JavaScript部分**：`Ext.onReady`函数确保在页面加载完成后执行代码。在这里，创建了一个`ColumnModel`对象，它定义了表格列的布局，包括行号、ID、姓名和年龄字段。这表明这是一个Grid（表格）组件的基础设置，用于展示数据。 3. **数据库操作**：虽然具体代码没有完全展示，但可以推测会有Java后端代码与数据库交互，获取或处理`information`表的数据，然后通过JSON格式将数据发送到前端，以便在ExtJS Grid中显示。这通常涉及使用JDBC（Java Database Connectivity）或者ORM（Object-Relational Mapping）工具，如Hibernate，来连接MySQL数据库，并实现数据的CRUD（Create, Read, Update, Delete）操作。 4. **数据绑定**：通过`dataIndex`属性，ExtJS能够将数据库中的数据映射到Grid列上，这意味着当后端返回JSON数据时，数据会被自动绑定到Grid组件中，用户可以在界面上查看和管理这些数据。总结来说，这篇文章提供了一个使用ExtJS进行数据库操作的示例，涵盖了前端界面设计、数据模型配置、以及可能的后端Java代码与数据库交互的技术细节。对于学习如何在ExtJS环境中集成数据库并动态展示数据，这是一个非常实用的教程。

Extjs访问数据库的简单应用--表
2011-12-22 13:36
下面的工程只是表现Extjs如何用java连接到数据库并用表格显示出数据，并无其他的特效。

数据库（mysql）：drop table information;
create table information(
id int auto_increment,
name varchar(20),
age int,
primary key(id)
);

insert into information(name,age) values("ahwxr1",21);
insert into information(name,age) values("ahwxr2",21);

java代码：

Test3.html：主界面

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>用json存储数据库中的数据</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="author" content="Lsnail">
<link rel="stylesheet" type="text/css" href="/Test/ext-3.4.0/resources/css/ext-all.css" />

剩余7页未读，继续阅读

Kimberlee

粉丝: 0
资源: 2

ExtJS实现数据库操作与显示示例

Extjs和数据库交互，增删改查

ExtJs 连接数据库并且生成动态树

Extjs+数据库+dwr+案例+xml

通过Servlet让Extjs GridPanel 显示数据库数据.docx

Extjs显示从数据库取出时间转换JSON后的出现问题

apring+extjs 数据库浏览器

extjs6 拿数据库里面的数据

酒店管理系统(SpringMVC+Extjs)附带数据库sql

Extjs和后台数据库交互的程序，增删改查

extjs3连接mysql数据库实现增删查改功能

最新资源