1、過 ，主要呈現出如下幾個特點：1人博客的概博客是 WEB LOG 的縮寫，簡單來說就是網。它199712月的 JornBarger 最5.8精神，但是綜合了激發創造的新模式，使其更具開放和建設性。2人博客的發2006 11 3過 ，主要呈現出如下幾個特點：1人博客的概博客是 WEB LOG 的縮寫，簡單來說就是網。它199712月的 JornBarger 最5.8精神，但是綜合了激發創造的新模式，使其更具開放和建設性。2人博客的發2006 11 3 日，全球中文博客站點數5230 萬，博客（博ger）用戶1987 萬,在近二千萬的中國博客用戶中，每個用戶平均每 7.6 天更新一次博客，活躍的博

2、客用戶數（一 42%500個漢字（1000 個字節）之內，500100048.5%的用戶選擇在工作時間（10 點下班前（4 點6 點）12.4%16.3% 2006 博 1991 年，歐洲粒子物理（CERN）的工程師 Tim Berners-Lee 發布了他的網把ernet頁技術涌現出來，這其中包括CGI, 語言如：JavaScript,VBScript等。JavaScript 和 VBScript 可以嵌入在 HTML 中實現一些客戶端的動態功能；CGI 大大擴展了Webweb于是網頁活了起來。但 CGI 的1991 年，歐洲粒子物理（CERN）的工程師 Tim Berners-Lee 發布

3、了他的網把ernet頁技術涌現出來，這其中包括CGI, 語言如：JavaScript,VBScript等。JavaScript 和 VBScript 可以嵌入在 HTML 中實現一些客戶端的動態功能；CGI 大大擴展了Webweb于是網頁活了起來。但 CGI 的運用需要具有一定的編程能力及算法技巧，而且與 HTML 要分開編寫和編寫都比，效率和安全性也不好。 JavaWeb無關性，一次編寫處處運行，用Java可2日期排列，有些類似斑竹。看上去平淡無奇，毫無可炫耀之處，但它可以讓每個人零成本。3JSP3JSP服務器端，安全性差。每次由服務器解釋運行，運行效率不高。Jsp 頁面文件執行時被編譯成字

4、節在 ASP 技術里，通過 Web 頁面要實現一些特定的功能比，比如基于網頁的報表，打印現起來就比較麻煩。ASP可以重復利用的模塊供讀者調用。因此要求讀者需要掌握比較復雜的變成語言的開發技術。在 JavaBeanJavaBean應下就可以運行。可以實現 ASP 的 COM 組件同樣的功能。此外 JSP 的無關性。JSP 代碼可以在 APACHE、IIS 等服務器上執行，支持大部分操作系統。JSP 繼承 JAVA 技術的1、javajspasp統采用三層架構（展現層、業務層、數據層、基于 WEB 2.0 相關技2。1、javajspasp統采用三層架構（展現層、業務層、數據層、基于 WEB 2.

5、0 相關技2。3統的功能要。：。3統的功能要。：。4統的性能需1)2)3)4)5統的數據需1 。4統的性能需1)2)3)4)5統的數據需1 。2 2 6統開發環境需1 下面主要介紹下 JSP 的特點：6統開發環境需1 下面主要介紹下 JSP 的特點：強調可重用的組件。絕大多數 JSP 頁面依賴于可重用的，跨的組件（JavaBeans 或者 采用標識簡化頁面開發 Web 信 1.1 JSPServletJavaServletJSPJSPServlet，然后再運行的，而且WebJavaServletJSPServlet Applet， 1.1 JSPServletJavaServletJSPJSP

6、Servlet，然后再運行的，而且WebJavaServletJSPServlet Applet，Servlet 個1.2 JavaBeanJavaJavaBeans。2 發。2 發Dreamweaver MX 是一款專業的 HTML 編輯器，用于對 Web 站點、Web 頁和 Web 應用程序進Dreamweaver 都會為您提供幫助良多的工具，豐富您的 Web 創作體驗。Dreamweaver如果您更喜歡用手工直接編碼，Dreamweaver例如 （CFML和3：SQLSERVERSQLServer2000 OLTP。SQLServer2000的關系如圖 2-1 所示：數據源名7立系統的約

