internet课程设计（网页设计）报告.docVIP

课程设计目的 在学完本门课程后，不仅要了解TCP/IP协议的工作原理，更重要的是能综合应用所学协议的工作原理知识，具有实际编码实现同协议打交道的能力。本课程设计旨在使学生通过完成一个小型的模拟命题，可在建议的选题中任选一个，从而达到将理论知识和实践知识相结合，进一步理解TCP/IP协议的工作原理，提高学生网络编程的动手能力的目的。 课程设计任务 网页制作： 1.用HTML或网页设计工具设计网页 2.用IE浏览器浏览所设计页面，要求页面美观，包含常见的HTML格式元素 3.包含一定的动态页面技术（有脚本代码或后台逻辑代码） 设计方案 网页功能分析和布局设计 根据网页制作的任务要求，我选择在生活中常见的小说网为主题，设计一个提供图书小说信息查阅的网页。在网上查看了一些相关的图书网站后，我对自己要制作的网页进行了规划布局，共有9个页面，相对比较简陋，内容页比较简单。流程图如下： **页面功能分析： （1）页面美观，布局合理。 （2）具有超链接，能够进行页面间的转换。 （3）具有简单的动态技术。 2.设计的具体步骤 （1）页面规划 本次的网站的基本功能有九个页面完成，具体如下： bookQuery.jsp:图书网主界面。包括了导航栏（首页，图书分类，最新图书，图书排行榜），图书查询模块（这是布局在首页中的查询功能，输入书名，点击【查询】按钮，连接到bookQueryDo.jsp。），广告信息，一周好书推荐，图书查询等模块。 Fenlei.jsp:图书分类界面。在首页中点击导航栏中的图书分类就会打开此页面，此页面是用来对图书分类，以便读者查找。 Zuixin.jsp:最新图书界面。首页中点击导航栏中的最新图书就会打开此页面，此页面是给读者展示最新上线图书。 Paihang.jsp:图书排行榜界面。首页中点击导航栏中的图书排行榜就会打开此页面，此页面是给读者展示图书阅读量排行榜。 bookQueryDo.jsp:连接到数据库，查询需要的信息，并且在界面显示结果。 a.jsp,b.jsp,c.jsp,d.jsp:图书介绍界面。点击首页中一周好书推荐中的图片,j就会连接到相应的图书作品介绍界面。 步骤描述 在Myeclipse中新建工程tushuwang。 在工程中新建九个JSP页面：bookQuery.jsp、Fenlei.jsp、Zuixin.jsp、Zuixin.jsp、Paihang.jsp、bookQueryDo.jsp、a.jsp、b.jsp、c.jsp、d.jsp。 编写九个JSP页面的代码。 在SOL server2008中创建数据库和数据表。 启动WEB服务器并发布工程。 运行工程。 算法或框图、关键代码说明 首页算法说明 首页是整个网站的最主要的部分，整体布局采用表格布局的方法进行整齐规划。首页上部是个导航栏，采用表格，并在里面做上超链接。导航栏代码如下： table border=1 align=center tr td width=200 height=10 bgcolor=greednbsp;nbsp;nbsp;nbsp;nbsp;nbsp;a href=main.jsp●主页/a/td td width=200 height=10 bgcolor=greednbsp;nbsp;nbsp;nbsp;nbsp;nbsp;a href=fenlei.jsp●图书分类/a/td td width=200 height=10 bgcolor=greednbsp;nbsp;nbsp;nbsp;nbsp;nbsp;a href=zuixin.jsp●最新图书/a/td td width=200 height=10 bgcolor=greednbsp;nbsp;nbsp;nbsp;nbsp;nbsp;a href=paihang.jsp●图书排行榜/a/td /tr /table 图书查询布置在首页左上角，点击提交按钮会触发bookQueryDo.jsp，从而从数据库中找出图书。具体代码如下： form name=queryFrm method=post action=bookQueryDo.jsp table border=0 align=center tr td table border=1 td width=200 height=10 font color=greendh2center图书查询/center/h2/font/td tr td width=150 height=10 rowspan=2 align=center书名:input type=textname=bookName/ pinput name=s