Javaweb项目框架搭建-准备篇

前言
Java从大二开始学习到现在大四也有差不多两年了，但是由于之前一直在玩，没有认真学过，直到现在才开始重新学习。也是很凑巧，看到了黄勇老师的《架构探险》，于是便开始学习写Java Web框架。

1.开发工具
《架构探险》书中提到说IntelliJ IDEA（简称IDEA）是业界最牛的Java开发工具，但是它有两个版本，一个社区版不花钱，属于开源的个人版，但是功能不全面，另一个是完全版，属于收费的企业版，功能全面。于是我本着要用就用最好的的宗旨，毅然下载了收费版的，在安装过程中也发现了这款开发工具的一个小Bug，因为这个工具收费版有30天的试用期，我们可以在安装之前把电脑系统时间修改到推后半年，比如现在是2016年12月，我们可以改成2017年6月，这样安装完成后它的试用期就会到2017年7月，之后先关闭软件再把系统时间改回来就OK了，它的试用期依然是2017年7月。

之后的安装过程就比较简单了，提醒一点的是，最好不要改的太多，推后的时间在一年之内，超过一年安装会有报错。

2.做一个小项目
在开始正式工作之前，先做一个Hello World（好像所有开发都离不开这一步）。一是熟悉一下Maven，二是复习一下Servlet和JSP。开始！！！

1.创建一个Maven的项目
Maven 是一个项目管理和构建自动化工具。不过对于程序员而言，更看重它的项目构建功能。但是对于使用IDEA作为开发工具，也不用单独下载、配置Maven，因为IDEA默认将其整合了。使用IDEA创建Maven项目很简单：
  a.点击右上角工具栏的File/New/Project。
  b.在弹出框选择Maven，然后Next。
  c.在接下来的窗口中，这三个是必填的，很重要的东西。GroupId建议为网站域名的倒排方式，确保唯一性，类似于Java的包名；ArtifactId是模块名称，这个自行起名。
  d.继续Next，输入Project name，然后Finish。
到此，Maven项目就创建完成了。

2.配置Maven
打开Maven配置文件pom.xml，之后进行一系列的配置，配置完成后的样子：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
   <modelVersion>4.0.0</modelVersion>
   <groupId>org.smart4j</groupId>
   <artifactId>chapter1</artifactId>
   <version>1.0.0</version>
   <properties>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
   </properties>
   <build>
     <plugins>
       <!-- Compile -->
       <plugin>
          <groupId>org.apache.maven.plugins</groupId>
          <artifactId> maven-compiler-plugin</artifactId>
          <version>3.3</version>
          <configuration>
            <source>1.8</source>
            <target>1.8</target>
          </configuration>
       </plugin>
       <!-- Test -->
       <plugin>
         <groupId>org.apache.maven.plugins</groupId>
         <artifactId>maven-surefire-plugin</artifactId>
         <version>2.18.1</version>
         <configuration>
           <skipTests>true</skipTests>
         </configuration>
       </plugin>
       <!-- Tomcat -->
       <plugin>
         <groupId>org.apache.tomcat.maven</groupId>
         <artifactId>tomcat7-maven-plugin</artifactId>
         <version>2.2</version>
         <configuration>
            <path>/${project.artifactId}</path>
         </configuration>
       </plugin>
     </plugins>
   </build>
 
   <packaging>war</packaging>  
 
   <dependencies>
     <!-- Servlet -->
     <dependency>
       <groupId>javax.servlet</groupId>
       <artifactId>javax.servlet-api</artifactId>
       <version>3.1.0</version>
       <scope>provided</scope>
     </dependency>
     <!-- JSP -->
     <dependency>
       <groupId>javax.servlet.jsp</groupId>
       <artifactId>jsp-api</artifactId>
       <version>2.2</version>
       <scope>provided</scope>
     </dependency>
     <!-- JSTL -->
     <dependency>
       <groupId>javax.servlet</groupId>
       <artifactId>jstl</artifactId>
       <version>1.2</version>
       <scope>runtime</scope>
     </dependency>
   </dependencies>
</project>

首先是配置编码格式为UTF-8：

<properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding></properties>

然后配置JDK为1.8（这个看个人，因为我电脑里JDK版本为1.8）和Tomcat为7：

