複習 Vue 1.vue的使用步驟: (1)導入vue.js (2)創建除body以外最大的div標簽,給定id值 (3)創建vue對象 new Vue({ "el":"#app", "data":{}, //定義變數 "methods":{}, //定義方法 "beforeCreate":func ...
複習
Vue
1.vue的使用步驟:
(1)導入vue.js
(2)創建除body以外最大的div標簽,給定id值
(3)創建vue對象
new Vue({
"el":"#app",
"data":{}, //定義變數
"methods":{}, //定義方法
"beforeCreate":function(){},
"created":function(){},
"beforeMount":function(){},
"mounted":function(){},
"beforeUpdate":function(){},
"updated":function(){},
"beforeDestroy":function(){},
"destroyed":function(){}
})
2.vue語法:
v-text,v-html,v-bind:value(:value),v-bind:src,v-model:value="",v-if,v-else,v-show,
v-for,v-on:事件名=“函數名”(@事件名=“函數名”)
阻止預設行為: ev.preventDefault();
停止冒泡: ev.stopPropagation();
3.vue的生命周期(瞭解)
4.vue的案例-用戶註冊頁面的表單驗證
XML
如何定義XML
如何解析XML
今日內容
1.Tomcat
-
伺服器(提供服務的機器)
-
伺服器的分類(資料庫伺服器,ftp伺服器,IIS伺服器,web伺服器(專門實現網站開發的伺服器)等)
-
Web伺服器
作用:實現基於網路的數據共用
-
Tomcat伺服器
免費
-
Tomcat安裝與測試
註意:(1)安裝路徑不要有中文 (2)一定要配置JAVA_HOME變數
訪問tomcat首頁,進行測試
訪問地址語法: **http://伺服器IP地址:伺服器埠號**
實例: http://localhost:8123/項目名稱/資源名稱
- Tomcat指令及文件夾說明
- Tomcat配置操作
如何修改Tomcat的埠號
安裝路徑->conf->server.xml
```html
修改port的值,取值範圍:8000-9999
```
-
部署項目的概念及流程
部署項目:將本地項目打成war包放到tomcat伺服器的過程
-
項目壓縮類型說明
java項目-》》》》壓縮文件的格式: *.jar包
web項目-》》》》》要說文件的格式:*.war包
-
IDEA關聯Tomcat
-
IDEA創建WEB項目及部署
web項目:包含了頁面,java代碼
2.HTTP 協議介紹
-
協議介紹
-
HTTP1.0和HTTP1.1的區別
-
F12使用說明(f12->網路(network))
- 響應碼(伺服器返回結果的狀態碼)
3.Servlet
- 已學知識點梳理
-
servlet的位置及作用
作用:實現前後端數據的交互
-
HelloServlet
頁面
<body> <h1>demo.html-web-demo.html</h1> <!-- href="/項目名/資源路徑/自定義的請求名" --> <a href="/testa">測試servlet</a> </body>
web.xml
<!--在web.xml文件配置請求和處理類之間的關係 servlet-mapping 中 servlet-name 的值是自定義的 url-pattern 頁面的請求路徑(註意:這裡的路徑必須使用/開頭) servlet 中servlet-name的值要和對應的servlet-mapping中的值相同 servlet-class 處理請求的類的完整路徑 --> <servlet> <servlet-name>a1</servlet-name> <servlet-class>com.atguigu.web.DemoServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>a1</servlet-name> <url-pattern>/testa</url-pattern> </servlet-mapping>
java
public class DemoServlet extends HttpServlet { public DemoServlet(){ System.out.println("DemoServlet()"); } @Override //處理用戶的前端請求(自動調用) protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("service()被執行"); } }
-
servlet執行過程
-
servlet生命周期
-
load-on-startup
取值是正整數,數值越小,啟動優先順序越高
<servlet> <servlet-name>a2</servlet-name> <servlet-class>com.atguigu.web.DemoServlet2</servlet-class> <load-on-startup>2</load-on-startup> </servlet>
-
servlet的體繫結構
初始化參數-在init()方法中獲取servlet標簽中定義的參數數據
實現步驟:
1.定義局部初始化參數的參數名和參數值(作用範圍:只在當前的servlet中有效)
<servlet> <servlet-name>a1</servlet-name> <servlet-class>com.atguigu.web.DemoServlet</servlet-class> <init-param> <param-name>encoding</param-name> <param-value>utf-8</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet>
2.在servlet的init()方法中讀取該配置參數
@Override //初始化servlet時調取的 public void init(ServletConfig config) throws ServletException { System.out.println("init()"); String encoding = config.getInitParameter("encoding"); System.out.println("encoding="+encoding); }
全局初始化參數
1.定義
<context-param>
<param-name>username</param-name>
<param-value>張三</param-value>
</context-param>
<servlet>
</servlet>
2.獲取全局初始化參數
@Override //初始化servlet時調取的
public void init(ServletConfig config) throws ServletException {
System.out.println("------------獲取全局初始化參數------------------------");
String username = config.getServletContext().getInitParameter("username");
System.out.println("username="+username);
}
- 註解實現servlet
註解(@overide)和註釋(// /**/)
註解:給程式看的代碼
@Override
註解的語法: @開頭+名稱
分類: 內建註解(@Override) ,自定義註解,元註解(修飾註解的註解)
自定義註解的語法:
public @interface 註解名{}
註解的學習目標:掌握每個註解的使用場景和作用
註解的優點:代碼簡潔
本文來自博客園,作者:自律即自由-,轉載請註明原文鏈接:https://www.cnblogs.com/deyo/p/17242157.html