7、1.也ODBCODBC 驅動程ODBCAPIODBC管理應用程數據源名7立系統的約1.也ODBCODBC 驅動程ODBCAPIODBC管理應用程客。1統體系結的器2主要功能設計1. 客。1統體系結的器2主要功能設計1. ：圖4.1博頁面顯留言顯示文章檢索:頁面顯留言顯示文章檢索:3. 驗證，包括基本數據格式的有效性，以及邏輯有效性，例如：用戶名被占用時給出提示成！3. 驗證，包括基本數據格式的有效性，以及邏輯有效性，例如：用戶名被占用時給出提示成！3據庫 圖4設所4設所1Jsp在2 的1Jsp在2 的1首頁面及主要頁面設文件 說明Index.和2功能模塊設計表首頁1首頁面及主要頁面設文件 說明

8、Index.和2功能模塊設計表首頁留言管理相冊圖5.3 驗圖5 相冊圖5.3 驗圖5 5.5NYNY jsp:directive.pagejsp:directive.pagemeta jsp:directive.pagejsp:directive.pagemetahttp-equiv=Content-Typecontent=text/html;linkhref=CSS/style.csstype=text/css %pagelanguage=javaimport=java.util.*style !-body background-image:.style6.style7-5.5 egerLi

9、stjsp:includepage=head_top.jspflush=truetablewidth=800border=0align=centeregerListjsp:includepage=head_top.jspflush=truetablewidth=800border=0align=centerimgsrc=images/head_06.jpgwidth=74tdheight=846valign=topjsp:includepage=head_Consumer.jspflush=true;tablewidth=390border=0align=centercellpadding=0

10、td ListArticleTypeForm;articleI=0;articleIarticleNumber;articleI+) ArticleForm articleForm=(ArticleForm)articleList.get(articleI); String tablewidth=380border=0spanarticleI=0;articleIarticleNumber;articleI+) ArticleForm articleForm=(ArticleForm)articleList.get(articleI); String tablewidth=380border=

11、0span= class=head-02 閱 讀 全 ; 閱回讀復（）; % width=13tdwidth=184jsp:includepage=head_right.jspflush=truewidth=13tdwidth=184jsp:includepage=head_right.jspflush=trueimgsrc=images/head_10.jpgjsp:includepage=head_down.jspflush=true 5.7 jsp:directive.pagejsp:directive.pagemetahttp-equiv=Content-Typecontent=tex

12、t/html;linkhref=CSS/style.csstype=text/css %pagelanguage=javaimport=java.util.*style !-body background-image:.style6.style7-eger typeId=null; !-body background-image:.style6.style7-eger typeId=null; List數息jsp:includepage=head_top.jspflush=truetablewidth=800border=0align=centercellpadding=0imgsrc=ima

13、ges/head_06.jpgwidth=74tdheight=846valign=toptablewidth=390border=0imgsrc=images/head_06.jpgwidth=74tdheight=846valign=toptablewidth=390border=0align=centercellpadding=0td ListArticleTypeForm; tablewidth=380border=0span= class=head-02 閱 讀 全文; 閱回讀復（tablewidth=380border=0span= class=head-02 閱 讀 全文; 閱回

14、讀復（）& % Ctrl(Page)width=13tdwidth=184jsp:includepage=head_right.jspflush=trueimgsrc=images/head_10.jpgjsp:includepage=head_down.jspflush=true者是建議。頁面如圖 5.8 所示：metahttp-equiv=Content-Typecontent=text/html;String sqlh=; Stringsql=select*fromliuyanwhereisdel=0 ResultSet rs=db.query(sql);StringstrPage; P