<build>
   <plugins>
   <!-- Compile -->
   <plugin>
      <groupId>org.apache.maven.plugins</groupId>
      <artifactId> maven-compiler-plugin</artifactId>
      <version>3.3</version>
      <configuration>
         <source>1.8</source>
         <target>1.8</target>
         </configuration>
   </plugin>
   <!-- Test -->
   <plugin>
      <groupId>org.apache.maven.plugins</groupId>
      <artifactId>maven-surefire-plugin</artifactId>
      <version>2.18.1</version>
      <configuration>
         <skipTests>true</skipTests>
      </configuration>
   </plugin>
   <!-- Tomcat -->
   <plugin>
      <groupId>org.apache.tomcat.maven</groupId>
      <artifactId>tomcat7-maven-plugin</artifactId>
      <version>2.2</version>
      <configuration>
         <path>/${project.artifactId}</path>
      </configuration>
   </plugin>
 </plugins>
</build>

再然后配置打包类型为war包：

<packaging>war</packaging>

最后配置Servlet、JSP、JSTL（Maven三坐标必须提供，之后的Servlet和JSP因为Tomcat自带有相应的jar包，故scope设置为provided；而JSTL是在运行时需要，编译时不需要，故scope设置为runtime）：

<dependencies>
   <!-- Servlet -->
   <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
   </dependency>
   <!-- JSP -->
   <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
      <scope>provided</scope>
   </dependency>
   <!-- JSTL -->
   <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
      <scope>runtime</scope>
   </dependency>
</dependencies>

到此，Maven的配置也完成了（确实比Eclipse之类的配置简单的多）。

3.转换为Java Web项目
只需3步，轻松搞定，
a.在main目录下新建webapp目录。
b.在webapp目录下新建WEB-INF目录。
c.在WEB-INF目录下新建web.xml。
此时，屏幕右下角会有个提示：

那么表示，web项目已经创建完成。

4.编写Servlet类和JSP页面
在main目录下的java目录下新建包，包名，然后新建一个Servlet（HelloServlet），该Servlet负责页面跳转，并且将当前时间转换为标准格式传递到页面当中。（在这里有一点，我照着黄勇老师的步骤在Servlet页面跳转时候的路径是"/WEB-INF/jsp/hello.jsp"，但是页面一直报错提示404，后来我查找资料才找到，页面不能写在"/WEB-INF"目录下，于是改成下面这个样子就可以显示了）：

package org.smart4j.chapter1;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import java.io.IOException;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
@WebServlet("/hello")
public class HelloServlet extends HttpServlet{
      @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
       String currentTime = dateFormat.format(new Date());
       req.setAttribute("currentTime", currentTime);
       req.getRequestDispatcher("/jsp/hello.jsp").forward(req, resp);
   }
}

之后新建一个负责显示的JSP页面，该页面接收Servlet传递过来的参数并通过JSTL表达式显示：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
  <title>Hello</title>
 </head>
 <body>
  <h1>Hello!</h1>
  <h2>当前时间为:${currentTime}</h2>
 </body>
</html>

5.配置Tomcat
写好页面和Servlet之后就需要配置一个服务器，把写的东西在可以展示出来。在这里肯定是要配置Tomcat服务器了：
  a.点击右上角工具栏中的“Edit Configurations...”（这是一个下拉框）。
  b.点击左上角的“+”按钮，选择“Tomcat Server/Local”。
  c.Name自己起个名字，然后去掉勾选的After launch。
  d.点击Application server右边的“Configure...”按钮，配置Tomcat（这个会自动帮你寻找你电脑上的Tomcat）。
  e.切换到Deployment选项卡，点击右侧“+”按钮，选择“Artifact...”选项，在弹出框中选择“项目名：war exploded”，点击OK，然后在Application context中输入项目名。
  f.切换回Server选项卡，在On frame deactivation下拉框选择“Update resources”选项，点击OK。
到此，Tomcat配置完成。

6.上传到git
我照着书上的方法上传时候一直提示错误：“fatal: The current branch master has no upstream branch.”。后来我又重新从git上先clone下来，然后把仓库导入项目根目录下 之后才正常提交，可能是我操作有问题，但是我也一直没有找到问题在哪儿，只好用最笨的方法了。。。。。