房屋交易系统的原型设计

实验二房屋交易系统的原型设计

【实验目的】

1．熟练掌握页面设计流程，掌握页面布局；

3．能够根据系统需求，设计项目原型Demo。

【实验准备】

一、复习配套教材相关章节的内容；

二、预习本次实验；

【实验内容】

房屋交易系统的页面文件如下表所示。

静态界面文件列表

各页面具体如下描述（在界面设计过程中，只要保证页面的框架一致，所用图片等要求不一致。）：

1．系统主界面图。主界面命名为zf.html,左侧登录界面和右侧登录界面通过iframe嵌入，分别命名为left.html和main.html。

界面命名为register.html。

名为searchlist.html。

名为afterlogin.html。

售房信息显示界面命名为myinfolist.html。

发布界面命名为sendinfo.html。

【总结与体会】

实验三 JSP基本语法

【实验目的】

1．能够正确规划web项目的结构；

2．能够使用JS实现客户端数据校验；

3．能够合理使用CSS样式表。

【实验准备】

一、复习配套教材相关章节的内容；

二、预习本次实验；

【实验内容】

1．实现用户登录的过程。在left.jsp页面中输入用户名、密码，登录成功后进入afterlogin.jsp页面。

【总结与体会】

实验四系统中用户注册的实现

【实验目的】

1. 掌握JSP的基本语法；

2. 熟悉JSP的工作原理。

【实验准备】

一、复习配套教材相关章节的内容；

二、预习本次实验；

【实验内容】

1、实现用户注册功能，在页面输入相关信息，注册成功后给出相应的提示信息。

用户注册过程简单示例：

【总结与体会】

实验六个人房屋信息管理的实现

【实验目的】

1．使用request、Session在页面间传递数据

2．熟悉JSP页面中的多种导航方式

【实验准备】

一、复习配套教材相关章节的内容；

二、预习本次实验；

【实验内容】

1．在afterlogin.jsp页面中点击“管理我的售房信息”超链接，在右侧界面中以表格形式显示当前用户发布的房屋信息。

图1

图2

2、在图2所示界面中，点击“增加”按钮，打开图3所示的界面。输入相关信息后点击“提交”按钮，数据保存到数据库中。

图3 【总结与体会】