0
点赞
收藏
分享

微信扫一扫

综合业务服务与用户可视化建设——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(九)

系列文章目录

  1. 初识推荐系统——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(一)
  2. 利用用户行为数据——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(二)
  3. 项目主要效果展示——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(三)
  4. 项目体系架构设计——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(四)
  5. 基础环境搭建——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(五)
  6. 创建项目并初始化业务数据——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(六)
  7. 离线推荐服务建设——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(七)
  8. 实时推荐服务建设——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(八)
  9. 综合业务服务与用户可视化建设——基于Spark平台的协同过滤实时电影推荐系统项目系列博客(九)
  10. ……

项目资源下载

  1. 电影推荐系统网站项目源码Github地址(可Fork可Clone)
  2. 电影推荐系统网站项目源码Gitee地址(可Fork可Clone)
  3. 电影推荐系统网站项目源码压缩包下载(直接使用)
  4. 电影推荐系统网站项目源码所需全部工具合集打包下载(spark、kafka、flume、tomcat、azkaban、elasticsearch、zookeeper)
  5. 电影推荐系统网站项目源数据(可直接使用)
  6. 电影推荐系统网站项目个人原创论文
  7. 电影推荐系统网站项目前端代码
  8. 电影推荐系统网站项目前端css代码

文章目录


前言

  由于前面的博客已经将系统的核心内容编写完毕,后面的任务就比较简单了,当然,这个系列的重点不在于后台与前端内容的编写,读者可以使用我的源码进行个性化修改,如果感兴趣可以增加或修改功能,针对这两部分内容,我只做简要说明,具体内容请参照源码。下面就开始今天的学习吧!


一、综合业务服务

1.1 后台架构

请添加图片描述

  1. 后台服务通过Spring框架进行创建,主要负责后台数据和前端业务的交互。项目主要分为REST接口服务层、业务服务层、业务模型以及工具组件等组成
  2. REST接口服务层,主要通过Spring MVC为UI提供了通讯接口,主要包括用户接口、推荐接口、评分接口、查询接口、标签接口以及统计接口
  3. 服务层主要实现了整体系统的业务逻辑,提供了包含电影相对应操作的服务、评分页面的服务、推荐层面的服务、标签层面的服务以及用户层面的服务
  4. 业务模型方面,将推荐、业务请求以及具体业务数据进行模型创建
  5. 工具组件层面,提供了对Redis、ES、MongoDB的客户端以及项目常量定义

二、用户可视化建设

2.1 前端架构

  1. AngularJS框架:
    在这里插入图片描述
  2. 电影推荐系统前端框架:
    在这里插入图片描述

2.2 创建与运行项目

详细文档可参考:官方文档

2.2.1 创建项目骨架

  在CMD中相对应的目录中执行:ng new my-app,my-app 为项目的名称:
在这里插入图片描述

  1. Src主文件夹
    你的应用代码位于src文件夹中。所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。这个文件夹之外的文件都是为构建应用提供支持用的
    在这里插入图片描述
    在这里插入图片描述
  2. 根目录文件夹
    src/文件夹是项目的根文件夹之一。其它文件是用来帮助你构建、测试、维护、文档化和发布应用的。他们放在根目录下,和src/平级
    在这里插入图片描述
    在这里插入图片描述

2.2.2 添加项目依赖

  1. 在CMD的项目目录中执行:npm install bootstrap --save,添加bootstrap依赖
    在这里插入图片描述
  2. 在CMD的项目目录中执行:npm install jquery --save,添加jquery依赖
    在这里插入图片描述
  3. 在CMD的项目目录中执行:npm install systemjs --save,添加systemjs依赖
    在这里插入图片描述

2.2.3 创建模块、组件与服务

  1. 在CMD的项目目录中执行:ng g module AppRouting,创建新模块
    在这里插入图片描述
  2. 在CMD中项目目录中执行:ng g component home,创建新组件
    在这里插入图片描述
  3. 在CMD的项目目录中执行:ng g service service/login,创建新服务器组件
    在这里插入图片描述

2.2.4 调试项目

  1. 在CMD的项目目录中执行:ng serve –p 3000,启动整个应用程序
    在这里插入图片描述
  2. 访问http://localhost:4200
    在这里插入图片描述
      当你修改了后台代码的时候,浏览器自动Reload

2.2.5 发布项目

  1. 在CMD的项目目录中执行:ng build,打包发布整个应用程序
    在这里插入图片描述
  2. 会在目录下生成dist文件夹,该文件夹就是最终的发布程序
    在这里插入图片描述

总结

  这篇博文的结束也标志着这个系列博文也到了尾声,此篇博文我并没有详细讲解代码的编写,只是讲解了以下后台以及前端架构,并简单说了一下各种操作,因为本系列博文的重点不在于这部分,所以读者可根据自身需求斟酌使用源码即可。下篇博文将给大家带来本系列的最后一篇博文:程序部署与运行。那就下篇博文见啦!

举报

相关推荐

0 条评论