idea开发java前端_2.4-使用idea开发javaWeb应用程序-1（前端页面）

使用idea开发javaWeb应用程序-编写前端页面

前言

上一节搭建了idea+maven+tomcat的java web开发环境，创建了一个webapp模板工程：FirstJavaWeb

这节将在此基础上，编写3个静态页面，并实现页面的一些效果和跳转：

index.html 用 html4编写

login.html 用html5 编写

main.jsp 用jsp页面编写

工程结构如下：

一、新建index.html

1、在webapp目录上点右键，new - HTML File，选html4，输入名字index。

2、代码如下：

我的第一个网站

欢迎进入我的网站

天将降大任于斯人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行拂乱其所为，所以动心忍性，曾益其所不能。——孟子

---

登录入口

function toJsp()

{ window.location.href="login.html";

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27