在开始之前，先回顾一下 jsp 和 servlet，jsp 和 servlet 本质是一样的，因为 jsp 最终必须编译成 servlet 才能运行。

因为 jsp 的那些标签 jvm 是无法直接运行的，必须经过编译成 java，才能够发挥它的作用。

创建步骤：

1. 在任意目录新建一个名为 "jsp" 的项目, 这个目录会是最终的应用文件夹

2. 在上一步新建的文件夹内新建一个 WEB-INF 文件夹(区分大小写)

3. 进入 tomcat 的 webapp 目录, 进入里面任意一个应用, 复制里面的 web.xml 到上一步新建的 WEB-INF 中

4. 修改复制后的 web.xml, 将文件修改成只有一个根元素的 XML 文件. 修改后的 web.xml 如下:

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee

                        http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"

    version="4.0"

    metadata-complete="true">

</web-app>

5. 在第二步新建的 WEB-INF 路径下, 新建两个文件夹 classes 和 lib, 这两个文件夹的作用完全相同, 都是用于保存 Web 应用所需要的 java 文件, 区别是 classes 保存单个 *.class 文件, 而 lib 保存打包后的 jar 文件.

6. 经过以上步骤, 已经建立了一个空的 Web 应用. 将该应用文件夹复制到 tomcat 的 webapps 路径下, 就可以通过浏览器来访问这些页面了. 不难发现 Web 应用应该有如下文件结构:

<jsp> -- 这是 web 应用的名称, 可以改变

|-WEB-INF

|   |-classes

|   |-lib

|   |-web.xml

|-<a.jsp> -- 此处可放任意多个 jsp 页面

7. 我们在应用根目录下新建一个 a.jsp 文件, 页面内容如下:

<%@ page contentType="text/html; charset=UTF-8" language="java" %>

<html>

<head>

    <title>徒手创建一个 jsp 项目</title>

</head>

<body>

    <h1>徒手创建一个 jsp 项目</h1>

</body>

</html>

8. 我们访问 http://localhost:8080/jsp/a.jsp, 就可以看到上面的内容了

点击查看最终效果：http://jsp.baiguiren.com:8080/jsp/a.jsp

所有源码：https://github.com/eleven26/jsp/tree/master/jsp

下面看到有点不一样，因为我写的内容不一样：

徒手创建一个 jsp 项目的更多相关文章

  1. java web(一) 使用sql标签库+tomcat+mysql手动创建一个jsp练习总结

    2016-09-0111:06:53                                     使用sql标签库+tomcat+mysql手动创建一个jsp 1. 1.1安装tomcat ...

  2. 用maven创建一个web项目

    下面所使用的Eclipse开发工具为Eclipse Java EE IDE 版本. 1.创建一个maven项目,如图所示: 选择“maven-archetype-webapp”,如图所示: 后面几步按 ...

  3. （一）maven之创建一个maven项目

    为什么要使用Maven? 1.  maven使用的是本地仓库存储jar,所有项目都会共用仓库中的同一份jar. 2.  Spring core.jar必须同时引用版本兼容的common-logging ...

  4. Intellij Idea 创建一个Web项目

    今天想用IDEA创建一个web项目: 准备工具 1.jdk1.7 2.tomcat6.0,由于下载的8.5没有lib目录不能配置改6.0 3.idea2019.1.2 Intellij Idea的安装 ...

  5. Maven（三）使用 IDEA 创建一个 Maven 项目

    利用 IDEA 创建一个 Maven 项目 创建 Maven 项目 选择 File --> New --> Project 选中 Maven 填写项目信息 选择工作空间 目录结构 ├─sr ...

  6. JavaWeb学习(三) : 如何在 Eclipse 中创建一个Web 项目并成功运行？

    前置条件 : 1.确保已安装 Eclipse.Tomcat 服务器安装包 2.jdk.环境变量都已配置成功. 3.注意在安装 Eclipse 时一定要选择第二个有 Web 项目的进行安装, 不然安装成 ...

  7. 快速创建一个springboot项目

    创建一个maven项目(springboot.mybatis-plus) 目标:可以访问ftl页面.对象(json字符串),可以进行单元测试 1.新建一个maven项目,选择模板maven-arche ...

  8. eclipes创建一个web项目web.xml不能自动更新的原因（web.xml和@WebServlet的作用）

    在eclipse中创建一个Web项目的时候,虽然有web.xml生成,但是再添加Servlet类文件的时候总是看不见web.xml的更新,所以异常的郁闷!上网查了查,原来我们在创建Web项目的时候,会 ...

  9. 【Android Developers Training】 1. 创建一个Android项目工程

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

随机推荐

  1. 这才是球王应有的技艺，他就是C罗

    四年一度的世界杯在本周四拉开了帷幕,俄罗斯以5:0碾压沙特阿拉伯,让我们惊呼战斗名族的强大,其后的摩洛哥VS伊朗,摩洛哥前锋布哈杜兹将足球顶入自家球门,这......咳,咳,本来是为了解围,没想到成就 ...

  2. 简单主机批量管理工具（这里实现了paramiko 用su切换到root用户）

    项目名:简单主机批量管理工具 一.需求 1.主机分组 2.可批量执行命令.发送文件,结果实时返回,执行格式如下 batch_run  -h h1,h2,h3   -g web_clusters,db_ ...

  3. Visual Studio 调试时无法命中断点

    1.查看代码优化是否勾选,如有去掉勾选 2.确保是在Debug模式下设置的断点 3.确保在启动时未修改代码即“要求源文件和原始版本完全匹配” 4.DLL的引用问题

  4. Scrum立会报告+燃尽图（十月二十二日总第十三次）

    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2246 项目地址:https://git.coding.net/zhang ...

  5. texbbox，combobox设置属性

    --输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('r ...

  6. 模拟jq的设置样式

    //需求,创建一个div,添加到页面上,给div添加属性 //面向对象开发,构造函数创建类 function divTag(){ this.div1=document.createElement('d ...

  7. jQuery之offset,position

    获取/设置标签的位置数据 * offset(): 相对页面左上角的坐标 * position(): 相对于父元素左上角的坐标. 需求: 1. 点击 btn1 打印 div1 相对于页面左上角的位置 打 ...

  8. 使用Kettle导出excel

    1.开发背景 在web项目中,经常会需要查询数据导出excel,以前比较常见的就是用poi.使用poi的时候也有两种方式,一种就是直接将集合一次性导出为excel,还有一种是分批次追加的方式适合数据量 ...

  9. PHP《将画布(canvas)图像保存成本地图片的方法》

    用PHP将网页上的Canvas图像保存到服务器上的方法 2014年6月27日 歪脖骇客 发表回复 8 在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审 ...

  10. p2 钢体

    钢体可以控制沿x方向移动,沿y方向移动, 不旋转等. fixedX, fixedY, fixedRotaion 1)addBody和removeBody:World类中的addBody()和remov ...