1. 程式人生 > 資訊 >老廣情懷,經典老珠江 12 度啤酒 2.5 元 / 罐清倉

老廣情懷,經典老珠江 12 度啤酒 2.5 元 / 罐清倉

JavaWeb

Maven基本使用

專案的匯入

常用命令

  • compile : 編譯
  • clean : 清理
  • test : 測試
  • package : 打包
  • install : 安裝

mvn compile

執行對 java 檔案的編譯

mvn clean

執行對 編譯檔案的刪除

mvn package

對專案的打包,輸出 jar 檔案

mvn test

執行 test 目錄下的檔案

mvn install

將當前的專案安裝到本地倉庫

Maven 生命週期

同一生命週期內,執行後面的命令會自動執行前面的命令

1.

pre-clean -> clean -> post-clean

2.

compile -> test -> package -> install

3.

pre-site -> site -> post-site

Maven 座標

什麼是座標

座標是資源的唯一標識

使用座標來定義專案或引入專案中需要的依賴

座標的主要組成

groupId:

定義當前專案隸屬組織名稱

artifactId:

定義當前Maven專案名稱

version:

定義當前版本號

依賴管理

pom檔案配置來引入需要的依賴jar包

快捷方式 alt + i (預設是 alt + insert)

可以在 maven 官方網站來查詢所需要的 jar 包

<dependencies>
	<dependency>
		<groupId>mysql</groupIdj>
		<artifactId>mysql-connertor-java</artifactId>
		<version>5.1.37</version>
		<scope>test</scope>		作用範圍
	<dependency>
<dependencies>

scope 的不同範圍的作用

MyBatis

是一款優秀的持久層框架,用於簡化 JDBC 開發

什麼是持久層?

負責將資料儲存到資料庫的那一層程式碼

JavaSE的三層架構:表現層、業務層、持久層

快速入門

<挖坑 * 1>

HTML

超文字

標記語言:由標籤構成的語言

大小寫不敏感 :標籤是不區分大小寫的

不區分 " " & ' '

語法鬆散

W3C標準:網頁的三部分

  1. 結構 :HTML
  2. 表現 :CSS
  3. 行為:JS

快速入門

<!--DEMO1-->
<html>
    <head>
        <title> test </title>
    </head>

    <body>
        一入鍵圈深似海,錢包空空
        <!--改變顏色-->
        <font color = "pink"> 再說一次,一入鍵圈深似海 </font>
        <!--"red" 等價與 'red' 不區分單/雙引號-->
    </body>
</html>

基礎標籤

標籤 概述
定義字元標準

---

標題,h1最大、h6最小
定義文字的字型、顏色、尺寸
定義粗體文字
定義斜體文字
定義文字下劃線
(後面都是 css 實現)
定義文字居中
定義段落

定義拆行(看的出來

定義水平線
<!--DEMO2-->

圖片、音訊、視訊標籤

標籤 描述
圖片
音訊
視訊

img

  • src : 規定顯示影象的 URL
  • height : 高度 (可以用畫素或者百分比)
  • width : 寬度(可以用畫素或者百分比)

audio (MP3、WAV、OGG)

  • src
  • controls : 顯示播放控制元件

video (MP4、WebM、OGG)

  • src
  • controls
  • height
  • width
<html>
    <head>
        <meta charset="UTF-8">
        <title> test3 </title>
    </head>
    <body>
        <img src = "假裝.jpg" width="50%" height="300">

        <audio src="http://www.manongjc.com/detail/假裝.mp3" controls = "controls"></audio>

        <!--controls不寫也行-->
        <audio src="http://www.manongjc.com/detail/假裝.mp3" controls></audio>

        <video src="假裝.mp4" controls width="50%" height="300"></video>
    </body>
</html>

超連結標籤

列表標籤

  1. 有序列表長這樣
  • 無序列表長這樣

可以在標籤里加屬性修改樣式,但不建議修改,一般用 css 美化

標籤 描述
    有序
      無序
    • 列表項

      有序列表

      <ol>
          <li>a</li>
          <li>b</li>
          <li>c</li>
      </ol>
      

      無序列表

      <ul>
          <li>a</li>
          <li>b</li>
          <li>c</li>
      </ul>
      

      表格標籤

      按行構建

      頭單元格是 th 其他是 td

      用 align 控制位置

      標籤 描述
      定義表格
      定義行
      定義單元格
      定義表頭單元格

      table

      • border :規定表格邊框的寬度
      • width :規定表格的寬度
      • cellspacing :規定單元格之間的空白

      tr

      • align(排列) :定義表格行的內容對齊方式

      td

      • rowspan :規定單元格可橫跨的行數
      • colspan :規定單元格可橫跨的行數
      <html>
          <head>
              <meta charset="UTF-8">
              <title> test 5 </title>
          </head>
          <body>
              <center>
                  <table width="50%" border="1" cellspacing="0">
                      <tr height="50">
                          <th>People</th>
                          <th>Desc</th>
                      </tr>
          
                      <tr align="center">
                          <td>Tom</td>
                          <td>SeBi</td>
                      </tr>
          
                      <tr align="center">
                          <td>Sam</td>
                          <td>SeBiToo</td>
                      </tr>
                  </table>
              </center><hr>
      
              <center>
                  <table width="50%" border="1" cellspacing="0">
                      <tr height="50">
                          <!--列合併是橫向合併,該行的格數減少-->
                          <th colspan="2">People</th>
                      </tr>
      
                      <tr align="center">
                          <!--行合併是縱向合併-->
                          <!--該行的格數不變,被影響的其他行格數減少-->
                          <td rowspan="2">Tom</td>
                          <td>SeBi</td>
                      </tr>
          
                      <tr align="center">
                          <td>SeBiToo</td>
                      </tr>
                  </table>
              </center>
          </body>
      </html>
      

      homework1

      佈局標籤(CSS 結合使用)

      div

      /

      / 標籤影響的內容會佔滿一整行

      span

      // 標籤影響的內容只會佔內容所佔的空間

      表單標籤(資料互動)

      負責資料採集功能,是一個很重要的標籤

      標籤 描述
      定義表單
      定義表單項,通過type屬性控制輸入形式
      為表單項定義標註
      定義下拉列表
      定義下拉列表的列表項