15、ageSize=strPage=request.getParameter(page); Page = order by者是建議。頁面如圖 5.8 所示：metahttp-equiv=Content-Typecontent=text/html;String sqlh=; Stringsql=select*fromliuyanwhereisdel=0 ResultSet rs=db.query(sql);StringstrPage; PageSize=strPage=request.getParameter(page); Page = order byPagePageRowCount= /Page

16、Count=Pagei = 1)PageSize+&!rs.isAfterLast()String spanahref=hfliuyan.jsp?hid=aborder=0spanahref=hfliuyan.jsp?hid=aborder=0div 留言內容:span div sqlh=select*fromhfwherehid=+rs.getString(lid); 博主回復: spanclass=STYLE1b a a尾頁 ahref=#top尾頁 tablewidth=227height=25border=0cellpadding=0table width=227 height=25

17、border=0 cellpadding=0 cellspacing=0 tdatable width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=28 border=0 cellpadding=0 div公 告 管 table width=227 height=28 border=0 cellpadding=0 div公 告 管 table width=

18、227 height=25 border=0 td table width=227 height=25 border=0 tdatable width=227 height=28 border=0 投 票 管 table width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=25 border=0 cellpadding=0 table width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=22

19、7 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=28 border=0 cellpadding=0 divspan 個人相片設置table width=227 height=25 border=0 cellpadding=0 td table width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=28 border=0 cellpadding=0 divtable width=227

20、 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=28 border=0 cellpadding=0 divspan 朋友信息管理table width=227 height=25 border=0 cellpadding=0 td table width=227 height=25 border=0 cellpadding=0 cellspacing=0 td table width=227 height=28 border=0 cellpadding=0 cellspacing=0 align

21、=centercellpadding=0table width=227 height=28 border=0 cellpadding=0 cellspacing=0 align=centercellpadding=0tablewidth=130table width=227 height=28 border=0 cellpadding=0 cellspacing=0 align=centercellpadding=0tablewidth=130border=0cellspacing=0樣式表metahttp-equiv=Content-Typecontent=text/html;!-td fo

22、nt-.blue font-.bgcolor font-.btn_grey !-td font-.blue font-.bgcolor font-.btn_grey font-family:font-9pt;color:background-color:#eeeeee;cursor:border-top:1pxsolid;border-right:1pxsolidborder-bottom:1pxsolid#666666;border-left:1pxsolid;font-size: 9pt; color: #333333;border: 1pxsolidfont-size: 9pt;bord

23、er: 0pxsolidfont-size: 9pt; border:1px ;font-size: 9pt; border:1px ;body margin-op:margin-bottom:textarea font-size: 9pt; color: #333333;border: 1pxsolidborder: border:order_rborder:border: border:order_rborder:#004C861pxsolid; order_lbborder:#D8D8D81pxsolid; border: #D8D8D8 1px dashed; border-botto

24、m- style:none; border-top- border: #D8D8D8 1px dashed; border-bottom- style:none; border-left- border: #D8D8D8 1px border:#D8D8D81pxdashed; border-border:#D8D8D81pxdashed; border-.backTop:linkfont-color:#FFCD00; text-.backTop:visitedfont-size:12px;color:#FFCD00;text-.backTop:hoverfont-size:12px;colo

25、r:#FFCD00;text-.backTop:activefont-size:12px;color:#FF0000;text-a:hover font-size:a font-size:10pt; color:text-decoration:none; color:.aaaa:linkfont-size:14px;color:#A54400;text-.aaaa:visitedfont-size:14px;color:#A54400;text-.aaaa:hoverfont-size:14px;color:#A54400;text-.aaaa:activefont-size:14px;col

26、or:#FF0000;text-.aaaaa:linkfont-size:12px;text-.aaaaa:visitedfont-size:12px;.aaaaa:hoverfont-size:12px;.aaaaa:active.aaaaa:visitedfont-size:12px;.aaaaa:hoverfont-size:12px;.aaaaa:activefont-size:12px;text-;text-;text-.in:linkfont-size:12px;color:#000000;text-.in:visitedfont-size:12px;color:#000000;text-.in:hoverfont-size:12px;color:#000000;text-.in:activefon