手写个人博客(二)

前言

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

公众号

image.png

Eclipse中Tomcat配置

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

image.png

image.png

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

image.png

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

image.png

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

image.png

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

image.png

项目视图中会出现一个Servers

image.png

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

image.png

填写项目名和项目路径

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

先写一下测试代码

<%@ 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,意思是奔跑再服务器上,也可以直接快捷键

image.png

直接Finish

image.png

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

image.png

image.png

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

image.png

比如修改为80后重启Tomcat

image.png

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

image.png

猜你喜欢

转载自www.cnblogs.com/HouXinLin/p/11621642.html