EXTJS MYSQL交互总结-阿里云开发者社区

EXTJS MYSQL交互总结

2016-05-12 1956

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

本文涉及的产品

云数据库 RDS MySQL Serverless，0.5-2RCU 50GB

简介：

1建立数据表

   Java代码  
    
  
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

   Java代码  
    
  
<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关联.关键所在

   Java代码  
    
  
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后台查询从数据库取数据

   Getdata.php代码  
    
  
<?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文件

相关实践学习

基于CentOS快速搭建LAMP环境

本教程介绍如何搭建LAMP环境，其中LAMP分别代表Linux、Apache、MySQL和PHP。

全面了解阿里云能为你做什么

阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs

EXTJS MYSQL交互总结

热门文章

最新文章

相关课程

相关电子书

相关实验场景

推荐镜像