Giter Club home page Giter Club logo

movies's Introduction

一步一步搭建react应用-开篇

branch

在线地址 推荐浏览器开发者工具开启手机设备模式

断断续续利用周末时间做了两个月,基于react和express的一个小项目差不多做完了。做之前想着边做边做些笔记,记录下每步遇到的问题和解决方案,然而没有。

  • 所以现在开始补一下。*

  • 初衷是练习一下react相关的技术栈,但做的过程感觉对后端投入的热情更大。*

接下来会从这几点写写文章记录下

技术栈

  • react + react-router + antd-mobile + fetch
  • redux(没用,之后改)
  • express + mongodb + redis

运行

clone代码到本地

前端:

    npm install
    npm start

后端:

    1. 需要安装mogondb 本项目mogondb端口 3307,并开启权限认证。可以在/BE/config/db.js中修改

    2. 需要安装redis  brew install redis

    3. npm install -g pm2

    3. node 版本最好最新版本,因为使用了 async await,推荐nvm来管理node版本

    4. npm install 

    5. npm run test 运行单元测试

    6. npm start


功能介绍

之前看了挺多棒子电影的,所以想做一个电影相关的小项目,主要功能:

  • 首页 电影列表展示,可搜索和分类筛选

  • 电影详情页(有无下载地址)

  • 爬取豆瓣电影并录入

  • 登录、注册

  • 管理员增删改查

  • 普通登录用户收藏电影

  • 我的收藏列表


首页

详情页

录入

用户

movies's People

Contributors

xiyuyizhi avatar

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.