网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > web学院 > 服务器教程 > 用eclipse开发前端页面html+js,并与php开发的后端进行交换,请教如何在eclipse上配置环境及服务器
商业源码 服务器教程 2024-01-28 4:05:02

用eclipse开发前端页面html+js,并与php开发的后端进行交换,请教如何在eclipse上配置环境及服务器

用eclipse开发前端页面html+js,并与php开发的后端进行交换,请教如何在eclipse上配置环境及服务器,第1张

1 貌似js是所有浏览器都支持(可能版本及某些特性的支持不一样),不用专门就此配置环境及服务器(除非你想要支持java)。

2 貌似ajax前端应用的更多些,通常都是ajax发送请求到后端,再根据后端的返回数据进行响应处理,将结果呈现到浏览器。

3 如果后端使用php,那么根据服务器的不同可以选择 wamp / lamp,主要的区别在于服务器一个用的 IIS ,另一个用的 Apache。

搭建PHP环境,通常是 IIS (Apache) + MySQL (或其他数据库) + PHP,你既可以分别下载并安装这三种软件,也可以下载网上提供的打包好的集成安装包。

如果只是想要快速搭建PHP的支持环境,那么,使用集成安装包(如 XAMPP、WampServer等等),使用方便。

而如果想学习和掌握一门技术,那么,手动下载各个部分分别安装配置环境是必不可少的体验。

方法/步骤

1

配置服务器。第一步:单击Eclipse下方面板的“Servers"面板,在该面板的空白处单击鼠标右键,在弹出的快捷菜单中选择”New》》》Server“菜单选项。

2

系统弹出对话框。

3

单击图所示对话框中的”Apache>>>Tomcat v80 Server"节点,然后单击对话框中的"Next“按钮。

4

系统弹出对话框,填写Tomcat安装的详细情况,包括Tomcat的安装路径、JRE的安装路径等。填写完成后单击对话框下面的"Finish"按钮即可。

5

建立一个Web应用。单击Eclipse的”File“菜单,将光标移到”New“菜单上,在出现的子菜单中单击”Other"菜单项。

6

在弹出的对话框中选中“Dynamic Web Project"节点,然后点击”Next"按钮。

在弹出的对话框中的“Project Name"文本框中输入项目名,并选择使用Servlet 30的规范,最后单击”Finish“按钮,即可建立一个Web应用。

单击Eclipse左边项目导航树上项目名下边的”WebContent>>New>>JSP File"菜单项,创建一个JSP页面。

在弹出的对话框中填写JSP的文件名,单击“Next”按钮。

在弹出的对话框中选择需要使用的JSP页面模板;如果不想使用JSP页面模板,则去掉“Use JSP Template"复选框,单击Finish按钮,即可创建一个JSP页面。

编辑JSP页面。

Web应用开发完成后,应将Web应用部署到Tomcat中进行测试。部署Web应用可通过单击Eclipse左边的项目导航树上”Run As>>Run on Server"菜单项。

在弹出的对话框中选择将项目部署到已配置的服务器上,并选中下面的Tomcat v80 Server at localhost,然后单击“Next”按钮。

在弹出的对话框中将需要部署的Web项目移动到右边的列表框中,然后单击“Finish"按钮,Web项目部署完成。

在Eclipse下方的”Server“面板,右键单击该面板中的”Tomcat v80 Server at localhost"节点,在弹出的快捷菜单中单击“Start”菜单项即可启动指定的Web服务器。

当Web服务器启动后,在浏览器中输入刚编辑的JSP页面的URL,即可访问到JSP页面的内容了。另外,在Eclipse中输入URL也可以访问。

  工具:

  eclipse

  在eclipse中配置web方法如下:

  第一步:依次安装jdk,tomcat 55(此处说明一下,必须安装55版本的,60以上高版本的会有问题)。Eclipse不用安装,下载下来直接解压,就可以用了。 

第二步:往Eclipse中添加tomcat服务器,Window->Show View->Servers,在窗口的下方显示Servers,然后鼠标放到空白处,点击右键,new->Servers,将安装的tomcat 服务导入 

  

  双击Tomcat服务,Server Locations中选择第二项,如下图:

  

  如果三个选项都是灰色,无法选择的话,将存放Eclipse存放项目的workspace文件删除,重新启动Eclipse,即可进行选择。

  第三步:在Eclipse中,启动添加的Tomcat服务,如果提示8005,8080,8009端口被占用,则打开电脑的任务管理器,结束javaw进程,即可,下图为启动状态,绿色-启动,红色-关闭。

  

  到此为止,一个带Tomcat的Eclipse环境就配置好了

在Eclipse里,新建一个web工程

第一步,添加需要用的jar包,如下图  

第二步,新建一个class,代码如下 

第三步,修改webxml配置文件,如下图 

启动tomcat, 访问本机测试地址:

这时我们就可以访问到我们发布的rest服务了,如下图

单击 按钮 页面 服务器 项目
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 用eclipse开发前端页面html+js,并与php开发的后端进行交换,请教如何在eclipse上配置环境及服务器

商业源码 钻石

分享到:
上一篇
深圳戴尔笔记本电脑维修点在哪?
下一篇
共享服务器?

相关推荐

网站建设的具体的流程有哪些

网站建设的具体的流程有哪些

网站怎么防止cc攻击,解决CC攻击的方法分享

网站怎么防止cc攻击,解决CC攻击的方法分享

minecraft服务器服务端指的是什么

minecraft服务器服务端指的是什么

求助,一直显示连接游戏服务器失败怎么办

求助,一直显示连接游戏服务器失败怎么办

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...