easyui安装

1.在进行easyui环境搭建的前提是准备好easyui所需要的包。可以通过官方网站下载到最新的easyui包。但是在开发中一般选择一种中间的版本的包,主要是考虑到系统的稳定性以及兼容性。
easyui安装_第1张图片
2.打开eclipse开发工具,创建一个动态的web项目。点击文件–>新建–>选择Dynamic Web Project 。为项目输入一个项目名即可创建web项目成功。
easyui安装_第2张图片
3.为了能够更好的对项目各个文件进行区分,需要根据不同的文件类型将文件存放到不同的文件目录中。也就是平时说的契约优先原则。对于easyui的包,一般放在js文件夹中。在webcontent下创建一个名为js的文件夹。
easyui安装_第3张图片
4.将easyui包整体放到js文件夹中,这样能够对所依赖的包进行统一管理和查看
easyui安装_第4张图片
5.同样,对于创建的jsp文件,一般也是在webcontent的文件夹下创建一个jsp文件夹,并且在jsp的文件夹下创建相应的jsp文件。一次执行webcontent–右键 新建File,输入jsp文件夹名称,再在jsp文件夹中新建jsp文件。
easyui安装_第5张图片
easyui安装_第6张图片
6.在进行编写jsp文件的时候,首先要将easyui中的js以及css文件引入到jsp文件中。主要引入的文件有jquery.js+easyui.js+demo.css+icon.css等。
easyui安装_第7张图片
easyui安装_第8张图片
一、将项目部署到容器中
电脑上使用的容器一般使用tomcat居多。tomcat容器需要在server视图中进行设置,如果server视图没有展示在开发界面中,需要将其点开。一次点击windows–选择show view打开展示视图–选择other其他。
easyui安装_第9张图片
二、在show view界面中,找到server文件夹,打开文件夹之后,选择servers,点击Ok即可将server视图展现在开发界面中。
easyui安装_第10张图片
三、如果eclipse工具之前没有配置server容器,需要点击server视图下面的链接创建一个新的server容器作为服务。
easyui安装_第11张图片
四、如果本机安装的tomcat容器,选择apache tomcat文件夹,选择对应版本的tomcat容器,对于第一次配置,需要选择tomcat的安装目录,进行相应的容器配置。
easyui安装_第12张图片
5、容器配置完之后,需要将项目部署到容器中。在容器页面上将刚才创建的web应用双击或者选择后点击Add添加到右侧中,点击完成。
easyui安装_第13张图片

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

你可能感兴趣的:(Windows开发环,eclipse插件)