Web-前端

概念

靜態技術
	[1]Html
	[2]Js
	[3]Css
	[4]XML
動態技術
	[1]Ajax
	[2]Jsp				頁面表示邏輯
	[3]Servlet			服務處理邏輯

SGML-標準通用標記語言

StandardGeneralizedMarkupLanguage
作用			定義電子文檔結構、描述內容
	[1]程序性標記		描述文檔顯示樣式
	[2]描述性標記		描述文檔文字用途
分類			分離文檔、樣式
	[1]HTML		數據顯示
	[2]XML		數據傳輸、存儲

HTML-超文本標記語言

XML-可擴展標記語言

名稱		eXtensible Markup Language
用途	
	[1]搜索數據		任何位置提取數據
	[2]顯示數據		結構與顯示分離
	[3]交換數據		跨平臺、跨操作系統、跨域解析
流程
	[1]編譯
	[2]驗證
	[3]解析
	[4]瀏覽
	
數據結構		樹狀結構
解析方式
	[1]DOM		Document Obejct Model
		模型			Dom模型
		內存			大
		效率			低
		速度			慢
	[2]SAX			Simple API for XML
		模型			Pull模型
		內存			小
		效率			高
		速度			快

Dom4j

定義		XML框架
作用		讀寫、操作、創建、修改、集成Dom、Sax，支持xPath
接口	
	[1]Document		XML文檔
	[2]Element		XML元素
	[3]Attribute	XML元素屬性
	[4]Text			XML文本
	[5]Branch		XML公共行爲
	[6]Node			XML節點
工具類		DocumentHelper、OutputFormat、XMLWriter、SAXReader
流程
	[一]生成文檔
		[1]生成Document
		[2]輸出Document，至文件
	[二]解析文檔
		SAXReader reader = new SAXReader()；
		Document document = reader.read( getClass().getResourceAsStream("URLofXML")  )
	[三]Read		public static void readXml() throws Exception
		[1]創建讀取		SAXReader saxReader = new SAXReader()；
		[2]讀取文檔		Document document = saxReader.reader(new FileReader(URLofXml))；
		[3]獲取根節點		Element rootElement = document.getRootElement)；
		[4]獲取節點		List<Element> elementList = rootElement.elements( elementName )；
						Element element = elementList.get( elementIndex )；
		[5]獲取節點屬性	String attributeValue = element.attributeValue(  attributeName )； 
		[6]獲取節點文本 
			String text = element.elementText( elmentName )；
			String text = element.element( elementName ).getText()；

	[四]Write		public static void writeXml() throws Exception
		[1]創建讀取		SAXReader saxReader = new SAXReader()；
		[2]讀取文檔		Document document = saxReader.read( new FileReader(URLofXML) )；
		[3]獲取根節點
		[4]添加節點
		[5]添加屬性
		[6]
		[7]寫入
			獲取格式		OutputFormat outputFormat = OutputFormat.createPrettyPrint()；
			設置編碼		outputFormat.setEncoding( "UTF-8" )；
			創建寫入流	XMLWriter xmlWriter = new XMLWriter( new FileWriter( URLofXML) )；
			寫入文檔		xmlWriter.write( document )；
			關閉寫入流	xmlWriter.close()；
		
	[五]Update			public static void updateXml() throws Exception
		[1]創建讀取		SAXReader saxReader = new SAXReader()；
		[2]讀取文檔		Document document = saxReader.read( new FileReader( URLofXML ))；
		[3]獲取根節點		Element rootElement = document.getRootElement()；
		[4]獲取節點		List<Element> elementList = rootElement.elements( elementName )；
						Element element = document.get( elementIndex )；
		[5]更新節點		element.element( oldElementText ).setText( newElementText )；
		[6]寫入		
			獲取格式		OutputFormat outputformat = OutputFormat.createPrettyPrint()；
			設置編碼		format.setEncoding("UTF-8")；
			創建寫入流	XMLWriter xmlWriter = new XMLWriter( new FileWriter("URLofXML")，outputFormat)；
			寫入文檔		xmlWriter.write( document )；
			關閉寫入流	xmlWriter.close()；

Dynamic

JSP

定義
屬性
生命週期
域對象
	[1]Context域	服務上下文	ServletContext			當前頁面
	[2]Page域		頁面上下文	PageContext				全局頁面
	[3]Request域	請求			HttpServletRequest		服務私有
	[4]Session域	會話			HttpSession				服務共享
	
內置對象
	[1]Request		請求			HttpServletRequest		一次請求
	[2]Response		響應			HttpServletResponse		JSP頁面
	[3]Config		配置			ServletConfig
	[4]Application	應用			ServletContext			多個頁面共享
	[5]Session		會話			HttpSession				單個頁面獨享
	[6]Exception	異常			Throwable				錯誤頁面
	[7]Out			輸出			JspWriter				輸出緩衝區
	[8]Page			頁面對象		Object					頁面對象
	[9]PageContext	頁面上下文	PageContext				任何範圍

Servlet

定義
屬性
生命週期
	[1]加載
	[2]實例化		
	[3]初始化		init()
	[4]響應			service()
	[5]卸載			destory()

通信協議

Ajax

定義		異步JavaScript和XML
功能		通過少量數據交換，無需重新加載頁面，更新部分網友

JSON

名稱		JavaScriptNotation		JS對象簡譜
定義		表示JS對象的字符串
特點		格式簡單、層次清晰、數據輕量
區別		JSON比XML使用字符少，節約傳輸帶寬
組成
	[1[對象			{}
	[2]數組			[]
	[3]鍵值對		"key"："value"
	[4]分隔符		，
方法
	[1]JS對象轉換JSON		var json   = JSON.string(Object)
	[2]JSON轉換JS對象		var object = JSON.parse(json)

Restful

軟件架構
	[1]SOAP
	[2]ROA	The Resouece-Oriented Architecture
REST		Representational State Transfer