使用SSH和Ext来展示数据库数据 (ssh extjs展示数据库)
在当今这个数字化的时代，大量的数据产生于各种各样的系统之中。如何更好地将这些数据利用起来变得至关重要。传统的数据库系统，以其高效、稳定的数据存储和访问方式成为了数据处理的重要途径。而SSH和Ext作为常用的开发工具，更是在将数据库数据展现给用户方面发挥了重要作用。
SSH（Spring、Struts、Hibernate）是一种基于JavaEE的开源框架，可用于开发Web应用程序。SSH的主要特点是让开发人员专注于业务逻辑而不是框架配置，减少了开发难度，并能快速开发相对复杂的Web应用程序。同样，SSH还提供了对数据库的操作功能，方便数据存储和管理。
而Ext作为一款基于JavaScript的前端框架，它提供了丰富的UI控件和交互功能，使数据的可视化展示变得更加简便。在这里，我们将通过构建一个简单的Web应用程序来展示如何。
开发环境
在开始构建我们的应用程序之前，我们需要做好以下工作：
1. 安装Java JDK，并设置JAVA_HOME环境变量。
2. 安装Eclipse IDE，它提供了丰富的Java开发工具和插件。同时，我们也需要安装Maven插件，它可用于构建和管理我们的项目。
3. 安装Tomcat服务器，作为我们的应用程序的容器。
4. 准备好MySQL数据库，并创建几个表和数据，以便我们展示数据。在这里，我们可以使用名为“extjs_ssh”的数据库和“user”和“role”两个表。
搭建SSH环境
现在，我们来搭建SSH环境，以便访问数据库。我们将使用Hibernate来处理数据库的访问。
1. 在Eclipse中创建一个新的Maven项目，并添加如下依赖：
“`
org.hibernate
hibernate-core
5.4.19.Final
org.hibernate
hibernate-entitymanager
5.4.19.Final
mysql
mysql-connector-java
8.0.22
“`
2. 在src/mn/resources下创建hibernate.cfg.xml配置文件，添加以下内容：
“`
org.hibernate.dialect.MySQL5Dialect
com.mysql.cj.jdbc.Driver
jdbc:mysql://localhost:3306/extjs_ssh?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shangh
root
123456
“`
这里我们根据自己的实际情况修改数据库连接的信息。
3. 创建实体类，如下：
“`
@Entity
@Table(name = “user”)
public class User {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Integer id;
private String name;
private String password;
@ManyToMany(cascade = CascadeType.ALL)
@JoinTable(name = “user_role”, joinColumns = @JoinColumn(name = “user_id”,referencedColumnName = “id”),inverseJoinColumns = @JoinColumn(name = “role_id”,referencedColumnName = “id”))
private Set roles;
//省略getter和setter方法
}
“`
“`
@Entity
@Table(name = “role”)
public class Role {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Integer id;
private String name;
private String desc;
//省略getter和setter方法
}
“`
这里我们定义了User和Role两个实体类，并使用Hibernate的注解来设置数据库表的映射关系。
使用Ext展示数据
下面，我们将通过Ext来展示数据库数据，这里我们使用Ext 6版本来完成。
1. 创建空的Web项目，并将下载的Ext文件放入webapp下的extjs文件夹中。
2. 在页面中引入所需的和CSS文件，如下：
“`
“`
这里我们引入了Ext的CSS和文件以及自己编写的用户管理脚本user.js。
3. 在页面中添加展示数据的容器，如下：
“`
<p>相关文章</p>
<h2>快速入门：DB2如何更改数据库配置 (db2 修改数据库配置)</h2>
2023-08-01
数据库
配置
入门
<h2>GSX数据库——可靠性与高效性并存的利器 (gsx数据库)</h2>
2023-08-01
数据库
高效
并存
<h2>深入了解金税数据库：税务管理的利器 (金税数据库)</h2>
2023-08-01
数据库
利器
金税
<h2>VC编程引入Access数据库的实现方法 (vc 编 access数据库)</h2>
2023-08-01
数据库
编程
引入
<h2>利用数据挖掘技术探索数据库：一份实用的课设指南 (数据挖掘课设数据库)</h2>
2023-08-01
数据库
探索
数据挖掘
<h2>易语言操作SQL数据库，实现数据的高效管理 (易语言操作sql数据库)</h2>
2023-08-01
数据库
操作
易语言
<h2>提高效率的关键：集群数据库配置优化 (集群 数据库配置)</h2>
2023-08-01
集群
数据库
配置
<h2>Sci Expanded 数据库：打开科研资料的大门 (sci expanded数据库)</h2>
2023-08-01
数据库
科研
大门
<h2>深入了解Keyspace数据库的机制和应用场景 (keyspace数据库)</h2>
2023-08-01
数据库
场景
机制
<h2>数据库助手：轻松管理数据，提高工作效率 (数据库助手)</h2>
2023-08-01
数据库
助手
提高工作效率
<h2>优化C语言数据库错误处理技巧 (c 数据库 错误处理)</h2>
2023-08-01
数据库
优化
错误
<h2>数据库的记录数目有何限制 (数据库能存多少条记录)</h2>
2023-08-01
数据库
记录
有何
<h2>摆脱麻烦，数据库不用外键的妙招 (数据库 不用外键)</h2>
2023-08-01
数据库
不用
妙招
<h2>数据库收缩过程中突然停止，如何解决？ (收缩数据库 中途停止)</h2>
2023-08-01
数据库
停止
收缩
<h2>容量指标怎么计算？如何计算数据库所需的硬盘容量？ (要求数据库硬盘)</h2>
2023-08-01
数据库
计算
所需
<h2>SQL数据库环境配置简易指南 (sql数据库环境配置)</h2>
2023-08-01
数据库
环境
配置
<h2>C2C数据库：实现二手交易信息共享和安全管理的必备工具 (c2c数据库)</h2>
2023-08-01
数据库
安全管理
二手交易
<h2>自动化操作，程序轻松下载网页数据库 (程序自动下载网页数据库)</h2>
2023-08-01
数据库
程序
下载网页
<h2>「打通数据链路，县市信息全掌握——全国县市数据库全解析」 (全国县市数据库)</h2>
2023-08-01
数据库
全国
县市
<h2>如何查看自己数据库的端口号？ (查看自己数据库的端口号)</h2>
2023-08-01
数据库
查看
端口号
