1建立数据表
CREATE TABLE `login` (
`id` int(11) NOT NULL,
`name` varchar(20) NOT NULL,
`password` varchar(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
insert into login values
('1','hong','1234'),
('2','linxiang','1234'),
('3','chen','99a9s'),
('4','luxi','aabe2');
2建立jsonreader.html视图文件，jsonreader.html调用json.js
<html>
<head>
<title>注册</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/ext/ext-all.js"></script>
<script type="text/javascript" src="json.js"></script>
</head>
<body>
<div id='grid'></div>
</body>
</html>
3json.js 构建extjs的界面，将界面与前台视图关联(id=grid) 动态数据与后台getData.php关联.关键所在
Ext.onReady(function() {
store=new Ext.data.JsonStore({
url:'getData.php',
data:[],
fields:[
{name:'id'},
{name:'name'},
{name:'password'}
]
});
store.load();
new Ext.grid.GridPanel({
store:store,
mode:'remote',
title:'简单Grid表格示例',
applyTo:'grid',
width:250,
height:150,
frame:true,
columns:[
{header:"id",width:50,dataIndex:'id',sortable:true},
{header:"姓名",width:80,dataIndex:'name',sortable:true},
{header:"年龄",width:80,dataIndex:'password',sortable:true}
]
})
});
4后台查询从数据库取数据
<?php
$conn = mysql_connect("localhost", "root", "*****");
mysql_select_db("test");
$sql = "select id,name,password from login";
$result = mysql_query($sql, $conn);
while ($row = mysql_fetch_array($result)) {
$arr4[] = $row;
}
echo json_encode($arr4);
?>
5运行http://localhost/jsonreader.html
关于引用ext的js,css报错问题Unknown: Failed opening required '/var/www/html/deploy/js.php'
删除ext目录下面的.htaccess文件
相关推荐
本项目“php+Extjs+mysql实例”正是这样一个综合性的应用，它结合了三种技术，即PHP作为后端服务器语言，MySQL作为数据库管理系统，以及ExtJS作为前端JavaScript框架，实现了合同信息的全面管理功能，包括添加、修改...
在"ssh+extjs+mysql整合"中，我们将SSH框架与ExtJS前端技术和MySQL数据库结合起来，构建一个完整的Web应用。以下是对这个整合过程的详细说明： 1. **Spring**：Spring作为核心框架，负责管理应用程序的各个组件，...
在ExtJS和MySQL结合的应用中，前端通常使用Ajax技术异步与服务器交互。ExtJS提供了Ajax请求的封装，如`Ext.Ajax.request`方法，可以方便地发送GET、POST等HTTP请求到后端服务器，获取或提交数据。 4. **RESTful ...
SSH2+ExtJS+MySQL是一种常见的技术栈组合，用于构建基于Web的、具有强大后端功能和现代化前端界面的应用程序。下面将详细解释这三个技术组件及其在开发中的作用。 **SSH2 (Struts2 + Spring + Hibernate)** SSH2是...
总结起来，这个项目是一个集成了 Node.js 后端、Express 框架、ExtJS 4.2 前端UI以及 MySQL 数据库的完整应用实例。开发者可以通过这个框架快速开发 CRM（客户关系管理）或其他类似业务系统，只需要关注业务逻辑的...
本文将详细介绍如何使用ExtJS 3连接MySQL数据库并实现基本的CRUD（创建、读取、更新、删除）操作。 首先，理解ExtJS 3的核心概念至关重要。它提供了一套完整的组件库，包括表格、窗口、按钮、表单等，使得开发者...
EXTJS、Structs和MySQL是三个在Web开发中常见的技术组件，它们共同构成了一个完整的前后端数据交互系统。EXTJS是一种强大的JavaScript库，用于构建富客户端应用；Structs是基于Spring MVC模式的Java Web框架，常用于...
标题 "Extjs + Spring MVC + hibernate + mysql" 涉及的是一个综合性的Web应用程序开发框架，结合了前端UI库、后端MVC框架、ORM工具和关系型数据库。让我们详细了解一下这些技术及其在实际项目中的应用。 1. ExtJS...
【CRM系统概述】 ...总结来说，"crm_extjs_ssh_mysql"是一个采用Java后端SSH框架，配合MySQL数据库，以及ExtJS前端技术实现的客户关系管理系统。这种架构能够提供稳定、高效、用户体验良好的CRM解决方案。
总结，"ExtJS图书管理系统MySQL版"集成了现代Web开发的多个关键技术，包括前端的动态交互、后端的数据处理以及数据库管理。它的实施涵盖了Web应用开发的多个层面，对于学习和实践Web开发技术，特别是 ExtJS 和 MySQL...
在IT行业中，开发Web应用程序是一项常见的任务，而“extjs4 ssh mysql”这个主题涉及到三个关键技术：ExtJS 4、SSH2和MySQL。下面将详细解释这三个技术以及它们如何协同工作来构建Web应用。 首先，ExtJS 4是一个...
在与Java和MySQL的结合中，EXTJS可以扮演前端展示和交互的角色，Java作为后端处理业务逻辑，MySQL则作为持久化存储，三者协同工作，能够搭建出高效的后台管理系统。 首先，EXTJS 5.1版本是EXTJS系列的一个重要里程...
总结，这款基于ExtJS+Struts+MySQL的考勤系统展示了现代企业级应用开发的基本流程和技术选型。通过学习和实践这样的项目，开发者可以深入了解Web开发中的前端交互、后端逻辑处理以及数据库操作，为日后的项目开发...
《假期管理ext4.0项目：整合EXTJS4、SSH与MySQL的实践探索》 本文将深入探讨一个基于EXTJS4、SSH（Spring、Struts2、Hibernate）和MySQL数据库的假期管理系统，该项目旨在为小型企业提供高效且易用的假期管理解决...
在本项目中，我们探索了如何整合Spring MVC、iBatis、ExtJS和MySQL数据库来构建一个高效且用户友好的Web应用。这是一个经典的Java技术栈组合，广泛应用于现代企业级开发。 **Spring MVC** 是Spring框架的一个模块，...
在这个项目中，我们看到的是使用ExtJS实现的一个动态加载、增删改查和拖拽功能的树形控件（Tree），并与后端Java服务和MySQL数据库进行交互。这个项目适合那些希望学习如何在Web应用中集成高级UI特性的开发者。 ...
ExtJS 是一个强大的JavaScript前端框架，它提供了丰富的组件库，用于构建交互式的、数据驱动的Web应用程序。SSH（Struts2、Spring、Hibernate）则是一个经典的Java后端开发框架组合，用于处理MVC（Model-View-...
在IT行业中，构建交互式和动态的Web应用是常见的需求，ExtJS是一个强大的JavaScript库，用于构建用户界面，而MySQL则是广泛使用的开源关系型数据库。本文将深入探讨如何使用ExtJS 3结合MySQL来实现一个省份城市二级...
在本项目中，"ExtJs做到学生信息管理系统，Mysql数据库"，意味着开发人员利用ExtJs来设计前端界面，并结合Java和JSP技术，以及Mysql数据库来实现了一个学生信息管理的系统。 首先，让我们深入了解一下ExtJs的关键...
总结来说，这个项目结合了前端的ExtJS 6.0框架和后端的SSM技术栈，构建了一个完整的进销存管理系统，涵盖了从用户认证到业务数据管理的多个层面。通过合理利用这些技术和工具，开发者能够构建出稳定、高效的管理应用...