1.开发环境搭建

1.1 JDK安装

1.1.1 下载JDK

现在一般使用的是JDK8
官网: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

1.1.2 安装JDK

安装步骤：

1.1.3 配置java开发环境

1.1.3.1 基本配置

我的电脑 -> 环境变量

(1)新建->变量名”JAVA_HOME”，变量值”G:\Java\jdk1.8.0_181”（即JDK的安装路径）
(2)编辑->变量名”Path”，在原变量值的最后面加上变量：
方法一 :
分别添加下面两条变量，同时需要将他们移到最上方
%JAVA_HOME%\bin\
%JAVA_HOME%\jre\bin\

方法二:
如果切换视图为下图则只需要在最前面前面添加

%JAVA_HOME%\bin\;%JAVA_HOME%\jre\bin\;

(3)新建->变量名“CLASSPATH”,变量值“.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar”

1.1.3.2 测试使用

分别使用java/javac/java -version 测试
能出现这些则代表成功

1.2 Eclipse安装

1.2.1 下载Eclipse,推荐使用氧气版（Oxygen）

官网: https://www.eclipse.org/downloads/
下载地址： https://www.eclipse.org/downloads/packages/release/oxygen/3a

1.2.2 安装Eclipse

将下载完的压缩包解压，拷贝到自定义地址

1.2.3 配置Eclipse

1.2.3.1 设置工作空间

1.2.3.2 工作空间的基本设置

Windows -> preference

设置基本字体

设置默认编码

现在一般默认使用的编码是UTF-8

1.设置工作空间的编码

2.设置JSP编码

1.2.4 测试使用Eclipse&Java

例子：运行Java Hello World

右键->New->Other->Java Project

编辑使用Java程序时可能会跳出这个界面，提示是否转到Java编辑区，点击No即可

创建第一个Java类

src->右键->New->Class

基本结构以及Demo

运行结果:

1.3 Tomcat的安装

1.3.1 Tomcat下载

现在一般使用的是Tomcat8.5
官网: http://tomcat.apache.org/
下载地址: https://tomcat.apache.org/download-80.cgi

1.3.2 Tomcat安装

将下载的压缩包解压到自定义目录即可

1.3.3 Tomcat测试

启动Tomcat
进入解压后的安装包apache-tomcat-8.5.33\bin 内双击startup.bat即可启动

双击之后会出现

测试: 在浏览器内输入 http://localhost:8080/
成功会见到这个页面

2.入门小Demo

2.1 在Eclipse配置Tomcat

Windows -> Preferences -> Server -> Runtime Environment

选择控制台的Server选项

即可看见项目目录上会出现一个Server项目

接着继续配置

最后Ctrl + S 保存配置

测试配置是否成功:

访问：http://localhost:8080/
会出现：

配置完成

2.2 JSP 版 Hello World

创建JSP 调用内置对象在浏览器上打印简单的 Hello World

2.2.1 创建动态web工程

右键 -> New -> Dynamic Web Project

2.2.2 基本结构

2.2.3 创建第一个JSP

WebContent -> 右键 -> New -> JSP File

编写代码

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body><h1>This is JSP</h1><br><% out.print("Hello World"); %>
</body>
</html>

2.2.4 部署运行

启动Tomcat
注意: 启动时要确保同一个端口号的Tomcat服务已经关闭

确定未有端口占用后，启动Tomcat

访问: http://localhost:8080/HelloWorld/ 或者 http://localhost:8080/HelloWorld/index.jsp

即可见到：

审查源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body><h1>This is JSP</h1><br>Hello World
</body>
</html>

Web应用程序设计（一）——基础开发环境搭建相关推荐

1. ReactJS基础(开发环境搭建)
本文主要介绍通过React官方提供的create-react-app脚手架进行开发环境的搭建. 1.安装node环境(安装过程这里不做介绍,可参考其他博文) 在cmd中输入node -v 如果可以看到 ...
IDEA Git Maven 基础开发环境搭建
bin下修改 idea64.exe.vmoptions -Xms500m -Xmx1500m -XX:ReservedCodeCacheSize=500m idea只有Project(工程)和 Mod ...
python 基础 - 开发环境搭建
python环境安装目录 pyhton环境安装验证是否安装成功环境变量的配置 pyhton环境安装 Step 1:进入 [python 官网]进行下载 Python Step 2:选择版本 St ...
痞子衡嵌入式：把玩i.MXRT1062 TencentOS Tiny EVB_AIoT开发板（1） - 开发环境搭建与点灯...
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是i.MXRT1062 TencentOS Tiny EVB_AIoT开发板环境搭建与点灯. 腾讯 TencentOS 团队于2021年1 ...
我的全栈之路-C语言基础之C语言概述与开发环境搭建
我的全栈之路-C语言基础之C语言概述与开发环境搭建我的全栈之路 1.1 信息技术发展趋势 1.2 浅谈计算机系统架构 1.2.1 计算机系统架构概述 1.2.2 计算机硬件系统 1.2.2 计算机软 ...
day01--java基础编程：计算机基础知识，java语言概述，java开发环境搭建，eclipse概述，创建简单java项目，JDK JRE JVM的关系，java开发中的命名规范，编程风格
1 Day01–Java开发环境+HelloWorld 1.1 计算机基础知识资料下载网址:刘沛霞 18600949004 code.tarena.com.cn tarenacode code_20 ...
我的全栈之路-Python基础之Python概述与开发环境搭建
我的全栈之路-Python基础之Python概述与开发环境搭建我的全栈之路 1.1 信息技术发展趋势 1.2 浅谈计算机系统架构 1.2.1 计算机系统架构概述 1.2.2 计算机硬件系统 1.2. ...
[Java] Web开发环境搭建 - MyEclipse 篇
Web开发环境搭建 - MyEclipse 篇在前面,我们讲了使用 Eclipse Java EE 来搭建 Java Web 应用程序开发环境. 现在来说下比较流行的 MyEclipse 又是如何搭 ...
Python基础笔记_Day01_计算机基础知识和Python开发环境搭建
Day01_计算机基础知识和Python开发环境搭建目录 01.01_计算机基础知识(计算机概述)(了解) 01.02_计算机基础知识(软件开发和计算机语言概述)(了解) 01.03_计算机基础知识 ...
【Android基础笔记01】Android开发环境搭建和HelloWorld
最近手头项目3.0版本要上线了, 没有那么多工作压力了, 抽空看了看之前在云笔记上做的笔记都是一些基础知识给大家分享出来吧一.什么是Android?[了解 ] Android(中文俗称安卓)是一 ...

Web应用程序设计（一）——基础开发环境搭建