当前位置:网站首页 > Java教程 > 正文

easyui java教程



EasyUI 是一个简单的用户界面组件的集合。由于 EasyUI 已经封装好大部分 UI 基本功能,能帮用户减少大量的 js 和 css 代码。所以,EasyUI 非常适合用于开发简单的系统或原型系统。

本文示例使用技术点:

  • Spring Boot:主要使用了 spring-boot-starter-web、spring-boot-starter-data-jpa
  • EasyUI:按需加载,并没有引入所有的 EasyUI 特性
  • 数据库:为了测试方便,使用 H2
  • 简介
    • 什么是 EasyUI?
  • Spring Boot 整合 EasyUI
    • 配置
    • 引入 easyui
  • 实战
    • 引入 maven 依赖
    • 使用 JPA
    • 使用 Web
    • 使用 EasyUI
  • 完整示例
  • 引用和引申

  • easyui 是基于 jQuery、Angular.、Vue 和 React 的用户界面组件的集合。
  • easyui 提供了构建现代交互式 javascript 应用程序的基本功能。
  • 使用 easyui,您不需要编写许多 javascript 代码,通常通过编写一些 HTML 标记来定义用户界面。
  • 完整的 HTML5 网页框架。
  • 使用 easyui 开发你的产品时可以大量节省你的时间和规模。
  • easyui 使用非常简单但功能非常强大。

application.properties 修改:

 

EasyUI 下载地址:http://www.jeasyui.cn/download.html

在 目录下引入 easyui。

然后在 html 中引用:

 

引入 easyui 后,需要使用哪种组件,可以查看相关文档或 API,十分简单,此处不一一赘述。

 

为了使用 JPA 技术访问数据,我们需要定义 Entity 和 Repository

定义一个 Entity:

 

定义一个 Repository:

 

首页 Controller,将 web 请求定向到指定页面(下面的例子定向到 index.html)

 

此外,需要定义一个 Controller,提供后台的 API 接口

 

接下来,我们要使用前面定义的后台接口,仅需要在 EasyUI API 中指定 即可。

请留意下面示例中的 url 字段,和实际接口是一一对应的。

 

请参考 源码

运行方式:

 

在浏览器中访问:http://localhost:8080/

  • EasyUI 官网
  • EasyUI 中文网

  • 上一篇: java版玩法教程
  • 下一篇: java字符转换教程
  • 版权声明


    相关文章:

  • java版玩法教程2025-01-23 18:10:00
  • java完全教程2025-01-23 18:10:00
  • java教程1992025-01-23 18:10:00
  • 新手java项目教程2025-01-23 18:10:00
  • java aio教程2025-01-23 18:10:00
  • java字符转换教程2025-01-23 18:10:00
  • java网页特效教程2025-01-23 18:10:00
  • java8官方教程 pdf2025-01-23 18:10:00
  • java19.0.1安装教程2025-01-23 18:10:00
  • 赢:java教程2025-01-23 18:10:00