计算机毕业设计 241的房屋出租出售系统vue 毕设

第5章系统详细设计

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1TC4y1273L/

三、运行截图：

5.1前台首页功能模块

房屋出租出售系统，在房屋出租出售系统可以查看首页、房屋租售、系统公告、留言反馈、个人中心、后台管理、在线客服等内容，如图5-1所示。

图5-1系统首页界面图

登录、用户注册，通过用户注册获取用户名、密码、姓名、年龄、性别、手机、邮箱、身份证等信息进行注册，如图5-2所示。

图5-2登录、用户注册界面图

房屋租售，在房屋租售页面可以填写房屋编号、标题、房型、图片、地址、出租定金、出租价格、出售价格、出售定金、房屋设施等信息进行租房、购房，如图5-3所示。

图5-3房屋租售界面图

留言反馈，在留言反馈页面可以填写留言内容等信息进行立即提交如图5-4所示。

图5-4留言反馈界面图

5.2管理员功能模块

管理员登录，通过填写用户名、密码、角色等信息，输入完成后选择登录即可进入房屋出租出售系统，如图5-5所示。

图5-5管理员登录界面图

管理员登录进入首页、个人中心、用户管理，房型信息管理，房屋租售管理，出租订单管理、购买订单管理、租售合同管理、留言板管理、系统管理等内容，如图5-6所示。

图5-6管理员功能界面图

用户管理，在用户管理页面可以查看用户名、密码、姓名、年龄、性别、手机、邮箱、身份证等信息，并可根据需要对用户管理进行详情，修改，删除或查看详细内容等操作，如图5-7所示。

图5-7用户管理界面图

管理员在房型信息管理页面可以查看房型等信息，并可根据需要对房型信息管理进行详情，删除或查看详细内容等操作，如图5-8所示。

图5-8房型信息管理界面图

房屋租售管理，在房屋租售管理页面可以查看房屋编号、标题、房型、图片、地址、出租定金、出租价格、出售价格、出售定金、房屋设施等信息，并可根据需要对房屋租售管理进行详情，删除或查看详细内容操作，如图5-9所示。

图5-9房屋租售管理界面图

出租订单管理，在出租订单管理页面可以查看房屋编号、标题、房型、出租定金、出租价格、用户名、姓名、手机、备注、是否支付、审核回复、审核状态、审核等内容，并可根据需要对出租订单管理进行详情、修改、删除或查看详细内容等操作，如图5-10所示。

图5-10出租订单管理界面图

购买订单管理，在购买订单管理页面可以查看房屋编号、标题、房型、出售定金、出售价格、用户名、姓名、手机、备注、是否支付、审核回复、审核状态、审核等信息，并可根据需要对购买订单管理进行详情，修改，删除或查看详细内容等操作，如图5-11所示。

图5-11购买订单管理界面图

租售合同管理，在租售合同管理页面可以查看用户名、姓名、手机、租售类型、合同名称、合同等内容，并可根据需要对租售合同管理进行详情，修改，删除和查看详细内容等操作，如图5-12所示。

图5-12租售合同管理界面图

5.3用户功能模块

用户登录进入房屋出租出售系统可以查看首页、个人中心、出租订单管理、购买订单管理、租售合同管理、我的收藏管理等内容，如图5-13所示。

图5-13用户功能界面图

出租订单管理，在出租订单管理页面可以填写房屋编号、标题、房型、出租定金、出租价格、用户名、姓名、手机、备注、是否支付、审核回复、审核状态进行修改如图5-14所示。

图5-14出租订单管理界面图

购买订单管理，在购买订单管理页面可以查看房屋编号、标题、房型、出售定金、出售价格、用户名、姓名、手机、备注、是否支付、审核回复、审核状态、审核等信息，并可根据需要对购买订单管理进行详情、修改、删除等操作，如图5-15所示。

图5-15购买订单管理界面图

租售合同管理，在租售合同管理页面可以查看等信息，并可根据需要对租售合同管理进行详情、修改、删除操作，如图5-16所示。

图5-16租售合同管理界面图