项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
4.1系统功能模块
综合售楼系统,在系统首页可以查看首页,售房房源,系统公告,留言板,个人中心,后台管理,在线反馈等内容,并进行详细操作;如图4-1所示。
图4-1系统首页界面图
用户注册,在用户注册页面,用户通过填写用户名,真实姓名,密码,确认密码,年龄,联系电话等信息进行注册操作,如图4-2所示。
图4-2用户注册界面图
售房房源,在售房房源页面可以查看房源名称,房源类型,装修风格,房源区域,具体位置,房屋状态,周边学校,面积,售价,发布时间,销售工号,销售姓名等内容,并进行收藏等操作,如图4-3所示。
图4-3售房房源界面图
留言板,在留言板页面可以通过填写留言内容,留言图片进行提交操作,如图4-4所示。
图4-4留言板界面图
个人中心,在个人中心页面通过填写用户名,真实姓名,密码,确认密码,年龄,联系电话等内容进行更新信息,还可以根据需要对我的收藏进行详细操作,如图4-5所示。
图4-5个人中心界面图
4.2管理员功能模块
管理员进行登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作,如图4-6所示。
图4-6管理员登录界面图
管理员登录系统后,可以对首页,个人中心,用户管理,销售员管理,房源类型管理,售房房源管理,售房订单管理,留言板,系统管理等功能进行相应的操作管理,如图4-7所示。
图4-7管理员功能界面图
用户管理,在用户列表可以对用户名,真实姓名,性别,年龄,联系电话等内容进行详情,修改和删除等操作,如图4-8所示。
图4-8用户管理界面图
房源类型管理,在房源类型管理页面可以对房源类型等内容进行详情,修改和删除操作,如图4-9所示。
图4-9房源类型管理界面图
销售员管理,在销售员管理页面可以对销售工号,销售姓名,性别,职称,头像,联系电话等内容进行详情,修改和删除操作,如图4-10所示。
图4-10销售员管理界面图
售房订单管理,在售房订单管理页面可以对订单编号,房源名称,房源类型,装修风格,房源图片,具体位置,面积,售价,用户名,真实姓名,销售工号,销售姓名,购房时间,是否支付等内容进行详情操作,如图4-11所示。
图4-11售房订单管理界面图
系统管理,在系统公告页面可以对标题,图片等内容进行详情,修改和删除等操作,还可以对轮播图管理,在线反馈进行详细的操作管理;如图4-12所示。
图4-12系统管理界面图
4.3用户功能模块
用户登录进入系统可以对首页,个人中心,售房订单管理等功能进行相应操作,如图4-13所示。
图4-13用户功能界面图
个人中心,在个人中心页面通过填写用户名,真实姓名,性别,年龄,联系电话等内容并提交进行个人信息修改操作,如图4-14所示。
图4-14个人中心界面图
售房订单管理,在售房订单管理页面可以对订单编号,房源名称,房源类型,装修风格,房源图片,具体位置,面积,售价,用户名,真实姓名,销售工号,销售姓名,购房时间,是否支付等内容进行详情和删除操作;如图4-15所示。
图4-15售房订单管理界面图
4.3销售员功能模块
销售员登录进入系统可以对首页,个人中心,售房房源管理,售房订单管理等功能进行相应操作,如图4-16所示。
图4-16销售员功能界面图
个人中心,在个人中心页面通过填写销售工号,销售姓名,性别,职称,头像,联系电话等内容并提交进行个人信息修改操作,如图4-17所示。
图4-17个人中心界面图
售房房源管理,在售房房源管理页面可以对房源名称,房源类型,装修风格,房源区域,具体位置,房屋状态,周边学校,面积,售价,发布时间,销售工号,销售姓名等内容进行详情,修改,查看评论和删除操作;如图4-18所示。
图4-18售房房源管理界面图