JSP源码技术之页面与代码分离

在传统的JSP源码程序中，页面与代码分离还不是很普遍的应用我们将HTML代码与Java代码混合在一起编写，这样虽然方便，但同时也导致页面难以维护，HTML开发人员和JSP开发人员负担加重，我们可以将这种传统的技术成为页面拉数据技术。

怎样才能做到将HTML源码开发和JSP源码开发分离呢？答案就是使用Tag技术，通过使用Tag技术，我们就可以实现页面与代码分离，在需要数据的地方，大家先约定好标签，然后由Tag的后台处理程序去替换这些标签，显示数据。我称这种技术叫做向页面推数据，页面只要定义好格式就行了。这样，我们可以让HTML开发人员专注于页面的外观，而Java程序员则不用理会页面显示，专注于后台程序，大大提高了程序的可维护性和方便性。便于各程序员之间的协作开发。

首先你要懂一些Tag技术，然后才能阅读本文。下面是样例程序：

一、替换字符串的replace函数

通过这个函数的使用来开始我们的页面与代码分离。

 
 
 
    
  
  
  
  1. // 替换字符串函数 
    2. 
  
  
  
  2. // String strSource - 源字符串 
    3. 
  
  
  
  3. // String strFrom   - 要替换的子串 
    4. 
  
  
  
  4. // String strTo     - 替换为的字符串 
    5. 
  
  
  
  5. public static String replace(String strSource, String strFrom, String strTo) 
    6. 
  
  
  
  6. { 
    7. 
  
  
  
  7.       // 如果要替换的子串为空，则直接返回源串 
    8. 
  
  
  
  8.       if(strFrom == null || strFrom.equals("")) 
    9. 
  
  
  
  9.           return strSource; 
    10. 
  
  
  
  10.       String strDest = ""; 
    11. 
  
  
  
  11.       // 要替换的子串长度 
    12. 
  
  
  
  12.       int intFromLen = strFrom.length(); 
    13. 
  
  
  
  13.       int intPos; 
    14. 
  
  
  
  14.       // 循环替换字符串 
    15. 
  
  
  
  15.       while((intPos = strSource.indexOf(strFrom)) != -1) 
    16. 
  
  
  
  16.       { 
    17. 
  
  
  
  17.           // 获取匹配字符串的左边子串 
    18. 
  
  
  
  18.           strDeststrDest = strDest + strSource.substring(0,intPos); 
    19. 
  
  
  
  19.           // 加上替换后的子串 
    20. 
  
  
  
  20.           strDeststrDest = strDest + strTo; 
    21. 
  
  
  
  21.           // 修改源串为匹配子串后的子串 
    22. 
  
  
  
  22.           strSourcestrSource = strSource.substring(intPos + intFromLen); 
    23. 
  
  
  
  23.       } 
    24. 
  
  
  
  24.       // 加上没有匹配的子串 
    25. 
  
  
  
  25.       strDeststrDest = strDest + strSource; 
    26. 
  
  
  
  26.       // 返回 
    27. 
  
  
  
  27.       return strDest; 
    28. 
  
  
  
  28. } 
    29. 
  
  
  
  29.

二、Tld文(MyBookTag.tld) 定义你的标签

标签的定义也是在JSP源码中实现页面与代码分离的重要一步。

 
 
 
    
  
  
  
  1. ﹤?xml version="1.0" encoding="ISO-8859-1" ?﹥ 
    2. 
  
  
  
  2. ﹤!DOCTYPE taglib 
    3. 
  
  
  
  3.         PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" 
    4. 
  
  
  
  4.         "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd"﹥ 
    5. 
  
  
  
  5. ﹤taglib﹥ 
    6. 
  
  
  
  6. ﹤tlib-version﹥1.0﹤/tlib-version﹥ 
    7. 
  
  
  
  7. ﹤jsp-version﹥1.2﹤/jsp-version﹥ 
    8. 
  
  
  
  8. ﹤short-name﹥﹤/short-name﹥ 
    9. 
  
  
  
  9. ﹤tag﹥ 
    10. 
  
  
  
  10.     ﹤name﹥ListBook﹤/name﹥ 
    11. 
  
  
  
  11.     ﹤tag-class﹥com.book.taglib.ListBookTag﹤/tag-class﹥ 
    12. 
  
  
  
  12.     ﹤body-content﹥JSP﹤/body-content﹥ 
    13. 
  
  
  
  13. ﹤/tag﹥ 
    14. 
  
  
  
  14. ﹤/taglib﹥ 
    15. 
  
  
  
  15.

