easyui安装

来源:互联网 发布:淘宝服装卡片祝福语 编辑:程序博客网 时间:2024/06/16 04:51

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等。
这里写图片描述
这里写图片描述
一、将项目部署到容器中
电脑上使用的容器一般使用tomcat居多。tomcat容器需要在server视图中进行设置,如果server视图没有展示在开发界面中,需要将其点开。一次点击windows–选择show view打开展示视图–选择other其他。
这里写图片描述
二、在show view界面中,找到server文件夹,打开文件夹之后,选择servers,点击Ok即可将server视图展现在开发界面中。
这里写图片描述
三、如果eclipse工具之前没有配置server容器,需要点击server视图下面的链接创建一个新的server容器作为服务。
这里写图片描述
四、如果本机安装的tomcat容器,选择apache tomcat文件夹,选择对应版本的tomcat容器,对于第一次配置,需要选择tomcat的安装目录,进行相应的容器配置。
这里写图片描述
5、容器配置完之后,需要将项目部署到容器中。在容器页面上将刚才创建的web应用双击或者选择后点击Add添加到右侧中,点击完成。
这里写图片描述

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

0 0