Spring Web项目如何集成EasyUI进行前端开发

2025-06-17 16:16:52

1、输入链接http://www.jeasyui.com/download/坡纠课柩index.php进入EasyUI官网,下载EasyUI for Jquery,然后选择免费版本下载。

Spring Web项目如何集成EasyUI进行前端开发
Spring Web项目如何集成EasyUI进行前端开发

2、打开已经创建的Web应用,本文的Web应用目录设置如下,其中webapp目录下为Web开发目录

Spring Web项目如何集成EasyUI进行前端开发

3、在plugins下新建jquery-easyui文件夹,解压【步骤1】中下载的jquery-easyui-1.5.4.2.zip压缩包,将解愦茉煲箸压得到的文件夹复制到此目录。提示:EasyUI目录的样例目录demo-mobile及demo可以直接删除。

Spring Web项目如何集成EasyUI进行前端开发

4、新建一个hello.jsp文件,在jsp文件内引入需要的EasyUI样式及js文件,然后就可以在body中使用EasyUI组件了

Spring Web项目如何集成EasyUI进行前端开发

5、本例中在body中添加了一个table标签,并引用EasyUI 的easyui-datagrid组件

Spring Web项目如何集成EasyUI进行前端开发

6、在Controller中写入URL映射,启动应用后输入对应URL,则可以看到经过EasyUI渲染过的HTML页面了。

Spring Web项目如何集成EasyUI进行前端开发
Spring Web项目如何集成EasyUI进行前端开发
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