2021-04-08 使用Eclipse进行Web前端开发
使用Eclipse进行Web前端开发
前言
本机为微软Surface pro4
,为64
位,所用操作系统为Windos 10
。使用的Java
版本为1.8.0_151
,使用的JDK
版本为JDK8
。
注意事项
(1)Eclipse安装插件的时候一定要有耐心,因为外网的原因,安装过程比较缓慢,并且容易断。
(2)在配置Tomat之前,一定要注意自己的Java和JDK版本。
安装插件
1、点击Help->Eclipse Marketplace
。(注:示例图如下)
2、在红线划线处输入点击Eclipse Enterprise Java ana Web Developer Tools 3.17
,然后点击go
,即可在如下界面中找到我们想要的插件,然后点击install
。(注:示例图如下)
3、在之后弹出来的界面上一路默认即可。最后来到如图所示安装界面
4、点击Restart Now
重启Eclipse
即可。
配置JSP
1、点击Window->Preferences
。
2、点击Web ->JSP Files
,将图中右边红线所划处的Encoding
改为UTF-8
,防止编写程序时产生乱码。(注:配置完以后注意点击Apply and Close
)。
创建并执行一个Web项目
1、点击File->new
出现如图所示界面。
2、点击Web->Dynamic Web Project
即可出现如下界面,然后默认next
即可。(注:在图中画红线处写下项目名称,项目名称自定义即可)。
3、创建完工程以后会弹出如下窗口提示要不要开启透视窗。(注:根据自己喜好选择即可)。
4、点击自己创建的Web
工程hello
。(注:我这里是hello)。然后右键单击Webcont
,然后点击New->JSP File
。
5、在如图所示界面中画红线的地方输入文件名称。(注:文件名称自定义即可)。然后默认next
即可。
5.1–第5步可能出现问题。
问题一:报错:The superclass "javaServlet.http.HttpServlet" was not found on the java Build Path
。
问题原因:Javaweb工程类中没有添加Tomcat运行时相关类导致。
解决办法:安装并配置Tomcat,请参考博客https://blog.csdn.net/APPDREAMER/article/details/115518758
。
6、在创建的JSP File
文件中写下第一个程序。
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
out.println("<p>Hello,World</p>");
out.println("<p>我的第一个Java Web程序!</p>");
%>
</body>
</html>
<img src="" width="70%">
7、点击图中运行按钮,然后Finish
即可。
(注:会弹出来一个.jsp文件,运行成功界面如下)
2021-04-08 使用Eclipse进行Web前端开发相关推荐
- 2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 [导读]:初学web前端的小伙伴经常会遇到的问题,1.没方法 2.没资源 3.没经验,不知道从何开始 ,代码哥(D ...
- 2021.04.08 线程和进程的使用
2021.04.08 线程和进程的作用 直接通过Thread创建子线程 Thread(target=需要在子线程中调用的函数,args=(函数的实参列表)) from threading import ...
- web前端开发笔记46-71,78-83 2022/11/04
web前端开发笔记 一.标签群组通配等选择器(TAG) 1.标签选择器 2.群组选择器(不同标签) 3.通配选择器(一锅端) 二.层次选择器 - 后代():M N - 父子:M > N - 兄弟 ...
- 2012年度最佳Web前端开发工具和框架总结
2012年度最佳Web前端开发工具和框架总结 2013/01/18 | 分类: 工具与资源 | 1 条评论 | 标签: 前端, 开发工具, 开发框架 分享到:0 来源:梦想天空 技术的快速发展让很多人 ...
- 2012年度最佳Web前端开发工具和框架
摘要:技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案. 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一 ...
- 超级棒的170+款web前端开发工具汇总,千万要收藏好!
作者:web前端开发 我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...
- angularjs 开发流程_超级棒的30款web前端开发工具汇总,一定要收藏!
我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您的工作更加轻松,特别是 ...
- 1+x证书Web前端开发HTML+CSS专项练习测试题(八)
1+x证书Web前端开发HTML+CSS专项练习测试题(八) 官方QQ群 01.{HTML题目}HTML是什么意思? (B) A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 ...
- 2012年度最佳 Web 前端开发工具和框架——《上篇》
技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案. 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定 ...
最新文章
- ajax报403错,django使用ajax post数据出现403错误如何解决
- python教程书籍-初学者最好的Python书籍列表
- [ATF]-ATF makefile的导读
- 程序员Web面试之JSON
- Ruby入门之零基础如何学ruby以及ruby的应用/快速学习ruby/学习ruby的流程是什么?...
- 命令执行——远程命令执行(二)
- Photoshop脚本 使用ExtendScript编写Ps脚本
- 第8章6节MonkeyRunner启动运行过程-启动Monkey 2
- TensorFlow实战3——TensorFlow实现CNN
- 数据结构—链表-建立单链表
- Python机器学习:多项式回归与模型泛化004为什么需要训练数据集和测试数据集
- Linux知识汇总 (二)
- 2Y叔的clusterProfiler-book阅读Chapter 2 Functional Enrichment Analysis Methods
- 笔记《鸟哥的Linux私房菜》6 Linux的档案权限与目录配置
- 116. cURL 简介(2)
- 软件测试实例——总结
- IDEA开发工具当前窗口导入多个项目
- 在Markdown中绘制思维导图
- 英语口语收集(二十六)
- JavaScript每日一题 20170207
热门文章
- Docker入门详细教程,全网最全!
- 为什么二分查找要取中点作为每次的划分点
- django orm基本操作一
- matlab visa转c,将一个m文件转成c /cpp文件并在VC中进行编译。这种方法有个烦人的地方,每次你都需要把matla...
- 在网络隔离下实现文件传输交换,你的方式真的安全吗?
- 朴素贝叶斯情感分析评分python_「豆瓣影评」从爬取豆瓣影评到基于朴素贝叶斯的电影评论情感分析(上) - seo实验室...
- [JVM]了断局:常量池 VS 运行时常量池 VS 字符串常量池
- 算法利用:人机交互面临的道德漏洞
- 【OGG】extract不抓取日志--running状态--不能stop和kill--自动abended
- 2022年中国高校计算机大赛-团队程序设计天梯赛(GPLT)上海理工大学校内选拔赛 题解