1. 程式人生 > 其它 >JAVA前後端互動

JAVA前後端互動

技術標籤:javawebjavajsjqueryhtml

1.首先前端頁面寫好後,如何準確的知道現在在對哪個元件進行操作

jQuery的選擇器,選擇元件,對其操作

(1)元素選擇器

(2)ID選擇器

<button type="button" class="btn" id="test">一個標準的按鈕</button>

通過id選擇器$("#test"),可以選中這個按鈕。

(3)class選擇器

通過class選擇器$("#btn"),可以選中這個按鈕。

2.輸入地址後,怎麼找到JSP或是HTML頁面?

spring先去找@Controller,找到了再找@RequestMapping,根據value去返回對應的頁面

@RequestMapping(value =  "show", method = RequestMethod.GET)
	public String showit() { // 用來返回一個頁面
		return "show"; 
	}

例:專案名叫做test,輸http://localhost:8080/test/show,它就先找@Controller再找@RequestMapping找到這段了,執行這個方法,再結合配置檔案,返回show.jsp檔案,頁面就加載出來了。

springmvc:MVC架構模式的思想,

@Controller:用於標記在一個類上,使用它標記的類就是一個SpringMVC Controller物件。分發處理器將會掃描使用了該註解的類的方法,並檢測該方法是否使用了@RequestMapping註解。

@RequestMapping:@Controller只是定義了一個控制器類,而使用@RequestMapping註解的方法才是真正處理請求的處理器。單單使用@Controller標記在一個類上還不能真正意義上的說它就是SpringMVC的一個控制器類,因為這個時候Spring還不認識它。

如何讓spring認識他?

 <bean
  class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  <!--配置JSTL表示式 -->
  <property name="viewClass"
   value="org.springframework.web.servlet.view.JstlView" />
  <!-- 字首 -->
  <property name="prefix" value="/WEB-INF/view/" />
  <!-- 字尾 -->
  <property name="suffix" value=".jsp" />
 </bean>

spring會去這個目錄下找指定名稱的字尾為.jsp的檔案。

@ResponseBody

3.顯示頁面後,是如何工作的,又是怎麼監聽使用者行為的?

jsp檔案中,不論是表格,表單,按鈕都是靜態的。讓他們動起來的是<script>...</script>這一部分內容。

jQuery:jQuery是一個JavaScript庫,大大簡化Javascript程式設計。使用之前必須引入JQuery。

<script src="res/viewer/js/jquery.min.js"></script>

就是在自己專案中加入這麼個檔案,然後在頁面檔案加上這麼一句話,告訴專案我這個檔案放在了哪裡。

Ajax:一種在無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。

4.layui前端框架