手写个人博客

Posted houxinlin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手写个人博客相关的知识,希望对你有一定的参考价值。

前言

本文章为手写个人博客网站第二章:第一个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

技术图片

以上是关于手写个人博客的主要内容,如果未能解决你的问题,请参考以下文章

Spring Boot制作个人博客目录

Spring Boot制作个人博客目录

Spring Boot制作个人博客目录

Spring Boot制作个人博客目录

博客迁移至个人技术博客

将自己的博客园,打造成个人知乎