如何複用網頁

技術小哥哥發表於2017-11-14

在我們做web應用的Demo的時候,往往不需要自己再去設計頁面,可以先借用他人的頁面做一下測試。

瀏覽器:360極速瀏覽器

IDE:Eclipse

框架:Struts2

下邊以某個社交網站的修改密碼網頁為例:

1、ctrl+s 儲存網頁,得到一個html頁面和一個包含js、css和圖片的資料夾

2、在自己專案Web-Root資料夾下新建三個資料夾:js、css、image,把js、css、圖片放到對應資料夾中,再把html頁面改為自己想要的名字,放在webroot資料夾下

 

3、通過ctrl+f查詢功能,把passwrod.htm中的“修改密碼_files”根據字尾修改為css、gs、image

修改後:

4、這時html頁面還是會提示錯誤,這是因為有的標籤沒有閉上,在對應標籤的“>”前面加上一個“/”就好了

修改後

5、接著就是修改元素內容了,在想要查詢的元素上右鍵-審查元素

根據name在eclipse中找到元素

瀏覽器中:

Eclipse中:

把name修改為自己action類的屬性

6、把網頁中自帶的form修改為自己的form,查詢方法和5一樣

修改後

7、新增一個提交按鈕,找到自帶“儲存”,放他旁邊

8、然後就是在struts配置檔案中寫一下自己的action對映,再寫一下業務邏輯就好了~

修正:

1:要把htm字尾改為jsp,因為html是靜態頁面,如果在其中寫了${****}EL表示式,是不會被解析的。

 

 

相關文章