001-web基本程序搭建

時間  2019-12-02
標籤 web 基本 程序 搭建 欄目 HTML 简体版
原文   原文鏈接

1、IDEA建立項目

一、基本項目建立

1.一、基本步驟

一、Create New Project 【File→New→Project】→New Projecthtml

二、maven→group、artifactId、version便可java

1.二、調整maven配置

一、統一源代碼編碼方式git

在pom中添加web

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

二、統一源代碼與編譯輸出JDK版本apache

    <build>
        <plugins>
            <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>
        </plugins>
    </build>

maven中心倉庫地址：http://search.maven.org/api

三、打包時忽略測試tomcat

            <!-- Test -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-surefire-plugin</artifactId>
                <version>2.18.1</version>
                <configuration>
                    <skipTests>true</skipTests>
                </configuration>
            </plugin>

基本項目建立完畢app

二、轉爲java web項目

2.一、轉化步驟

a.在main下添加webapp目錄框架

b.在webapp下添加WEB-INF目錄webapp

c.在WEB-INF下添加web.xml文件

此時IDEA會出現

　　

自動識別項目爲web【即Servlet框架】項目，點擊Configure，在點擊ok便可

在web.xml中添加以下，使用servlet 3.0

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
         version="3.0">
</web-app>
View Code

2.二、添加javaweb的maven依賴

一、打包設置【pom中】

    <packaging>war</packaging>

二、添加java web 所需依賴Servlet 、JSP、JSTL等

    <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>
View Code

三、增長tomcat插件

            <!-- Tomcat -->
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
                <configuration>
                    <path>/${project.artifactId}</path>
                </configuration>
            </plugin>

至此java web搭建完畢

三、簡單web應用【原生】

需求：寫一個HelloServlet，接收Get類型的/hello請求，轉發到/WEB-INF/jsp/hello.jsp頁面，在hello.jsp頁面上顯示當前時間。

3.一、編寫Servlet類

package com.lhx.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;

/**
 * @author lihongxu6
 * @since 2017/10/9 14:07
 */
@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("/WEB-INF/jsp/hello.jsp").forward(req, resp);
    }
}
View Code

說明：使用WebServlet註解並配置請求路徑，對外發布Servlet服務。

　　Servlet 3.0增長WebServlet配置後，在web.xml不用配置便可

3.二、編寫jsp頁面

在WEB-INF下創建jsp文件夾，下創建hello.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>Hello!</h1>
<h2>當前時間是:${currentTime}</h2>
</body>
</html>
View Code

至此以編寫完成

四、web啓動

方式1、使用集成的tomcat

http://www.cnblogs.com/bjlhx/p/7059671.html

方式2、使用tomcat的maven插件

在pom中增長以下

            <!-- Tomcat -->
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
                <configuration>
                    <path>/${project.artifactId}</path>
                </configuration>
            </plugin>

打開IDEA的maven面板，雙擊tomcat7:run命令便可。

　　

訪問此地址Running war on http://localhost:8080/lhx-chapter1/hello便可

以Debug方式訪問

添加一個maven方式的Configuration配置

一、打開 Edit Configuration配置，找到maven

二、名稱輸入tomcat，Command Line輸入：tomcat7:run便可

五、git的使用

5.一、編寫.gitignore文件

在根目錄下增長.gitignore文件

# Maven #
target/
# IDEA #
.idea/
*.iml
# Eclipse #
.settings/
.metadata/
.classpath
.project
Servers/
View Code

5.二、提交本地git

　　在VCS中」Import into Version Control/Create Git Repository... 「，點擊ok，即建立本地倉庫完成。

　　選中項目，右鍵→git→add將添加至本地倉庫

　　選中項目，右鍵→git→Commit Directory...將添加至本地倉庫

　　　　git add負責將文件內容存入blob對象，並更新index，git commit負責根據index生成tree對象，而後生成commit對象指向這個tree對象。

5.三、推送至遠程git

能夠使用開源的Github或者開源中國http://git.oschina.net，創建項目

本地使用

git remote add origin < Git倉庫地址>
git push -u origin master
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程