開發(fā)者指南如何在MyEclipse中編輯HTML或J

開發(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)中的一個：

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

HTML編輯器有以下模式：

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

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

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

二、編輯源代碼

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

直接編輯源代碼時，可以使用以下功能：

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

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

在整個源代碼中，編輯器提供特定于內(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候，代碼幫助會為您提供一個已知可能值的列表。

2.2 HTML驗(yàn)證

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

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

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

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

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

2.3 源格式化和清理

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

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

1），模板modify_jsp.ftl文件

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
String childPath=request.getContextPath();
String basePath=request.getScheme()+"://"
	+request.getServerName()+":"+request.getServerPort()+ childPath +"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
	<%@ include file="/pub/scripts.jsp"%>

    <script type="text/javascript">

		function submit_save() {

			var varName_=$("#name_").val();
			if(varName_==null || varName_=='') {
			    alert("請先輸入名稱！")
			    return false;
			} else {
                $("#modifyForm").submit();
			}
        }
			

		// 循環(huán)字段集，名稱字符與元素id獲取元素
		<#list mapDataList as listItm >
			美元符("井號${listItm.columnName}").val() 雙斜桿 ${listItm.columnComment}
		</#list>
				
    </script>
    
  </head>
  <body>
  		
		<!-- 標(biāo)題區(qū)域 -->
		<div class="tleBg">
			<div class="title">
				<span class="txt"> <em></em><#list mapDataTableComment as listItmCom > ${listItmCom.columnComment} </#list>- 修改
				</span> <a href="javascript：;" class="search-hide"></a>
			</div>
			<div class="clr"></div>
		</div>
  		
  		<!-- 查詢維度區(qū)域 -->
		<div class="t_list" id="addtable">
			<form name="modifyForm" id="modifyForm" action="<%=childPath %>/<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>Conter/<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>ModifySave" method="post">
				<input type="hidden" name="tid" value="美元符左大括<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>Dto.tid右大括" />

				<table border="0" cellspacing="0" width="100%" cellpadding="0" class="t_list_1">
					<tbody>

					
					<#list mapDataList as listItm >
						<tr style="line-height: 36px;">
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								${listItm.columnComment}：
							</td>
							<td>
								<input type="text" id="${listItm.columnName}" name="${listItm.columnName}" style="width: 300px;" class="inputStyle" value="美元符左大括${listItm.columnName}Dto.name_右大括" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>
					</#list>
					
						
						<tr>
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								 
							</td>
							<td>
								<input type="button" id="btn_add" value="保 存" class="t_button_gray" onclick="return submit_save();" />
								<input type="reset" id="btn_rest" value="重 置" class="t_button_gray" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>

					</tbody>
				</table>
			</form>
		</div>
  		
  </body>
</html>

（2），生成修改jsp文件

public class TestCls {

    public static void main(String[] args) throws Exception {
        TestCls testCls=new TestCls();
        String testT00_po="testT00_user";
        String generFileName=testT00_po + "Modify.jsp";
        testCls.outTemplate(testT00_po, "用戶數(shù)據(jù)"
                , generFileName, "modify_jsp.ftl" );

        System.out.println("執(zhí)行成功！");
    }

    // 輸出到模板
    private void outTemplate(String entryInfoPoName, String tableComment
            , String templateFileName , String templFileName ) throws Exception {

        Configuration configuration=new Configuration();
        String templateDir="F:\\xbl\\myResource\\temp_test_";
        configuration.setDirectoryForTemplateLoading(new File(templateDir));
        Template template=configuration.getTemplate(templFileName);

        Map<String, List<EntryInfoPo>> dataMap=new HashMap<String, List<EntryInfoPo>>();
        List<EntryInfoPo> listEntryInfo=new ArrayList<EntryInfoPo>();
        listEntryInfo=testMetaAddComment();
        dataMap.put("mapDataList", listEntryInfo );

        // 表注釋
        dataMap.put("mapDataTableComment", testTableComment(entryInfoPoName, tableComment ));
        String generFileDir="F:\\xbl\\myResource\\temp_test_\\gener_file_\\";
        File generFile=new File(generFileDir + templateFileName);
        if(generFile.exists()) {
            generFile.delete();
        }
        generFile.createNewFile();

        Writer outputWriter=new OutputStreamWriter(new FileOutputStream(generFile ) );
//        Writer outputWriter=new OutputStreamWriter(System.out );

        template.process(dataMap, outputWriter);
        System.out.println("輸出完成！");
        outputWriter.close();
    }

    // 表注釋
    private List<EntryInfoPo> testTableComment(String entryInfoPoName, String tableComment) throws Exception {

        List<EntryInfoPo> listTableComment=new ArrayList<EntryInfoPo>();
        EntryInfoPo entryInfoPo=new EntryInfoPo();
        entryInfoPo.setColumnName(entryInfoPoName);
        entryInfoPo.setColumnComment(tableComment);
        entryInfoPo.setUpperColumnName(firTextUpper( entryInfoPoName ) );
        listTableComment.add(entryInfoPo);
        return listTableComment;
    }

    // 首字母大寫
    private String firTextUpper(String scontext ) {
        int textLength=scontext.length();
        String sufText=scontext.substring(1, textLength);
        String firText=scontext.substring(0, 1);
        firText=firText.toUpperCase();
        String finText=firText + sufText;
        return finText;
    }

    private List<EntryInfoPo> testMetaAddComment() throws Exception {

        List<EntryInfoPo> listEntryInfoPo=new ArrayList<EntryInfoPo>();
        Connection connection=getDataBaseConnection();
        Statement statement=connection.createStatement();
        ResultSet resultSet=statement.executeQuery("show full columns from t00_user ");
        while (resultSet.next()) {

            String columnComment=resultSet.getString("Comment");
            String columnName=resultSet.getString("Field");
            columnName=columnName.toLowerCase();
            EntryInfoPo entryInfoPo=new EntryInfoPo();
            entryInfoPo.setColumnName(columnName);
            entryInfoPo.setColumnComment(columnComment);
            listEntryInfoPo.add(entryInfoPo);
        }
        return listEntryInfoPo;
    }
    private Connection getDataBaseConnection() throws Exception {
        // 連接數(shù)據(jù)庫
        Class.forName("com.mysql.jdbc.Driver");
        String databaseUrl="jdbc:mysql://127.0.0.1:3306/grcdb05?useUnicode=true&characterEncoding=utf8";
        Connection connection=DriverManager.getConnection(databaseUrl, "root", "root");
        return connection;
    }
}

（3），注意替換空格及替換文字

方微信：動力節(jié)點(diǎn)java學(xué)院

官方微博：動力節(jié)點(diǎn)

一、什么是Jsp

jsp是一種基于文本的程序，全名java server page,其特點(diǎn)是html和java程序共存。執(zhí)行時jsp會被運(yùn)行容器編譯，編譯后的jsp跟servlet一樣，因此jsp是另一種形式的servlet。

二、jsp頁面組成

jsp 頁面包括以下內(nèi)容：

靜態(tài)內(nèi)容
指令
表達(dá)式
小腳本
聲明
注釋

1.指令：

page指令：通常位于jsp頁面的頂端，同一個頁面可以有多個page指令。
include指令：將一個外部文件嵌入到j(luò)sp文件中。
taglib指令：使用標(biāo)簽定義新的自定義標(biāo)簽。

1.1其中page指令語法：

<%@ page 屬性=“屬性值”>

屬性	默認(rèn)值
language	java
import	“”

1.2 include 指令

<%@ include file="url" %>

1.3 動作

include動作
<jsp:include page="url" flush="true"/>
include 動作和include指令區(qū)別
描述 | include指令 | include 動作
--- | --- | ---
語法 | < % @ include file=""/> | < jsp:include page="url" flush="true"/>
發(fā)生時間 | 頁面轉(zhuǎn)換期間 | 請求期間
包含內(nèi)容 | 文件實(shí)際內(nèi)容 | 頁面的輸出
轉(zhuǎn)化servlet | 一個servlet | 2個servlet
編譯時間 | 較慢 | 較快
執(zhí)行時間 | 稍快 |較慢--每次資源必須被編譯
forward動作
<jsp:forward page="url"/>
==request.getRequestDispatcher("/url").forward(res,resp);
param動作
<jsp:param name="參數(shù)名" value="參數(shù)值"/>常常與<jsp:forward>一起使用
例子：
<jsp:forward page="user.jsp">
<jsp:param name="email" value="1233@154.com"/></jsp:forward>
2.jsp注釋
html注釋
//客戶端可見
jsp 注釋
<%-- jsp注釋 --%>//客戶端不可見
jsp 腳本注釋 //客戶端不可見

//單行注射

／** 多行注釋*／

3.jsp腳本

在jsp頁面中執(zhí)行的java代碼，語法：

<% java 代碼 %>

4.jsp聲明

在jsp頁面定義變量或者方法，語法

<%! java 代碼 %>

舉例：

<%!

String s="adele"; int add(int x,int y){ return x+y;

}

5.jsp表達(dá)式

在jsp頁面執(zhí)行的表達(dá)式，語法：

<%=表達(dá)式 %>// 表達(dá)式不以分號結(jié)尾

舉例：

<%!

String s="adele";%><h2> hello,<%=s %> </h2>

三、jsp生命周期

CC36B22A-503E-4C29-98BB-3B58038C140E.png

jspService()是用來處理客戶端請求的，對于每一個請求，服務(wù)器會創(chuàng)建一個新的線程來處理該請求。以多線程方式執(zhí)行大大降低對系統(tǒng)的資源需求，提高系統(tǒng)的并發(fā)量和縮短了響應(yīng)時間，servlet是常駐在服務(wù)器內(nèi)存中。

它同servlet 一樣，jsp 實(shí)例初始化和銷毀也會調(diào)用sevlet的init() 和destroy();

另外jsp還有自己的初始化方法_jspInit();_jspDestroy();

<%@ page language="java" contentType="text/html";charset="utf-8">

<%!

public void _jspInit(){

}public void _jspDestroy(){

}

四、javaben的使用

動作元素：

動作元素為請求處理階段提供信息。

Paste_Image.png

在jsp頁面使用javaben

像普通的java類一樣，創(chuàng)建javabean;
在jsp使用動作標(biāo)簽來使用 javaben

相關(guān)標(biāo)簽如下：

<jsp:useBwan id="" class="" scope="" />

<jsp:setProperty name="javabean 是例" property="*"/>(跟表單關(guān)聯(lián))

<jsp:setProperty name="javabean 是例" property="javaben 屬性名"/>(跟表單關(guān)聯(lián))

<jsp:setProperty name="javabean 是例" property="javaben 屬性名" value=""/>(手動設(shè)置)

<jsp:setProperty name="javabean 是例" property="javaben 屬性名" param="request對象參數(shù)"/>(跟request參數(shù)關(guān)聯(lián))

<jsp:getProperty name="" property=""/>

舉個例子：

首先用戶在login.jsp提交表單，然后用戶在dologin.jsp 根據(jù)動作標(biāo)簽獲取參數(shù)。

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

dologin.jsp

<body>

<jsp:useBean id="myUsers" class="com.po.Users" scope="page"/>

<h1>setProperty動作元素</h1>

<hr>

<%--

<jsp:setProperty name="myUsers" property="*"/>

--%>

<%--

<jsp:setProperty name="myUsers" property="username"/>

--%>

<%--

<jsp:setProperty name="myUsers" property="username" value="lisi"/>

<jsp:setProperty name="myUsers" property="password" value="888888"/>

--%>

<jsp:setProperty name="myUsers" property="username"/>

<jsp:setProperty name="myUsers" property="password" param="mypass"/>

<%--

用戶名：<%=myUsers.getUsername() %><br>

密碼：<%=myUsers.getPassword() %><br>

--%>

用戶名：<jsp:getProperty name="myUsers" property="username"/> <br>

密碼：<jsp:getProperty name="myUsers" property="password"/><br>

<br>

<a href="testScope.jsp">測試javabean的四個作用域范圍</a>

request.getRequestDispatcher("testScope.jsp").forward(request, response); %>

</body>

javaben 四大作用域

page ，僅當(dāng)前頁面有效
request ,通過httpRequest.getAttribute()獲取jvabean對象
session ,通過httpSession.getAttribute() 獲取javabean對象
application，通過application.getAttribute方法獲取javabean 對象。

五、cookie

1.概述：

由于http協(xié)議的無狀態(tài)，無法保存用戶的狀態(tài)，所以需要用session和cookie.

cookie 是web服務(wù)器保存在客戶端的一系列文本信息。它的作用時記錄一些用戶的行為，簡化登陸，但是容易泄露用戶信息。

2.jsp創(chuàng)建和使用cookie

創(chuàng)建cookie

Cookie cookie=new Cookie(String ,Object);

寫入cookie

response.addCookie(cookie);

讀取 cookie

Cookie[] cookies=request.getCookies();

3.cookie的常用方法

setMaxAge();
setValue();
getName();
getValue();
getMaxAge();

舉個列子：使用cookie記住用戶登陸的賬號密碼；

登陸界面：

<body>

<hr>

request.setCharacterEncoding("utf-8");

String username="";

String password="";

Cookie[] cookies=request.getCookies(); if(cookies!=null&&cookies.length>0)

{ for(Cookie c:cookies)

{ if(c.getName().equals("username"))

{

username=URLDecoder.decode(c.getValue(),"utf-8");

} if(c.getName().equals("password"))

{

password=URLDecoder.decode(c.getValue(),"utf-8");

}

} %>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

<td colspan="2"><input type="checkbox" name="isUseCookie" checked="checked"/>十天內(nèi)記住我的登錄狀態(tài)</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

處理登陸邏輯的jsp

<body>

<hr>

<br>

request.setCharacterEncoding("utf-8"); //首先判斷用戶是否選擇了記住登錄狀態(tài)

String[] isUseCookies=request.getParameterValues("isUseCookie"); if(isUseCookies!=null&&isUseCookies.length>0)

{ //把用戶名和密碼保存在Cookie對象里面

String username=URLEncoder.encode(request.getParameter("username"),"utf-8"); //使用URLEncoder解決無法在Cookie當(dāng)中保存中文字符串問題

String password=URLEncoder.encode(request.getParameter("password"),"utf-8");

Cookie usernameCookie=new Cookie("username",username);

Cookie passwordCookie=new Cookie("password",password);

usernameCookie.setMaxAge(864000);

passwordCookie.setMaxAge(864000);//設(shè)置最大生存期限為10天

response.addCookie(usernameCookie);

response.addCookie(passwordCookie);

} else

{

Cookie[] cookies=request.getCookies(); if(cookies!=null&&cookies.length>0)

{ for(Cookie c:cookies)

{ if(c.getName().equals("username")||c.getName().equals("password"))

{

c.setMaxAge(0); //設(shè)置Cookie失效

response.addCookie(c); //重新保存。

}

} %>

<a href="users.jsp" target="_blank">查看用戶信息</a>

</body>

使用cookie獲取用戶信息：

<body>

<hr>

request.setCharacterEncoding("utf-8");

String username="";

String password="";

Cookie[] cookies=request.getCookies(); if(cookies!=null&&cookies.length>0)

{ for(Cookie c:cookies)

{ if(c.getName().equals("username"))

{

username=URLDecoder.decode(c.getValue(),"utf-8");

} if(c.getName().equals("password"))

{

password=URLDecoder.decode(c.getValue(),"utf-8");

}

} %>

<BR>

用戶名：<%=username %><br>

密碼：<%=password %><br>

</body>

3.cookie和 session的區(qū)別

session	cookie
在服務(wù)端保存信息	在客戶端保存信息
保存的 object類型	保存的是 string 類型
隨會話結(jié)束，銷毀數(shù)據(jù)	可以長期保存在客戶端中
重要信息	不重要信息

如有問題請下方留言

來源：互聯(lián)網(wǎng)

在線咨詢

上一篇：html5+css3網(wǎng)站建設(shè)、讓網(wǎng)站布局更加靈活
下一篇：仿抖音網(wǎng)紅文字時鐘python的pygame實(shí)現(xiàn)及代

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

開發(fā)者指南如何在MyEclipse中編輯HTML或J

一、HTML / JSP編輯器

二、編輯源代碼

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

2.2 HTML驗(yàn)證

2.3 源格式化和清理

方微信：動力節(jié)點(diǎn)java學(xué)院

官方微博：動力節(jié)點(diǎn)

一、什么是Jsp

二、jsp頁面組成

三、jsp生命周期

四、javaben的使用

五、cookie

您的項(xiàng)目需求