eclipse与DW联合开发java web项目

eclipse与DW联合开发java web项目

引言:在开发java web项目时,我们会先用eclipse搭建框架(ssm、ssh…)eclipse主要用在java的开发,但在eclipse上制作前端动态页面不方便,由此我们选择用DW来开发前端的动态页面,在制作动态网页的时候,我们会将eclipse与DW的工作站连接起来,方便初学者进行检查代码和调整界面,两者结合起来用开发java web项目十分方便。

那么现在我们先直接奔入主题吧(以下所用编辑器为eclipse2018和DW2018版本)
首先要注意的是:网站站点的搭建和eclipse的工作站的相互连接
1.首先打开eclipse,找到我们已经建好的web项目,此处以小编前期开发的一个项目为例,找到其项目所在路径,→properties→resource,找到项目所在路径(若已知项目文件路径,可省略这一步)
eclipse与DW联合开发java web项目_第1张图片
eclipse与DW联合开发java web项目_第2张图片
2.进入DW的“站点管理”→ “新建站点”,将站点根文件夹直接定位到项目文件夹下的Webroot文件夹下,其实不管是在DW或者eclipse更改,都是一样的,因为是同一个工作站,数据信息会同步。
eclipse与DW联合开发java web项目_第3张图片
3.选择“服务器”→ “+”选择添加一个“服务器”
eclipse与DW联合开发java web项目_第4张图片
服务器名称:写自己项目站点的名字就好(可写可不写)

连接方式:本地/网络 服务器文件夹:就是eclipse工作站项目的webRoot(跟本站点的文件夹一样)

web URL :http://localhost:8080/+项目名,如下:
eclipse与DW联合开发java web项目_第5张图片
然后将服务器模型调为jsp模型:高级→服务器模型
eclipse与DW联合开发java web项目_第6张图片
如果怕自己敲写的时候有误,可以选择在eclipse那边运行一个页面,复制那边的网址。

4.填写完成后,点击保存,勾选“测试”按钮,方便后期调试。
eclipse与DW联合开发java web项目_第7张图片
5.经过以上步骤,DW与eclipse的链接就完成了,下面我们来测试一下。
在DW上更改网页代码,保存之后,F12,即可打开修改之后的页面,这样就可以高效的修改前端页面。
到eclipse那边刷新一下也可以发现,jsp文件已经更新。
eclipse与DW联合开发java web项目_第8张图片
eclipse与DW联合开发java web项目_第9张图片
注:测试步骤需将项目部署到tomcat上,运行tomcat才可以在浏览器运行。(tomcat部署项目建议直接在eclipse上部署,CSDN有很多详细教程)

你可能感兴趣的:(实战开发,eclipse,tomcat,web,java)