码迷,mamicode.com
首页 > 其他好文 > 详细

手写个人博客(二)

时间:2019-10-04 11:26:58      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:rip   eclips   地址   图片   去除   重启   serve   code   w3c   

前言

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

技术图片

手写个人博客(二)

标签:rip   eclips   地址   图片   去除   重启   serve   code   w3c   

原文地址:https://www.cnblogs.com/HouXinLin/p/11621642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!