APP下载

基于JSP 开发技术的信息化房屋租赁系统

2021-04-24陈湘瑾孙瑜鸿祖子帅于孔亮

科学技术创新 2021年9期
关键词:管理员页面界面

陈湘瑾 孙瑜鸿 祖子帅 于孔亮

(山东科技大学,山东 济南250000)

1 概述

在互联网持续性发展的今天,计算机技术也逐渐融入了人们的生活。从前对于线下房屋出租,大量复杂的房屋信息及中介公司鱼龙混杂,让人难以快速准确地从中找到适合自己的房屋信息,同时出租等交易双方需通过中介进行交易,过程繁琐且需中介费。因此需要一个第三方联系房屋出租者与求租者来弥补中介的不足,利用互联网开发一个快捷实时、可全方位共享出租房屋信息的系统平台,使房屋租赁信息管理向着规范化、简单化的方向发展。

2 系统需求分析和功能模块设计

本系统主要分为两类用户主体对象:普通用户和管理员。(1)普通用户:①登录、注册,②查询房屋信息(条件、模糊、组合查询),③浏览系统公告(查),④浏览房屋信息(查),⑤用户登录后需增设添加/发布房屋出租信息(增),⑥用户登录后增设删除已发布房屋信息(删)。(2)管理员(系统后台):①登录,②修改登录密码(改),③房屋信息管理,④会员用户信息管理,可删除用户信息,⑤系统公告管理,可对公告进行查看、删除和增添,⑥地界及区域信息管理,可添加和删除城市及区域。

图1 管理员系统用例图

管理员是本系统核心用户,对系统所有用户及信息有操作权限,能及时掌握房屋出租等各项数据信息。涉及六大功能模块,如图1。

系统功能模块如图2。

图2 系统功能模块图

3 系统总体设计及实现

3.1 数据库设计

概念设计中共出现6 个实体:(1)用户实体:用户编号、登录名、登录密码、姓名、性别、年龄、职业、住址、del。(2)管理员实体:管理员编号、用户名、密码。(3)出租实体:编号、户型、面积、价格、地址、联系人、联系电话、附件、用户编号……。(4)公告实体:公告编号、标题、内容、时间。(5)城市实体:城市编号、名称、del。(6)区域实体:区域编号、城市编号、区域名称。

逻辑结构设计:根据转换原则得到关系模式,在SQL Server 2014 中新建关系型数据库“db_fwcz”并进行数据库表结构设计。数据库连接主要实现语句如下:

3.2 前台主界面设计

fwcz/index.jsp 前台主界面由div 分块布局显示, 通过动作指令将top.jsp(基于JSP 房屋租赁网站);right.jsp(日历控件及文字轮播显示);top2.jsp(导航栏:系统首页公告信息、房屋查询、最新出租、公员注册、会员登录)等页面的显示效果都放在index.jsp 页面中,实际跳转到chuzuNew.jsp 页面,关键代码加下:

3.3 用户登录界面及功能设计

会员登录成功后点击导航栏中新增板块“个人中心”即可进入登录后的用户主界面。(对应fwcz/auser/index.jsp)此主界面依旧是同前台主界面设计一样由div 分块布局显示,通过动作指令将top.jsp(该页面还有超链接来实现退出当前用户管理界面)、left.jsp(左侧导航栏:修改我的信息、我的房屋出租)、main.jsp 等页面呈现效果放入auser 下的index.jsp 页面中。同理管理员登录界面设计……

4 系统详细功能设计及实现

4.1 普通用户房屋查询

用户输入关键词并提交后,会将所有信息提交给form 表单的action 处理,通过获取用户所选择区域的quyu_id 及输入的户型、地址信息在数据库里进行组合、条件、模糊查询,后遍历t_chuzu 表找到符合条件的出租信息并在chuzuNew.jsp 页面中通过循环标签及EL 表达式显示出来。查询关键代码如下:

StringBuffer sql=new StringBuffer ("select*from t_chuzu where 1=1");sql.append (" and quyu_id="+quyu_id); sql.append (" and huxing like '%"+huxing+"%'");sql.append (" and dizhi like '%"+dizhi+"%'");

例如:选择城市:济南;选择区域:天桥区;户型输入:二,点击查询按钮后得到模糊查询结果显示如下图3。

图3 模糊查询结果

4.2 会员修改个人信息

普通用户登录成功后进入“修改我的信息”界面可直接查看到自己的信息并做出相应修改。修改完点击确定按钮后javascript 中function()方法对文本框内容是否为空进行判断,而与数据库t_user 表修改更新的功能联系是在servlet 中处理的。修改功能关键代码如下:

4.3 会员发布房屋出租信息

用户可发布房屋出租信息,在chuzuAdd.jsp 页面中用户可上传文件,当用户点击上传按钮时触发function up()方法并弹出文件上传界面窗口,功能具体在upload.jsp 及upload_re.jsp 中实现呈现。文件上传关键代码如下:

mySmartUpload.upload ();myFile.saveAs (saveurl, mySmartUpload.SAVE_PHYSICAL);

4.4 管理员房屋信息管理

通过调用后台的action 类查询出所有的房屋出租信息,并把这些信息封装到数据集合List 中,绑定到request 对象,然后跳转页面,遍历显示房屋出租信息,同时管理员可删除该类信息。相关关键代码如下:

5 结论

本文通过网络环境下房屋出租、发布信息与服特点、信息展示与服务措施等方面进行考虑,构建了一套完整的房屋租赁系统,可最大限度地消除租赁供求信息的不对称性,方便管理人员对房屋出租信息进行快速而有效地管理。基于JSP 开发技术的信息化房屋租赁系统功能齐全,还具有界面特色功能控件设计等:如:导航菜单、文字轮播滚动显示、获取当前系统时间、文件上传、日历显示等,极大方便了求租用户查看实时更新的房屋信息。

猜你喜欢

管理员页面界面
刷新生活的页面
微重力下两相控温型储液器内气液界面仿真分析
答案
我是图书管理员
我是图书管理员
让Word同时拥有横向页和纵向页
国企党委前置研究的“四个界面”
可疑的管理员
扁平化设计在手机界面中的发展趋势
让管理员管不了的名字