毕设&课设&项目&实训-基于joint-spider爬虫数据的Web端数据可视化平台.zip

# HouseAnalysisWeb 基于joint-spider爬虫数据的Web端数据可视化平台，[在线访问][1] 数据源来自项目 [Joint-spider][2] 后端: django-restframework 前端: Vue [1]: http://120.25.197.182 [2]: https://github.com/BetaCatPro/Joint-spiders ### 应用技术 - Python 后端 - django-restframework - redis - mysql - Web 前端 - Vue 全家桶 - echarts - element-ui - 百度地图 - Web服务API - vue-baidu-map ### 环境配置及项目启动 ```shell # 环境配置需要 python3.7 redis mysql vue vue-cli3.x # # 项目启动 # 1. 后端服务启动,进入项目\HouseAnalysis\ python manage.py runserver # 2. 前端项目启动,进入项目目录\HouseAnalysisWeb\ npm run dev # 3. 前端项目打包 npm run build-prod # 4. 访问地址:http://localhost:9527/ # 5. 后端接口地址: http://localhost:8000/ ``` #### 项目持续改进中......写的实在太烂了QAQ ### 注意事项 - mysql及redis服务配置均在\HouseAnalysis\HouseAnalysis\settings.py文件中进行配置 - utils文件夹下文件功能: - 插入数据分析结果信息至MySQL:Insert.py - 插入基本总信息至Redis:insertRedis.py - 插入区划及小区信息至MySQL:com_pro.py ##### 前端页面展示 1. 房源信息页面  2. 房价分析-数据探索分析可视化页面  3. 房价分析-各区划详细信息页面  4. 区划小区详情  5. 小区房源列表详情  6. 搜索房源页面  7. 具体房源详情页面  8. 房屋周边  9. 房源热力信息图页面  ## 项目介绍: ### 一. 系统功能架构 1. **后端**  2. **前端**、  ### 二. 系统实现 #### 1) 后端部分 ```shell # 项目依赖 Django==2.1.5 django-cors-headers==2.4.0 django-crispy-forms==1.7.2 django-filter==2.0.0 django-formtools==2.1 django-guardian==1.4.9 django-import-export==1.1.0 django-redis==4.10.0 django-reversion==3.0.2 djangorestframework==3.9.0 djangorestframework-jwt==1.11.0 drf-extensions==0.4.0 PyMySQL==0.9.3 redis==3.0.1 SQLAlchemy==1.3.2 ``` **基本流程** - Django生命周期: 前端发送请求-->Django的wsgi-->中间件-->路由系统-->视图-->ORM数据库操作-->模板-->返回数据给用户 - rest framework生命周期： 前端发送请求-->Django的wsgi-->中间件-->路由系统_执行CBV的as_view()，就是执行内部的dispath方法-->在执行dispath之前，有版本分析 和 渲染器-->在dispath内，对request封装-->版本-->认证-->权限-->限流-->视图-->如果视图用到缓存( request.data or request.query_params )就用到了 解析器-->视图处理数据，用到了序列化(对数据进行序列化或验证) -->视图返回数据可以用到分页 项目文件树：  1. 基本接口框架搭建 ```shell # 1. 初始化项目 django-admin startproject HouseAnalysis # 2. 创建相关应用 cd HouseAnalysis django-admin startapp house ``` 2. 配置xadmin后台可视化管理系统 ```shell # 项目根目录下创建extra_app 文件夹，存放xadmin压缩文件，运行 pip3 install xadmin ``` 3. 配置基本项目信息 ```shell # 1. 配置settings.py 文件 位于\\HouseAnalysis\HouseAnalysis\settings.py # 找到INSTALLED_APPS,加入配置项 'corsheaders', 'xadmin', 'crispy_forms', 'rest_framework', 'django_filters', 'house' # 上述配置向是用于将app注册到项目中 # 2. 增加跨域支持 CORS_ALLOW_CREDENTIALS = True CORS_ORIGIN_ALLOW_ALL = True CORS_ORIGIN_WHITELIST = ( '*' ) CORS_ALLOW_METHODS = ( 'DELETE', 'GET', 'OPTIONS', 'PATCH', 'POST', 'PUT', 'VIEW', ) CORS_ALLOW_HEADERS = ( 'XMLHttpRequest', 'X_FILENAME', 'accept-encoding', 'authorization', 'content-type', 'dnt', 'origin', 'user-agent', 'x-csrftoken', 'x-requested-with', 'Pragma', ) # 3. 在DATABASES中配置MySQL数据库信息 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'house', 'USER': 'root', 'PASSWORD': '123456', 'HOST': '127.0.0.1', 'PORT': '3306', 'OPTIONS':{ 'init_command':"SET sql_mode='STRICT_TRANS_TABLES'" }, } } # 4. 配置drf缓存 REST_FRAMEWORK_EXTENSIONS = { #10s后失效 'DEFAULT_CACHE_RESPONSE_TIMEOUT': 10 } # 5. 配置redis缓存 CACHES = { "default": { "BACKEND": "django_redis.cache.RedisCache", "LOCATION": "redis://127.0.0.1:6379/3", "OPTIONS": { "CLIENT_CLASS": "django_redis.client.DefaultClient", } } } ``` *注：本项目为接口开发不涉及template模板及static静态资源，所以不用对这两项进行配置* 2. 配置接口文档 进入\\HouseAnalysis\HouseAnalysis\urls.py，配置路由信息： 添加`path('xadmin/', xadmin.site.urls)`, `re_path(r'docs/', include_docs_urls(title="HA"))`,到`urlpatterns`列表,xadmin为管理页面路由， docs为接口文档路由，通过http://localhost:8000/docs/可进行访问，如下图：  3. 数据model设计 Django Model设计是D