三、Tag的后台处理文件，负责解释标签(ListBookTag.java)

 
 
 
    
  
  
  
  1. package com.book.taglib; 
    2. 
  
  
  
  2. 
  
  
  
  3. import java.util.*; 
    4. 
  
  
  
  4. import java.lang.*; 
    5. 
  
  
  
  5. 
  
  
  
  6. import com.book.model.bookmodel; 
    7. 
  
  
  
  7. import com.book.utils.StringHelper; 
    8. 
  
  
  
  8. 
  
  
  
  9. import javax.servlet.jsp.JspTagException; 
    10. 
  
  
  
  10. import javax.servlet.jsp.tagext.BodyTagSupport; 
    11. 
  
  
  
  11. import javax.servlet.jsp.tagext.BodyContent; 
    12. 
  
  
  
  12. import javax.servlet.jsp.PageContext; 
    13. 
  
  
  
  13. import javax.servlet.jsp.JspWriter; 
    14. 
  
  
  
  14. import javax.servlet.ServletRequest; 
    15. 
  
  
  
  15. 
  
  
  
  16. public class ListBookTag extends BodyTagSupport { 
    17. 
  
  
  
  17. 
  
  
  
  18.    // 标志开始位置执行 
    19. 
  
  
  
  19.    public int doStartTag(){ 
    20. 
  
  
  
  20.      return EVAL_BODY_BUFFERED; 
    21. 
  
  
  
  21.    } 
    22. 
  
  
  
  22.    // 标志结束位置执行 
    23. 
  
  
  
  23.    public int doEndTag()throws JspTagException { 
    24. 
  
  
  
  24.      int max = 0; 
    25. 
  
  
  
  25.      String ListBody = null; 
    26. 
  
  
  
  26.      int number = 1; 
    27. 
  
  
  
  27.     // 获取页码信息，也就是request对象中的内容 
    28. 
  
  
  
  28.      String serialNo = pageContext.getRequest().getParameter("serialNo"); 
    29. 
  
  
  
  29.     // 转换为整数 
    30. 
  
  
  
  30.      try{ 
    31. 
  
  
  
  31.        number = Integer.parseInt(serialNo); 
    32. 
  
  
  
  32.      } 
    33. 
  
  
  
  33.      catch(Exception e){ 
    34. 
  
  
  
  34.        number = 1; 
    35. 
  
  
  
  35.      } 
    36. 
  
  
  
  36.      if (number ﹤ 1) 
    37. 
  
  
  
  37.          number = 1; 
    38. 
  
  
  
  38.      // 获取保存在Session中的数据集，当然这里也可以从数据库中取数据 
    39. 
  
  
  
  39.      Vector bookVector = (Vector)pageContext.getSession().getAttribute("bookVector"); 
    40. 
  
  
  
  40.      if(number*10﹤bookVector.size()) 
    41. 
  
  
  
  41.          max = number*10; 
    42. 
  
  
  
  42.      else 
    43. 
  
  
  
  43.          max = bookVector.size(); 
    44. 
  
  
  
  44.      if(bookVector.size()﹥0){ 
    45. 
  
  
  
  45.          // 获取标签内部的内容 
    46. 
  
  
  
  46.          BodyContent bc = getBodyContent(); 
    47. 
  
  
  
  47.          for (int i = (number - 1) * 10; i ﹤ max; i++) { 
    48. 
  
  
  
  48.            // 获取一条记录 
    49. 
  
  
  
  49.            bookmodel model = (bookmodel) bookVector.get(i); 
    50. 
  
  
  
  50.            if (model == null) 
    51. 
  
  
  
  51.              model = new bookmodel(); 
    52. 
  
  
  
  52.            // 替换内容（就是在这里输出数据的，替换） 
    53. 
  
  
  
  53.            String body = bc.getString(); 
    54. 
  
  
  
  54.            body = StringHelper.replace(body, "$_SerialNo", model.getBookid()); 
    55. 
  
  
  
  55.            body = StringHelper.replace(body, "$_BookName", model.getBookname()); 
    56. 
  
  
  
  56.            body = StringHelper.replace(body, "$_Author", model.getAuthor()); 
    57. 
  
  
  
  57.            body = StringHelper.replace(body, "$_PHouse", model.getPhouse()); 
    58. 
  
  
  
  58.            body = StringHelper.replace(body, "$_Price", model.getPrice().toString()); 
    59. 
  
  
  
  59.            body = StringHelper.replace(body, "$_index", Integer.toString(i)); 
    60. 
  
  
  
  60.            // 向页面输出 
    61. 
  
  
  
  61.            try{ 
    62. 
  
  
  
  62.              pageContext.getOut().print(body); 
    63. 
  
  
  
  63.            } 
    64. 
  
  
  
  64.            catch(Exception e){ 
    65. 
  
  
  
  65. 
  
  
  
  66.            } 
    67. 
  
  
  
  67.          } 
    68. 
  
  
  
  68.       } 
    69. 
  
  
  
  69.      return EVAL_PAGE; 
    70. 
  
  
  
  70.    } 
    71. 
  
  
  
  71. } 
    72. 
  
  
  
  72.

