手写个人博客(二)

前言

本文章为手写个人博客网站第二章:第一个eclipse中web项目

公众号

手写个人博客(二)

Eclipse中Tomcat配置

Windows--->Preferences--->Server---->Runtime Environments

手写个人博客(二)

手写个人博客(二)

Add---->选择你下载的Tomcat版本

手写个人博客(二)

我下载的Tomcat版本是8.5,并勾选Create a new local server

手写个人博客(二)

点击Browse,选择你的Tomcat目录,之后Finish

手写个人博客(二)

成功之后列表会出现一个Tomcat服务器,在点击Apply and Close

手写个人博客(二)

项目视图中会出现一个Servers

手写个人博客(二)

Ctrl+N快速新建项目,搜索dyna,选择Dynamic Web Project--->Next

手写个人博客(二)

填写项目名和项目路径

手写个人博客(二)

Next之后点击Add Folder添加一个文件夹,起名lib,日后会存放第三方库

手写个人博客(二)

继续Next之后,一定要勾选Generate web.xml,并Finish

手写个人博客(二)

成功后会看到项目视图中有我们新建的MyBlog项目

手写个人博客(二)

右击WebContent目录--->New--->JSP File

手写个人博客(二)

重复名为index.jsp--->Finish

手写个人博客(二)

打开index.jsp可能会发现这两行报红,可以先删除

手写个人博客(二)

先写一下测试代码

<%@ 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>我的个人博客</title>
</head>
<body>
    <div>
        <header>
            <h1>我的个人博客</h1>
        </header>
    </div>
</body>
</html>

右击项目名--->Run as--->Run on Server,意思是奔跑再服务器上,也可以直接快捷键

手写个人博客(二)

直接Finish

手写个人博客(二)

此时eclipse会打开内置的浏览器,效果如下,也可以复制地址到你的浏览器中.

手写个人博客(二)

手写个人博客(二)

默认的端口号是8080,如果你不喜欢或者8080端口被其他程序占用,可以修改这里

手写个人博客(二)

比如修改为80后重启Tomcat

手写个人博客(二)

此时再访问8080就会无响应,只有改为80或者去除端口号,因为http协议默认就是80

手写个人博客(二)

上一篇:Eclipse 创建 Maven 项目


下一篇:死锁详解(预防,避免,检测,解除)