网络综合设计报告现代房产中介信息网.docx

长治职业技术学院信息工程系项目综合设计说明书设 计题目现代房产中介信息网项目名称网络应用设计专业班级13计应大专班学生姓名陈小娟指导教师宋丽芳2015 年 1 月 9 日项目综合设计任务书项目：网络应用设计专业：计算机应用技术班级：13计应大专班课 题 名 称JSP动态网站现代房产中介信息网指 导 教 师宋丽芳学 生 姓 名陈小娟项目设计起止时间2014年12月1日 2015年1月9日共6周项目设计课题的目的与任务：【目的】1.熟悉网络应用系统总体设计的方法与B/S架构系统开发的过程。2.掌握Web数据库的设计与应用技术、JSP服务器的配置技术、应用HTML标签语言、JavaScript脚本语言、CSS+DIV网页设计的技术、JSP动态网站的技术。【任务】1.应用系统的总体设计。2.系统所需数据库的合理设计。3.编写代码、调试系统。4.撰写设计说明书，完成在线考试系统的设计。项目设计课题的要求：1.功能实用：系统的各项功能要符合实际需求。2.功能完整：系统要分别有经纪人和客户的注册、登录功能，系统要有房产信息的增、删、改的基本功能，系统要有房产交易的信息操作等。3.分工明确：对系统的操作权限要有合理的限制。4.界面友好、美观。拟定的工作进度(以周为单位)：1.第一周：确定课题，进行用户需求调查与分析；2.第二周：系统总体功能设计、数据库设计；3.第三、四、五周：各功能模块设计实现4.第六周整理思路，打印上交任务下达人：宋丽芳日期：2014年12月1日任务接受人(签字)：日期：年月日信息工程系项目综合设计评价表项目教学团队对学生项目综合设计表现及设计说明书的评语教学团队负责人签字：年月日项目设计答辩小组对学生项目综合设计及答辩的评语答辩小组组长签字：年月日项目综合设计成绩答辩小组组长签字年月日摘要随着计算机软、硬件技术的发展，计算机网络势必成为我们日常生活中不可缺少的组成部分它已经并将继续以一种特殊的方式改变我们的生活。现在仍然以十分惊人的速度在继续发展它将渗透到我们生活的每一个角落。据估计，目前Internet上已有上百万个Web站点其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域其用户群十分庞大。WWW的盛行天下与HTML的出色表现是密不可分的。随着时间的推移，目前主流的Web页面的编程技术主要是3P技术、ASP、PHP、JSP。通过该房产中介系统用户可以发布房屋出售出租及需求信息，同样也可以查询其它用户发布的房屋相关信息。使用该网上房产中介管理系统可以实现统一的信息发布、浏览、维护等多项功能。使房产中介摆脱大量的手工书写操作,快速、准确、方便的提供各类统计信息,充分发挥计算机网络的优势,实现资源共享和协同工作,使房产中介管理工作达到现代化、规范化、科学化为广大用户的使用带来更多的方便。本次的选题是：房产中介管理系统，通过该题目的设计，主要是利用软件平台对房产中介公司的工作业务以及店内行政事务进行信息化流程化的系统管理，以此提高工作效率，改善经营状况的目的。可以掌握软件开发过程的问题分析、系统设计、程序编码、测试等基本方法和技能。网上房产中介管理系统为现代人了解房屋信息提供了一种新的途径。网上房产中介系统具有节省时间、快捷方便信息准确及时等特点。房产中介管理系统是基于网络的管理信息系统，包括前台应用程序的设计和后台数据库的开发。它要求数据库具有数据一致性好、前台应用程序的界面简洁友好而且功能完善等特点。关键字：经纪人，用户，交易，房屋目录引言一、需求分析二、系统架构三、系统功能及结构图四、数据库设计(一)房屋中介管理系统的ER图：(二)需求分析(三)用SQL server建立数据库1.物理名2.数据库中fczjgl的表五、系统中所需的JavaBean(一)DatabaseCon.java类(二) DatabaseQuery.java类(三) DatabaseUpdate.java类(四)DatabaseExec.java类(五)DatabaseInsert.java类(六)DatabaseDelete.java类六、功能模块实现(一)数据库连接(二)用户管理1.用户登陆2.验证身份3.登录后进入的界面(三)网站首页设计(index.jsp)(四)信息表管理1.视图工资表(gzbquery.jsp)2.视图房屋信息表(fwxxinfo.jsp)3.房屋表管理(fwbinfo.jsp)4.经纪人表管理(jjrinfo.jsp)5.交易表管理(jybinfo.jsp)6.客户表管理(khbinfo.jsp)7.提成表管理(tcbinfo.jsp)七、参考文献八、致谢引言房屋中介信息管理系统在全球范围内都得到了广泛的应用，国内传统中介公司人工处理信息得到了改善，计算机科学的日渐成熟，强大的功能以为人们深刻认识，他已进入人类社会的各个领域病发挥着越来越重要的作用。种种优点都能够极大的提到房屋中介和房产公司运营的管理效率，也是中介公司的科学化、正规化管理的重要条件。一、需求分析本次的选题是：房产中介管理系统，通过该题目的设计，主要是利用软件平台对房产中介公司的工作业务以及店内行政事务进行信息化流程化的系统管理，以此提高工作效率，改善经营状况的目的。可以掌握软件开发过程的问题分析、系统设计、程序编码、测试等基本方法和技能。网上房产中介管理系统为现代人了解房屋信息提供了一种新的途径。网上房产中介系统具有节省时间快捷方便信息准确及时等特点。房产中介管理系统是基于网络的管理信息系统包括前台应用程序的设计和后台数据库的开发。它要求数据库具有数据一致性好前台应用程序的界面简洁友好而且功能完善等特点。本次房产中介管理系统的使用人员主要有2类：经纪人和用户。这二类使用人员在系统中可使用不同的功能，经纪人是使用系统不受限制可对各表fwb，khb，jjr，tcb，jyb进行查询、更新、删除、增加和查看所有客户的留言和聊天记录等；而未注册登录的用户使用只可进行查询信息和浏览主页不可进入聊天室留言和预订。房产中介管理系统能够实现查询记录、录入记录、删除记录、更新记录等功能。二、系统架构JSP动态网页是一个B / S 架构应用系统，B / S架构其实是一个客户端、web服务器和数据库服务器的三层结构系统，再次数据库采用SQL Server 2000,web服务器采用了IE浏览器,在Windows XP平台调试完成，代码采用HTML标签语言、Java Script脚本语言及CSS技术完成。三、系统功能及结构图系统功能是对专业开设的经纪人信息、客户信息、交易信息、房屋信息、提成信息进行查询操作、录入操作、修改操作，和留言板操作进行聊天互动。在各表进行录入和修改过程中也有一个权限设置，每个用户不同，所实现的功能是不同的。结构图如下：如图3.1四、数据库设计(一)房屋中介管理系统的ER图：如图3.2按规则将E-R图转换为如下5个关系模式：经纪人(经纪人编号，经纪人，密码，联系方式，底薪)客户(客户编号，客户名，密码，联系方式，客户需求，经纪人编号)房屋(房屋编号，联系人，联系方式，房屋类型，面积，价格，地址，托管方式，建筑年份，经纪人编号)交易(交易编号，经纪人编号，房屋编号，客户编号，成交金额，交易类型，成交日期)提成(经纪人编号，交易编号，提成)(二) 需求分析（经过分析，提取有用信息如对象、属性、对象间联系、属性间的联系，并对其特征进行描述，信息的编码规则的约定）数据库名：房产中介管理系统4个实体集：经纪人(经纪人编号，经纪人，密码，联系方式，底薪)客户(客户编号，客户名，密码，联系方式，客户需求)房屋(房屋编号，联系人，联系方式，房屋类型，面积，价格，地址，托管方式，建筑年份)交易(交易编号，成交金额，交易类型，成交日期)(三)用SQL server建立数据库1.物理名数据库名：fczjgl.mdffczjgl.ldf2.数据库中fczjgl的表(1)表结构房屋表结构表4.1经纪人表结构表4.2交易表结构表4.3客户表结构表4.4提成表结构表4.5(2)视图结构view_fwxxview_fwxx功能查询经纪人中的经纪人，经纪人联系方式，房屋表中的房屋编号，房屋类型，面积，价格，地址，托管方式，建筑年份。CREATE VIEW dbo.view_fwxxASSELECT dbo.fwb.fwid, dbo.fwb.fwlx,dbo.fwb.mj,dbo.fwb.jg, dbo.fwb.dz, dbo.fwb.tgfs,dbo.fwb.jznf,dbo.jjr.jjr, dbo.jjr.jjlxFROM dbo.jjr INNER JOINdbo.fwbON dbo.jjr.jjid = dbo.fwb.jjid表4.6view_gzbview_gzb功能查询经纪人中的经纪人编号，经纪人，底薪，提成表中的提成。CREATE VIEW dbo.view_gzbASSELECT dbo.jjr.jjid, dbo.jjr.jjr, dbo.jjr.dx, dbo.tcb.tcFROM dbo.jjr INNER JOINdbo.tcbON dbo.jjr.jjid = dbo.tcb.jjid表4.7五、系统中所需的JavaBean(一)DatabaseCon.java类该类中设计了一个成员方法getConnection()，该方法返回一个con对象，完成数据库的连接，代码如下：public Connection getConnection()Connection con=null;try Class.forName(com.microsoft.jdbc.sqlserver.SQLServerDriver);con=DriverManager.getConnection(jdbc:sqlserver:/localhost:1433;databaseName=fczjgl,sa,123);catch(Exception e)e.printStackTrace();return con;(二)DatabaseQuery.java类该类中设计了一个成员方法query( )，该方法返回一个data二维数组，完成查询数据库的某个表中有多少行和列数据，代码如下：public String query(String sql,Object. params)String data=null;Connection con=null;PreparedStatement ps=null;ResultSet rs=null;tryDatabaseCon dbc=new DatabaseCon();/数据库连接con=dbc.getConnection();ps=con.prepareStatement(sql,ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY);/建立数据库操作对象for(int i=0;iparams.length;i+)/装入sql语句参数ps.setObject(i+1, paramsi);rs=ps.executeQuery();int rowNum=0;/数据库表行数while(rs.next()rowNum+;ResultSetMetaData rsmd=rs.getMetaData();int column=rsmd.getColumnCount();/列数data=new StringrowNumcolumn;rs.first();/游标定位到表头，重新取得数据rs.previous();int rn=0;/控制行号while(rs.next()for(int i=0;icolumn;i+)datarni=rs.getString(i+1);/取数据rn+;catch(Exception e)e.printStackTrace();finallytryrs.close();ps.close();con.close();catch(Exception ex)ex.printStackTrace();return data;(三)DatabaseUpdate.java类该类中设计了一个成员方法update( )，该方法返回一个int型的值，完成其他类实例化以后的对数据库的某个表进行更新的操作，代码如下：public int update(String sql,Object. params)int ru=0;Connection con=null;PreparedStatement ps=null;tryDatabaseCon dbc=new DatabaseCon();/数据库连接con=dbc.getConnection();ps=con.prepareStatement(sql,ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY); /建立数据库操作对象for(int i=0;iparams.length;i+)/装入sql语句参数ps.setObject(i+1, paramsi);ru=ps.executeUpdate();catch(Exception e)e.printStackTrace();finallytryps.close();con.close();catch(Exception ex)ex.printStackTrace();return ru;(四)DatabaseExec.java类该类中设计了一个成员方法exec()，该方法返回一个int型的值，代码如下：public int exec(String prcoName,Object. params) int num=0;DatabaseCon dbc=new DatabaseCon();/*数据库连接*/Connection con=dbc.getConnection();String sqlPre=call +prcoName+(;/*组装SQL语句*/if(params.length=0)sqlPre=call +prcoName;String sqlmid=;for(int i=0;iparams.length;i+)sqlmid=sqlmid+,?;sqlmid=sqlmid.substring(1);String sqlASe=);if(params.length=0)sqlASe=;String sql=sqlPre+sqlmid+sqlASe;CallableStatement cs=null;try /*组装存储过程参数*/ cs=con.prepareCall(sql);for(int i=0;iparams.length;i+)cs.setObject(i+1,paramsi);boolean flag=cs.execute();/*执行存储过程*/num=cs.getUpdateCount(); catch (SQLException e) e.printStackTrace();finallytry con.close(); catch (SQLException ex) ex.printStackTrace();return num;(五)DatabaseInsert.java类该类中定义了一个int整型，该方法返回一个int整型，完成其他类实例化以后的对数据库的某个表进行更新的操作，代码如下：public int insert(String sql,Object.params)int ru=0;Connection con=null;PreparedStatement ps=null;tryDatabaseCon dbc=new DatabaseCon();/数据库连接con=dbc.getConnection();ps=con.prepareStatement(sql,ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY); /建立数据库操作对象for(int i=0;iparams.length;i+)/装入sql语句参数ps.setObject(i+1,paramsi);ru=ps.executeUpdate();catch(Exception e)e.printStackTrace();finallytryps.close();con.close();catch(Exception ex)ex.printStackTrace();return ru;(六)DatabaseDelete.java类该类中定义了一个int整型，该方法返回一个int整型，完成其他类实例化以后的对数据库的某个表进行删除的操作，代码如下：public int delete(String sql,Object. params)int ru=0;Connection con=null;PreparedStatement ps=null;try/数据库连接DatabaseCon dbc=new DatabaseCon();con=dbc.getConnection();ps=con.prepareStatement(sql,ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY); /建立数据库操作对象for(int i=0;iparams.length;i+)/装入sql语句参数ps.setObject(i+1, paramsi);ru=ps.executeUpdate();catch(Exception e)e.printStackTrace();finallytryps.close();con.close();catch(Exception ex)ex.printStackTrace();return ru;六、功能模块实现(一)数据库连接在服务器tomcat下创建一个文件夹webappsfczjgl工程，工程下存放各个模块比如聊天室，各表等，并在stumanager下建立WEBINFclasses和lib文件夹，并将数据库连接公共类放在classes的fc文件夹下，使得SQLServer数据库和JSP之间创建一个联系。(二)用户管理该模块是要对用户进行身份验证，用户访问是要是要输入用户名和密码进行验证登陆的，而且不用角色登录，进入到不同的界面。如果第一次登录需要点击注册按钮，进入到了khbins.jsp表然后再次登录；如果是用户身份登录进入到的是index0.jsp界面；如果是经纪人身份登录进入到的是kj下all_Frame.html界面。1.用户登陆点击index.jsp的登录按钮，进入到了login的登录页面，不同身份不同登录，若是客户登录进入到的是index0.jsp若还不是用户还需先注册，点击注册按钮，进入到了fw/khbins.jsp，而下图陈风杰用户作为经纪人身份登录的：如图6.1注册按钮代码如下用户登录按钮代码如下用户登录密码为abcabc经纪人登录按钮代码如下经纪人登录密码为1231232.验证身份通过上述的用户登录，只有注册过的用户和经纪人才可登陆成功。涉及到3个表，login.jsploginValidate.jsp和loginValidate1.jsp.在login.jsp中运用sbmit()函数，验证身份进入不同界面，代码如下function sbmit(objName)var frmObj=document.getElementById(form1);if(objName=reg)frmObj.action=./fw/khbins.jsp;jsessionid=;if(objName=login)frmObj.action=./model/loginValidate.jsp;jsessionid=if(objName=login1)frmObj.action=./model/loginValidate1.jsp;jsessionid=return true;在loginValidate1.jsp的if函数是判断经纪人身份登录的，代码如下.userName=t.tansSubDatabase(userName);String pwd=request.getParameter(pwd);if(userName=null)userName=;if(pwd=null)pwd=;String data=dq.query(select * from jjr where jjr=? and jjmm=?,userName,pwd);if(data=null | data.length=0)response.sendRedirect(./chat/login.jsp);session.setAttribute(login,failure);/session.setAttribute(userName,userName);elseresponse.sendRedirect(./kj/all_Frame.jsp);session.setAttribute(login,success);session.setAttribute(userName,userName);在loginValidate.jsp的if函数是判断用户身份登录的，代码如下userName=t.tansSubDatabase(userName);String pwd=request.getParameter(pwd);if(userName=null)userName=;if(pwd=null)pwd=;String data=dq.query(select * from khb where khm=? and khmm=?,userName,pwd);if(data=null | data.length=0)response.sendRedirect(./chat/login.jsp);session.setAttribute(login,failure);/session.setAttribute(userName,userName);elseresponse.sendRedirect(./index0.jsp);session.setAttribute(login,success);session.setAttribute(userName,userName);3.登录后进入的界面如果是以用户身份登录成功后，进入到的是index0.jsp界面。登录成功后，在index0界面会显示“欢迎用户回到现代”，这里用到userName的传值：如果是以经纪人身份登录成功后，进入到的是/fczjgl/kj/all_Frame.jsp界面。此界面用到了框架结构上框架左框架left_Frame.html中插入表格：房屋管理，客户查询，交易成果，工资查询，查看留言，预约信息，返回首页。房屋管理链接./fw/fwbinfo.jsp；客户查询链接./fw/khbinfo.jsp；交易成果链接./fw/jybinfo.jsp；工资查询链接./fw/gzbquery.jsp；查看留言链接./chat/showMsg.jsp；预约信息链接./chat/showMsg1.jsp；返回首页链接./index0.jsp。右框架right_Frame.html中插入一张图片，主要是展示左边链接的东西。在经纪人登录后，点击经纪人名字会再次进入kj/all_Frame.jsp界面，代码如下：session.setAttribute(role,manager);(loginValidate1.jsp)中管理员赋予manager角色session.setAttribute(role,pole);(loginValidate.jsp)中用户赋予pole角色all_Frame.jsp中代码如下：(三)网站首页设计(index.jsp)此次选题是房产中介管理信息网站的设计，系统主页设计尽量达到界面直观，淋漓尽致的体现主题房产中介，而且设计还要让客户操作方便符合大众的审美和需求，同时还要具有时代意义，彰显我们本次系统的网站名称“现代”二字。既然作为房产信息网站，不可花里胡哨，一定要正式直观，因此我们有效利用Dreamwerver的直观性，使用方便易上手，更换方便的特点制作了一个用户登录快捷简便的页面，同时也满足客户是上帝的心理对房屋的需要和信息。1.引类import=stu.fc.model.DatabaseQuery2.脚本语言3.首页主要是由11个div组成，其中这11个div全部都放在一个box的大div中防止错位，在不同的div中插入不同的东西，例如表格，图片，flash动画，按钮等元素。例如：(表头)#ffposition:absolute;height: 39px;width: 1185px;top:425px;left: 209px;color:#ffffff;background-color:#F00;首页公司简介房源信息成果展示楼盘推荐表头中的“公司简介”链接index/indexJJ.jsp；“房源信息”链接fw/fwxxinfo.jsp；“成果展示”链接fw/jybquery.jsp；“楼盘推荐”链接index/indexZS.jsp。4.房源发布主要是由表格插入图片组成，而且图片是经过ppt里相框的制作截图而来的，这样图片不会显得太突兀太单调，增加一些修饰作用显得更美观。如图6.25.中间“今日头条”部分的设计，主要是最新的房屋新闻和法律法规，有利的维护客户的权益，同时也让客户对房屋信息更加了解。链接了2个网址/146702.html/info/hetong/htfalv/20111109145433.html6.登录div部分的设计，肯定需要“注册和“登录”字段，同时还会附上我们现代房产中介的欢迎语句和热线电话和邮箱。7.右边“热门房产问答”部分的设计，涉及到一些2014年的最新的房屋基本信息、热门回答和关于一些二手房的信息，让主题更贴近实际情况。8.左下角“留言”部分的设计，考虑到客户查看主页之后会有一些想法，所以设计此部分就是为了方便客户留言，此时，用留言图片链接了一些留言板chat/send.jsp。9.“幸运抽奖”部分的设计，考虑到新年将至，只要客户登录成功后进入index0.jsp就会有惊喜送上，可抽取幸运奖，链接文件chapter5/eg18.jsp。10.最底下的“版权所有栏”部分的设计，考虑到一个网站是要有版权，所以特此设计一个div以及填充色background-color:#CFF;注：index和index0的区别，：index是未登录的首页，可查询表头的链接信息，可查看房屋法规的链接信息，唯一不可的是对网站进行留言。而index0是用户登录后进入的界面，和index基本相同，不同的是index0可进入留言板进行留言和进行抽奖。(四)信息管理1.工资查询(gzbquery.jsp)功能：通过提成表和经纪人表建立视图，让经纪人方便计算最终的工资。导入类import=stu.fc.model.DatabaseQuery”。引用queryStuInfo()函数function queryStuInfo()var flag=false;var conres=document.getElementsByName(conres);for(var i=0;iconres.length;i+)if(conresi.checked)if(conresi.id=oldres)flag=true;break;引用2.房屋综