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 中文网
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.bianchenghao6.com/java-jiao-cheng/10116.html