四、页面JSP源码(BookList.jsp)

至此我们可以操作JSP来实现页面与代码分离。

 
 
 
    
  
  
  
  1. ﹤%@page contentType="text/html; charset=GBK"%﹥ 
    2. 
  
  
  
  2. ﹤%@ taglib uri="/MyBookTag" prefix="MyBookTag" %﹥ 
    3. 
  
  
  
  3. ﹤html﹥ 
    4. 
  
  
  
  4. ﹤head﹥ 
    5. 
  
  
  
  5. ﹤title﹥一个基于J2EE的图书DEMO﹤/title﹥ 
    6. 
  
  
  
  6. 
  
  
  
  7. ﹤script language="javascript"﹥ 
    8. 
  
  
  
  8. function returnBack(){ 
    9. 
  
  
  
  9.     document.form1.action = "BookAdmin.jsp"; 
    10. 
  
  
  
  10. } 
    11. 
  
  
  
  11. ﹤/script﹥ 
    12. 
  
  
  
  12. 
  
  
  
  13. ﹤/head﹥ 
    14. 
  
  
  
  14. ﹤body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"﹥ 
    15. 
  
  
  
  15. 
  
  
  
  16. 
  
  
  
  17. ﹤h2 align="center"﹥﹤font face="黑体" color="#0000CC"﹥图书列表﹤/font﹥﹤/h2﹥ 
    18. 
  
  
  
  18. ﹤form name="form1" method="post"﹥ 
    19. 
  
  
  
  19. ﹤table width="750" border="1" cellspacing="0" align="center" cellpadding="3" bordercolor="#A***BB6" bordercolordark="#ffffff"﹥ 
    20. 
  
  
  
  20.     ﹤tr align="center"﹥ 
    21. 
  
  
  
  21.       ﹤td width="100" bgcolor="FEFBF4" height="41"﹥序号﹤/td﹥ 
    22. 
  
  
  
  22.       ﹤td width="200" bgcolor="FEFBF4" height="41"﹥图示名称﹤/td﹥ 
    23. 
  
  
  
  23.       ﹤td width="100" bgcolor="FEFBF4" height="41"﹥图书作者﹤/td﹥ 
    24. 
  
  
  
  24.       ﹤td width="200" bgcolor="FEFBF4" height="41"﹥出版社﹤/td﹥ 
    25. 
  
  
  
  25.       ﹤td width="50" bgcolor="FEFBF4" height="41"﹥图书价格﹤/td﹥ 
    26. 
  
  
  
  26.       ﹤td width="100" bgcolor="FEFBF4" height="41"﹥操作﹤/td﹥ 
    27. 
  
  
  
  27.     ﹤/tr﹥ 
    28. 
  
  
  
  28.     ﹤!--这里使用标签技术，如果不用，就麻烦了，相信您一定有感触--﹥ 
    29. 
  
  
  
  29.    ﹤MyBookTag:ListBook﹥ 
    30. 
  
  
  
  30.     ﹤tr align="center"﹥ 
    31. 
  
  
  
  31.       ﹤td width="100" height="19"﹥$_SerialNo﹤/td﹥ 
    32. 
  
  
  
  32.       ﹤td width="200" height="19"﹥$_BookName﹤/td﹥ 
    33. 
  
  
  
  33.       ﹤td width="100"﹥$_Author﹤/td﹥ 
    34. 
  
  
  
  34.       ﹤td width="200"﹥$_PHouse﹤/td﹥ 
    35. 
  
  
  
  35.       ﹤td width="50" height="19"﹥$_Price﹤/td﹥ 
    36. 
  
  
  
  36.       ﹤td width="100" height="19" align="left"﹥ 
    37. 
  
  
  
  37.       ﹤a href="bookEditTable.jsp?ItemNo=$_index"﹥ 
    38. 
  
  
  
  38.         ﹤font color="#0000CC"﹥编辑﹤/font﹥ 
    39. 
  
  
  
  39.       ﹤/a﹥ 
    40. 
  
  
  
  40.       |﹤a href="bookview.jsp?ItemNo=$_index"﹥ 
    41. 
  
  
  
  41.         ﹤font color="#FF0000"﹥查看﹤/font﹥ 
    42. 
  
  
  
  42.       ﹤/a﹥ 
    43. 
  
  
  
  43.       ﹤/td﹥ 
    44. 
  
  
  
  44.     ﹤/tr﹥ 
    45. 
  
  
  
  45.    ﹤/MyBookTag:ListBook﹥ 
    46. 
  
  
  
  46. 
  
  
  
  47. ﹤/table﹥ 
    48. 
  
  
  
  48. ﹤table width="400" border="0"﹥ 
    49. 
  
  
  
  49.     ﹤tr﹥ 
    50. 
  
  
  
  50.       ﹤td width="100%" align="right"﹥ 
    51. 
  
  
  
  51.         ﹤div align="right"﹥ 
    52. 
  
  
  
  52.           ﹤input type="submit" name="Submit" value="返回" onClick="javascript:returnBack();" class="annew1"﹥ 
    53. 
  
  
  
  53.         ﹤/div﹥ 
    54. 
  
  
  
  54.       ﹤/td﹥ 
    55. 
  
  
  
  55.     ﹤/tr﹥ 
    56. 
  
  
  
  56. ﹤/table﹥ 
    57. 
  
  
  
  57. ﹤/form﹥ 
    58. 
  
  
  
  58. ﹤p align="left"﹥ ﹤/p﹥ 
    59. 
  
  
  
  59. ﹤/body﹥ 
    60. 
  
  
  
  60. ﹤/html﹥ 
    61.

以上就是页面与代码分离在JSP源码中的实现，希望对你有帮助。

文章标题：JSP源码技术之页面与代码分离
新闻来源：http://www.csdahua.cn/qtweb/news4/425354.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

成都快上网为您推荐相关内容

虚拟主机知识

行业网站建设

天泽尚品装饰　　 　vi形象设计　　 　成都做网站　　 　造型师设计　　 　成都发电机租用　　 　ssl证书申请　　 　成都众诚伟业　　 　恒温恒湿空调机组　　 　网络推广平台　　 　什邡网站建设　　 　无边发光字　　 　成都云主机　　 　成都圣月制冷　　 　成都做网站　　 　仿古建筑设计　　 　成都模板网站　　 　成都创新互联　　 　成都谷歌推广　　 　雅安电信机房　　 　正泰动物