多语言展示
当前在线:1212今日阅读:60今日分享:41

jquery-easyui环境的搭建及测试

对于软件开发者来说,一个良好的前端框架不仅能够使页面优美可观而且还能够大大的提高开发效率。提高系统整体界面的美观,框架将常用的功能封装完成,减少工作量。前端框架目前也比较多,小编本次主要介绍下easyui框架的使用。
工具/原料
1

eclipse开发工具

2

jquery-easyui包

easyui环境搭建
1

在进行easyui环境搭建的前提是准备好easyui所需要的包。可以通过官方网站下载到最新的easyui包。但是在开发中一般选择一种中间的版本的包,主要是考虑到系统的稳定性以及兼容性。

2

打开eclipse开发工具,创建一个动态的web项目。点击文件-->新建-->选择Dynamic Web Project 。为项目输入一个项目名即可创建web项目成功。

3

为了能够更好的对项目各个文件进行区分,需要根据不同的文件类型将文件存放到不同的文件目录中。也就是平时说的契约优先原则。对于easyui的包,一般放在js文件夹中。在webcontent下创建一个名为js的文件夹。

4

将easyui包整体放到js文件夹中,这样能够对所依赖的包进行统一管理和查看。

5

同样,对于创建的jsp文件,一般也是在webcontent的文件夹下创建一个jsp文件夹,并且在jsp的文件夹下创建相应的jsp文件。一次执行webcontent--右键 新建File,输入jsp文件夹名称,再在jsp文件夹中新建jsp文件。

6

在进行编写jsp文件的时候,首先要将easyui中的js以及css文件引入到jsp文件中。主要引入的文件有jquery.js+easyui.js+demo.css+icon.css等。

将项目部署到容器中
1

电脑上使用的容器一般使用tomcat居多。tomcat容器需要在server视图中进行设置,如果server视图没有展示在开发界面中,需要将其点开。一次点击windows--选择show view打开展示视图--选择other其他。

2

在show view界面中,找到server文件夹,打开文件夹之后,选择servers,点击Ok即可将server视图展现在开发界面中。

3

如果eclipse工具之前没有配置server容器,需要点击server视图下面的链接创建一个新的server容器作为服务。

4

如果本机安装的tomcat容器,选择apache tomcat文件夹,选择对应版本的tomcat容器,对于第一次配置,需要选择tomcat的安装目录,进行相应的容器配置。

5

容器配置完之后,需要将项目部署到容器中。在容器页面上将刚才创建的web应用双击或者选择后点击Add添加到右侧中,点击完成。

6

配置完成后,打开tomcat容器就可以看到下面添加的项目。在容器名称上点击右键--选择start即可启动容器同时项目自动发布到容器中。在浏览器中输入项目的名称以及访问某个jsp页面路径就可以看到项目正常运行。

注意事项
1

引入js文件时,jquery文件一定要在easyui文件之前引入,因为easyui是依赖于jquery的,如果没有先将jquery引入可能会导致一些问题。

2

在实际开发中,为了保障稳定性,一般都不采用最新的版本,根据具体的需求选择合适的版本,才能够让系统更加稳健运行。

推荐信息