整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          開發(fā)者指南如何在MyEclipse中編輯HTML或JSP文件?(一)

          yEclipse官方最新版免費(fèi)下載|Myeclipse漢化下載.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文網(wǎng)

          如果您有HTML或JSP文件要編輯,這里將介紹如何編輯。查找以下信息:

          • 編輯源代碼
          • 大綱和屬性視圖
          • 參數(shù)頁面

          該功能在MyEclipse中是可用的。

          一、HTML / JSP編輯器

          要編輯HTML或JSP文件,請執(zhí)行以下操作當(dāng)中的一個(gè):

          • 雙擊HTML或JSP文件。
          • 右鍵單擊HTML或JSP文件,并選擇Open。

          HTML編輯器有以下模式:

          • 源模式 — 源模式是HTML和JSP代碼的源代碼編輯器,它包括智能內(nèi)容輔助、行編號(hào)、彩色語法高亮顯示、格式操作、實(shí)時(shí)驗(yàn)證、在輸入時(shí)標(biāo)記有問題的源代碼以及代碼格式化。
          • 設(shè)計(jì)模式 — 設(shè)計(jì)模式具有雙面板視圖,頂部面板為設(shè)計(jì)模式,底部面板為源模式。設(shè)計(jì)模式為所見即所得的可視化編輯模式,設(shè)計(jì)畫布允許選擇、復(fù)制、剪切、粘貼和使用拖放重新定位Web UI控件。此模式包括一個(gè)設(shè)計(jì)調(diào)色板,其中包含可以添加到設(shè)計(jì)畫布的UI Web控件。
          • 預(yù)覽模式 — 預(yù)覽模式允許用戶快速查看頁面在瀏覽器中的外觀,預(yù)覽模式從設(shè)計(jì)模式加載當(dāng)前源代碼,即使編輯器內(nèi)容尚未保存。HTML源代碼以預(yù)覽模式呈現(xiàn),并且“扎根”于資源所在的位置。如果HTML文檔中的圖像相對(duì)于HTML頁面的當(dāng)前位置,則圖像將在預(yù)覽中正確呈現(xiàn)。

          打開文件時(shí),默認(rèn)模式是Design(設(shè)計(jì)),通過單擊編輯器底部的適當(dāng)選項(xiàng)卡來更改模式。

          本文概述了使用源代碼編輯器編輯HTML時(shí)最重要的概念和特性。

          二、編輯源代碼

          用戶可以從源代碼模式或設(shè)計(jì)模式訪問源代碼,設(shè)計(jì)模式具有雙面板視圖,設(shè)計(jì)模式位于頂部面板,源模式位于底部面板。

          直接編輯源代碼時(shí),可以使用以下功能:

          • 語法、顏色和高亮
          • 智能代碼完成和內(nèi)容輔助
          • HTML驗(yàn)證
          • 源格式和清理
          • HTML模板
          • HTML片段

          2.1 智能代碼完成和內(nèi)容輔助

          在整個(gè)源代碼中,編輯器提供特定于內(nèi)容的代碼幫助。

          Tag names(標(biāo)記名稱):Code assist根據(jù)當(dāng)前上下文提供可用HTML標(biāo)記的列表。

          Tag attributes(標(biāo)記屬性):代碼輔助提供了特定于正在編輯的標(biāo)記屬性列表。

          Attribute values(屬性值):在適當(dāng)?shù)臅r(shí)候,代碼幫助會(huì)為您提供一個(gè)已知可能值的列表。

          2.2 HTML驗(yàn)證

          有兩種類型的HTML驗(yàn)證:“輸入時(shí)”和“資源更改”。

          “輸入時(shí)”:當(dāng)對(duì)HTML文檔進(jìn)行更改時(shí),編輯器總是檢查HTML語法的有效性,就像Java編輯器一樣。

          注意:這種類型的驗(yàn)證錯(cuò)誤和警告不會(huì)出現(xiàn)在Problems視圖中。

          資源更改:當(dāng)資源被修改(保存、移動(dòng)、復(fù)制或?qū)?時(shí),資源構(gòu)建器將對(duì)資源執(zhí)行HTML驗(yàn)證。

          注意:您可以通過從菜單中選擇Window>Preferences,展開MyEclipse并選擇Validation來設(shè)置驗(yàn)證參數(shù)。

          2.3 源格式化和清理

          要快速格式化源代碼,請右鍵單擊編輯器,并選擇Source>Format。格式化器不會(huì)在內(nèi)部修改HTML標(biāo)記元素,它只調(diào)整HTML元素的縮進(jìn)和間距。

          使用Cleanup Document選項(xiàng)進(jìn)行高級(jí)格式化和樣式調(diào)整,允許您更改標(biāo)記名稱和屬性的大小寫,還有其他選項(xiàng)可以插入所需的標(biāo)記和屬性。要使用此選項(xiàng),請?jiān)诰庉嬈髦杏益I單擊并選擇Source>Cleanup Document,選擇Format source復(fù)選框,來將Format Document操作作為文檔清理的一部分。

          建工程

          File>New>Web Project


          填寫項(xiàng)目名稱Project Name,舉例為andylife,這里使用的是默認(rèn)存儲(chǔ)路徑,如需修改,把下面Use default location前面的勾去掉,并在Directory填寫自己的地址


          設(shè)置完成后點(diǎn)擊Finish,新建完成

          編寫內(nèi)容

          打開WebRoot目錄下的index.jsp,把編碼改為utf-8


          網(wǎng)頁修改內(nèi)容,顯示日期時(shí)間源碼:

          <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

          <%

          String path = request.getContextPath();

          String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

          %>

          <html>

          <body>

          <%

          //設(shè)置刷新頁面的時(shí)間,每隔1秒鐘刷新一次

          response.setHeader("refresh", "10");

          %>

          當(dāng)前的系統(tǒng)時(shí)間是:

          <%

          //輸出當(dāng)前時(shí)間

          Calendar now = Calendar.getInstance();

          out.print(now.get(Calendar.YEAR) + "年");

          out.print(now.get(Calendar.MONTH) + 1 + "月");

          out.print(now.get(Calendar.DATE) + "日");

          out.print(now.get(Calendar.HOUR_OF_DAY) + "時(shí)");

          out.print(now.get(Calendar.MINUTE) + "分");

          out.print(now.get(Calendar.SECOND) + "秒 ");

          out.print("星期");

          switch (now.get(Calendar.DAY_OF_WEEK)) {

          case 1:

          out.print("日");

          break;

          case 2:

          out.print("一");

          break;

          case 3:

          out.print("二");

          break;

          case 4:

          out.print("三");

          break;

          case 5:

          out.print("四");

          break;

          case 6:

          out.print("五");

          break;

          case 7:

          out.print("六");

          }

          out.print(""+"<hr>");

          out.print("ID Things need to be done IF DAILY "+"<br>");

          %>

          </body>

          <body>

          <%

          out.print(""+"<hr>");

          %>

          </body>

          </html>

          運(yùn)行

          把頁面部署到Tomcat上

          點(diǎn)擊ADD,然后選擇我們的Tomcat服務(wù)器,點(diǎn)擊Finish,然后點(diǎn)OK





          點(diǎn)擊旁邊圖標(biāo)的小三角形,選擇服務(wù)器,并運(yùn)行

          當(dāng)我們在控制臺(tái)看到此信息時(shí),服務(wù)器就開啟成功了


          前端瀏覽

          在瀏覽器輸入網(wǎng)址:http://localhost:8080/life/index.jsp

          它表示的是,在本地8080端口下,life中的index.jsp

          avaweb

          我們程序員在平時(shí)在編程寫代碼的時(shí)候,也會(huì)經(jīng)常的遇到需要把數(shù)據(jù)存放在cookie中,特別是在HTML中或者JSP中,那么我們?nèi)绾螌?duì)cookie進(jìn)行操作了?

          勵(lì)志做一名合格的程序員的我,肯定會(huì)每天都拿誠意滿滿的干貨文章和各位碼農(nóng)分享啦~

          我本人也是做java開發(fā)的,如果覺得可以的話,也可以留言或者關(guān)注我,我會(huì)經(jīng)常更新文章的哦~

          接下來在下java web來教大家如何對(duì)cookie進(jìn)行操作,讓你一分鐘成為cookie的操作大神:

          setCookie

          var setCookie = function (name,value)

          {

          var exp = new Date();

          exp.setTime(exp.getTime() + 60*60*1000);

          document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

          }

          getCookie (以及下面的deleteCookie)

          var getCookie = function (name)

          {

          var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

          if(arr=document.cookie.match(reg))

          return unescape(arr[2]);

          else

          return null;

          }

          JSP

          deleteCookie

          var deleteCookie = function ( name ) {

          document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';

          }

          看到這里的程序員都是好樣的,點(diǎn)個(gè)贊鼓勵(lì)一下小編呀,點(diǎn)贊留言的都工資翻倍,你喜歡的人明天就會(huì)主動(dòng)聯(lián)系你喲~~~


          主站蜘蛛池模板: 国产一区高清视频| 无码中文字幕乱码一区| 国产美女口爆吞精一区二区| 日本免费一区二区三区最新vr| 中文字幕国产一区| 国产91一区二区在线播放不卡| 精品欧美一区二区在线观看| 91精品乱码一区二区三区| 亚洲国产av一区二区三区丶| 久久婷婷久久一区二区三区| 国产精品无码一区二区在线| 日韩久久精品一区二区三区 | 国产精品一区二区久久精品无码 | 国产亚洲综合一区二区三区 | 中文字幕在线看视频一区二区三区| 人妻体内射精一区二区| 国产高清在线精品一区小说| 中文字幕无码一区二区免费| 中文字幕av日韩精品一区二区 | 亚洲av永久无码一区二区三区| 亚洲韩国精品无码一区二区三区| 一区国产传媒国产精品| 国产av成人一区二区三区| 人妻无码一区二区三区| 日本精品一区二区三本中文| 国产一区二区三区韩国女主播| 亚洲AV无码一区二区乱孑伦AS| 日韩一区二区三区免费播放| 视频一区视频二区日韩专区| 久久青草国产精品一区| 国产在线一区二区杨幂| 国产成人无码精品一区二区三区| 国产精品成人一区无码| 久久精品一区二区三区AV| 国产成人精品一区在线| 日本一区二区三区在线看 | 久久精品中文字幕一区| 在线一区二区三区| 日韩一区二区在线视频| 亚洲AV无码一区二区二三区软件 | 久久国产一区二区三区|