10.5　项目设计

时间：2007-09-26 来源：IT在中国编辑：作者：IT在中国 [ 大中小 ]

　　在设计项目时，我们可以将项目分成模块化来设计并实施，这样可以便于我们管理

10.5　项目设计

在设计项目时，我们可以将项目分成模块化来设计并实施，这样可以便于我们管理。我们只需将每一个模块的接口和数据传递的参数设置好即可。

在设计过程中，我们需将文件建立到Tomcat所设置的虚拟目录中，这样我们才能调试所录入的文件代码，其路默认在C:\Program Files\Apache Group\Tomcat 4.1\webapps\examples\myjsp\tushu文件夹中，如图10-2所示。本网站主要通过在静态页面中插入JSP脚本代码，来实现网站的功能的。

图10-2　计算机图书管理站点结构（tushu）

10.5.1　主页面

下面我们来学习制作主页面，首先将主页面分成了上、中、下三个部分，在主页面的中间部分分别用include包含上部分（top.jsp）文件和下部分（end.jsp）文件。在浏览时，将自动加载到index.jsp页面中，组成主页面的整体页面。我们在学习时，将对文件中的部分代码进行讲解。用户需练习或者查看源代码时，可以查看光盘中所给出的网站中所对应的文件。

在上部分top.jsp文件中，我们分别连接了“程序设计”、“数据库管理”、“图形处理”、“办公自动化”、“网络工程”、“计算机硬件”、“计算机辅助”和“综合类”等子页面的链接。用户通过代码可以看出，这些子页面都链接着共同Language.jsp文件，称之为“公共模块”。在连接的过程序中，我们应用了传递不同参数来区分公共模块的显示内容。例如连接程序设计子页面，代码为<a href="language.jsp?lei=1" >程序设计</a></td>。

另外，我在top.jsp文件用include包含了搜索页面（search.jsp文件）模块及“订单投诉”、“客户服务”、“付款方式”、“我的订单”、“购物车”、“收银台”、“更改资料”和“退出”等单项页面的链接，如图10-3所示。

程序清单：top.jsp

　 function openbag(id) { window.open("basket.jsp?id="+id,"","height=420,width=460,left=190,top=10,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no");}

</script>

//包含搜索文件

<%@include file="search.jsp"%></td>

//显示子页面的链接

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] 下一页

访问() 相关评论() 打印资源返回顶部加入收藏

IT中国首页

10.5　项目设计