Git Product home page Git Product logo

movie-cat's Introduction

Movie-Cat

A website displaying movies.


  • 数据库密码在/conf/app.conf配置文件中修改

  • 若部署在服务器上,需修改app.conf配置文件中的cookie.domain为服务器公网ip


一、 主题: 思维导图如下:

目标:做一个完善的电影网站,包括以下模块:

  • 用户登录注册模块

(注册页面)

(登录框)

  • 首页区(包括当前热映、偶遇推荐、综合搜索、精选影评)

(当前热映)

(偶遇推荐—从影库中随机推荐)

(综合搜索—可依据电影名、电影类型、演员表等进行模糊匹配搜索)

(精选影评)

(footer彩蛋)

  • 类别筛选区:

(以爱情分类为例)

  • 排行榜区:

(带有分页功能)

  • 电影详细信息:

(点击播放按钮可播放预告片)

(相似影片推荐)

(评论区与评论功能)

二、 功能特色:

  1. (当前)热门电影区
  2. 电影top250排行榜区
  3. 类型筛选
  4. 精选影评区
  5. 提供电影对应的预告片
  6. 搜索影片功能(模糊搜索与多条件搜索:类型、片名、演员)
  7. 根据相似度算法对每部影片进行类似的影片推荐
  8. 用户登录、注册、发表影评
  9. 根据用户注册的邮箱信息,自动发送每日电影推荐
  10. 根据电影的类型自动切换主题色(如:爱情电影对应粉色、犯罪电影对应红色、动画电影对应天蓝色……) (以上功能均已实现)

三、 实现过程:

  • 通过爬虫爬取豆瓣以及IMDB数据并存入数据库中

  • 通过余弦算法和topN推荐相似影片:

  • 通过预先写好css皮肤文件,再动态渲染来实现根据影片类型切换主题色:

  • 通过二次爬取imdb链接,获取每部影片对应的预告片链接:

  • 利用jQuery幻灯片插件Owl Carousel实现海报轮播效果:

  • 通过SMTP/POP3服务发送邮件:

  • 尽可能实现小细节:

(顶部导航栏的固定)

(右下角的返回顶部按钮)

(等待加载时的动画效果)

(检测输入合法性)

(登陆成功的提示)

movie-cat's People

Contributors

f-ca7 avatar

Stargazers

Tan Binh avatar

Watchers

James Cloos avatar

Forkers

tanbinh123

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.