前端开发框架:vue.js
数据库 mysql 版本不限
后端语言框架支持:
1 java(SSM/springboot)-idea/eclipse
2.Nodejs+Vue.js -vscode
3.python(flask/django)--pycharm/vscode
4.php(thinkphp/laravel)-hbuilderx
数据库工具:Navicat/SQLyog等都可以
目 录
第1章 绪论 1
1.1 课题背景 1
1.2 课题意义 1
1.3 研究内容 2
第2章 开发环境与技术 3
2.1nodejs语言 3
2.2 MYSQL数据库 3
2.4 vue框架 4
第3章 系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2 经济可行性 5
3.1.3 操作可行性 5
3.2 系统流程 5
3.2.1 操作流程 6
3.2.2 登录流程 6
3.2.3 删除信息流程 7
3.2.4 添加信息流程 7
3.3 性能需求 8
3.4 功能需求 9
第4章 系统设计 12
4.1 系统设计思想 12
4.2 功能结构设计 13
4.3 数据库设计 14
4.3.1 数据库概念设计 14
4.3.2 数据库物理设计 16
第5章 系统实现 23
5.1 管理员功能实现 23
5.1.1 小区管理 23
5.1.2 用户管理 23
5.1.3 论坛管理 24
5.1.4 卖房管理 24
5.1.5 出租管理 25
5.2 用户功能实现 25
5.2.1 论坛信息 25
5.2.2 出租信息 26
5.2.3 卖房信息 26
5.2.4 小区信息 27
第6章 系统测试 28
6.1 测试任务 28
6.2 测试目标 28
6.3 测试方案 29
6.4 功能测试 30
6.4.1 登录功能测试 31
6.4.2 修改密码功能测试 31
6.5 系统测试结果 32
结 论 33
参考文献 35
致 谢 36
前端技术:nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架:Express
前端:Vue.js
数据库:mysql
数据库工具:Navicat
开发软件:VScode
视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。
代码结构讲解
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
存放视图。
图4.1 管理员功能结构
图4.2即为设计的用户功能结构,用户权限操作的功能包括查看小区介绍,收藏出租以及卖房信息,发布或评论论坛帖子信息。
图4.2 用户功能结构
4.3 数据库设计
二手房中介管理系统运行中产生的数据需要按照提前设置的存储规则进行保存,而这个存储规则则是在数据库的设计中进行设置的。通常情况下,为了更好的配合系统运行,也要给用户带来良好的使用体验,设计一个很好的数据库是必须的,因为它能减少用户的等待时间,还可以对系统的请求在最短时间内进行响应。所以,对数据库设计时,需要花费一定的时间来分析系统对于数据存储的要求以及存储的具体数据,然后设计具体的存储规则,保证数据库能够对系统的各种数据请求进行及时回应,缩短数据处理时间,并在一定程度上降低数据冗余,节省存储空间。
4.3.1 数据库概念设计
实体-联系图还有一个名称即E-R图,是Entity Relationship Diagram各英文单词首字母的缩写,它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体,联系,属性的有效手段。绘制E-R图能够选择的工具也有很多,但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具,因为它是基于可视化处理,使用它创建E-R图非常简单。使用基本的E-R图构成元素,比如椭圆,菱形,矩形,还有实线段来表达对应的信息,椭圆代表属性,即实体的特征,矩形代表实体,即数据库中的一个具体数据表,菱形代表实体中相互关系,实线段主要是完成椭圆,矩形,菱形的连接,基于这样的方式即可完成对本系统的E-R图进行完整绘制。
(1)图4.4即为出租信息这个实体所拥有的属性值。
图4.4 出租信息实体属性图
(5)图4.8即为上面介绍的实体中存在的联系。
图4.8 实体间关系E-R图
第2章 系统实现
编程人员在搭建的开发环境中,运用编程技术实现本系统设计的各个操作权限的功能。在本节中,就展示部分操作权限的功能与界面。
5.1 管理员功能实现
5.1.1 小区管理
图5.1 即为编码实现的小区管理界面,管理员在该界面中新增小区信息,包括对小区的建筑类型,所属商圈,周边配置,小区地址等资料进行登记,可以更改小区信息,同时可以提供小区名称完成指定小区信息的查询,可以删除需要删除的小区信息。
图5.1 小区管理界面
5.1.2 用户管理
图5.2 即为编码实现的用户管理界面,管理员在该界面中对为用户重置密码信息,更改用户的头像,更改用户的手机号等信息,删除需要删除的用户资料,使用用户身份证号查询用户信息。
图5.2 用户管理界面
5.2 用户功能实现
5.2.1 论坛信息
图5.6 即为编码实现的论坛信息界面,用户在该界面中选择适合自己的帖子类型,然后查看该类型的所有帖子,并针对帖子发布个人评论信息,同时,用户也能选择帖子类型发布个人帖子。
图5.6 论坛信息界面
第1章 系统设计
4.2 功能结构设计
图4.1即为设计的管理员功能结构,管理员权限操作的功能包括对注册用户信息的管理,对卖房信息,小区信息,出租信息,论坛信息等信息的管理。