如何複用網頁

在我們做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表示式，是不會被解析的。

 

本文轉自ZH乳酪部落格園部落格，原文連結：http://www.cnblogs.com/CheeseZH/archive/2013/03/06/2945628.html，如需轉載請自行聯絡原作者