电子商务网站课程设计实验报告个人实习报告4.docx

电子商务网站课程设计实验报告个人实习报告4.docx

《电子商务网站课程设计实验报告个人实习报告4.docx》由会员分享，可在线阅读，更多相关《电子商务网站课程设计实验报告个人实习报告4.docx（4页珍藏版）》请在冰点文库上搜索。

个人课程设计报告

-----太原二手房交易信息网站

小组：

班级：

学号：

姓名：

1网站简介与任务分配

1.1网站名称：

你爱我家-太原二手房交易信息网

1.2运行环境

WindowsXPSP3

1.3网站功能

l一些基本功能。

l对二手房信息进行注册。

l对二手房信息进行浏览。

l按照房屋所在区、理想价格、建筑面积、类型对房屋信息分类查看。

l通过输入房屋所在小区对房屋进行检索。

1.4网站结构设计

主页

网站简介

分类导航

房屋注册

小区房屋检索

广告

按区分类

按价格分类

按面积分类

按类型分类

广告页

注册成功

1.5设计工具

图片编辑工具：

AdobeFireworkscs5

网站开发工具：

AdobeDreamweavercs5

1.6我的任务

分类导航页、价格结果页、广告页

2分类导航页的制作

2.1下拉菜单的制作

2.1.1显示部分的制作

l在要纺织导航栏的位置绘制AP-Div，以控制导航栏表格插入的位置。

l插入一个1行4列、宽度为100%的表格，在单元格内分别插入事先准备好的图片。

l分别选中单元格或单元格内的图片，在属性面板中设置其要链接的网页文件。

l调整单元格大小、背景颜色，使其美观。

2.1.2隐藏部分的制作

l将要成为下拉菜单的表格、图像、文字等添加在一个AP-Div中，调整到合适的大小、位置。

l选中下拉菜单的触发文字或其所在单元格，在标签检查器面板中选择行为，单击“+”，选择显示隐藏元素，选择刚才制作的下拉菜单所在的AP-Div元素，点击显示（或隐藏），在行为面板中选择onMouseOver（或onMouseout）。

l选中下拉菜单所在AP-Div元素或表格，再次添加上述两个行为。

l选中下拉菜单所在AP-Div，在属性面板中将其可见性调整为隐藏，或者在AP元素面板中点击眼睛图标控制AP元素可见性。

2.2结果显示部分的制作

2.2.1记录显示表格

l绘制AP-Div，添加一个3行3列的表格，在其四个角插入准备好的图片，其他单元格设置相应背景颜色，以达到圆角表格美观的效果。

l在中心单元格中添加表格，编辑要显示的数据的排版分布。

2.2.2添加记录集

l我们将分类导航页设计为显示所有记录的页，所以记录集要加入整个表。

l在绑定面板中单击“+”，选择记录集（查询）选项，输入记录集的名称，选中相应连接、表。

2.2.3显示记录属性

在表格相应位置单击，在绑定面板选择要显示的数据项，单击插入。

如在街道后的单元格插入街道数据。

2.2.4添加转到详细页面的链接

l选中房屋编号数据的ASP图标，在服务器行为面板中单击“+”，选择转到详细页面。

l输入详细信息网页文件的地址，传递URL参数取名为：

jibenID，选择对应记录集与列。

2.2.5显示多条记录

l选中表格，在服务器行为面板中单击“+”，选择重复区域，在弹出对话框中选择所有记录。

l为避免记录过多使页面过大，我们选中其所在AP-Div，将其溢出属性改为scroll（滚动），这样数据过多时在此AP元素中拖动滚动条即可查看。

3价格结果页的制作

l价格结果页的制作与分类导航页的制作类似，只是添加的记录集有所不同，要设置不同的SQl语句和参数值，下面是各网页设置的SQL语句和参数值的对照。

100万以下

SELECT*

FROM房屋基本信息

WHERE[理想价格（万元）]<=MMColParam

100

100-200万

SELECT*

FROM房屋基本信息

WHERE[理想价格（万元）]between100and200

200万以上

SELECT*

FROM房屋基本信息

WHERE[理想价格（万元）]>=MMColParam

200

l效果截图（分类导航页与价格结果页类似）

4广告页的制作

广告页的制作只涉及文字、图片、表格的插入和简单的AP-Div布局，操作简单，不在此赘述。