JavaWeb——從零開始構建一個客戶管理系統（一）

2020年10月24日，一個特別的日子，1024程式設計師日在這個值得紀念的日子裡，從零開始構建一個客戶管理系統。廢話少說開始今天的正文。

一.搭建所需的環境

這裡選取的伺服器是tomcat伺服器，資料庫為MySQL資料庫，具體配置的流程請參考以下兩篇文章 ：大佬的Mysql教程，本人的Tomcat配置教程

配置完成

二.建立專案

關於專案建立如果有不清楚的可以看我的這篇文章（JavaWeb——如何建立一個Tomcat骨架的JavaWeb專案），裡面詳細的介紹了，如何建立一個基於Tomcat的javaweb專案，下文我就不在此贅述具體步驟。
第一步： 建立maven專案

第二步： 指定maven本地倉庫

第三步： 匯入座標到pom.xml檔案中，並在main目錄下建立java和resources資料夾 並設定第一個為source root，第二個為：resources root， 設定方法：右鍵資料夾 -》make directory as。

<! --座標為:-->
<dependencies>
    <!--jstl標籤庫-->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!--junit單元測試-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <!--mysql驅動-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.32</version>
    </dependency>
    <!--單元測試驅動-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
    </dependency>
    <!--druid連線池:德魯伊，阿里巴巴公司-->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.0.9</version>
    </dependency>
    <!--jdbcTemplate-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>4.1.2.RELEASE</version>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>4.1.2.RELEASE</version>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>4.1.2.RELEASE</version>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>4.1.2.RELEASE</version>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>commons-logging</groupId>
      <artifactId>commons-logging</artifactId>
      <version>1.1.1</version>
      <scope>compile</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
    </dependency>
    <dependency>
      <groupId>log4j</groupId>
      <artifactId>log4j</artifactId>
      <version>1.2.12</version>
    </dependency>
    <!--jeson格式包-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.10.3</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.10.3</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.10.3</version>
    </dependency>
  </dependencies>

第四步： 將配置檔案druid.properties和log4j.properties匯入到resources中，並JDBCUtils.java類貼上到java資料夾下的customerMangement.utils目錄下。

第五步： 將10wapapp/web-info/Web.xml檔案新增3.0配置，保證整個專案el表示式可用。

<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">

第六步： 配置tomcat並測試是否可以使用

1. 單擊工具欄中的配置區域
   
2. 新增tomcat伺服器
   
3. 設定名稱、tomcat所在路徑及重啟伺服器後預設啟動的瀏覽器
   
4. 新增要執行的專案，並將專案根目錄設定為：/
   
   
5. 點選執行，嘗試執行，執行出現Hello World！
   
   

專案搭建完成！

三.匯入靜態檔案

專案建立成功，我們接下來要把靜態檔案匯入到檔案中，話不多說我們們開動。

首先將靜態檔案拷貝到webapp資料夾下，效果如下圖所示：

之後，建立login.jsp和customer.jsp頁面，並將html程式碼複製到相應的jsp檔案中。

靜態頁面搭建完成

執行一下看一看效果

emmm，效果看起來還不錯。別急，這才是第一步，這些還只是靜態頁面裡面還沒有東西，我們接下來的任務就是把他一步一步的填充，把他從表皮變成一個真正的網站。**革命尚未成功，同志仍需努力**