zoukankan      html  css  js  c++  java
  • 使用React+redux+Node.js+MongoDB开发(二)--使用redux

    安装MongoDB,电脑是mbp,根据步骤安装好了MongoDB之后,用命令mongod启动数据库的时候,老是报Abort trap: 6,然后shut down。网上也找不到类似的问题,最后重新找了MongoDB的安装资料,发现用brew安装了之后,还得进行环境变量的配置。

    环境变量配置参考https://blog.csdn.net/alicelmx/article/details/84099034,

    Mongoose文档类型

    • String,Number等数据结构
    • create、remove、update分别用来增删改的操作
    • find和findOne用来查询数据

    mongod --config /usr/local/etc/mongod.conf后台启动

    express结合mongodb

    封装mongoose

    新建 

    Redux是什么

    专注于状态管理的库

    • Redux专注于状态管理,和react解耦
    • 单一状态,单向数据流
    • 核心概念:store、state、action、reducer

    Redux的使用方法

    • 首先通过reducer新建store,随时通过store.getState获取状态
    • 需要状态变更,store.dispatch(action)来修改状态
    • Reducer函数接受state和action,返回新的state,可以用store.subscribe监听每次修改

    //新建store,通过reducer建立,根据老的状态和action生成新的state

    redux默认只处理同步,异步任务需要使用redux-thunk中间件

    npm install redux-thunk --save
    

    使用applyMiddleware开启thunk中间件

    开启thunk之后,action可以返回函数,使用dispatch提交action。

     前后端联调

    在package.json文件里面设置"proxy",解决跨域的问题

    "proxy": "http://localhost:9093"
    axios拦截器interceptors的使用
  • 相关阅读:
    vue学习(五) 访问vue内部元素或者方法
    vue学习(四) v-on:事件绑定
    vue学习(三) v-bind指令
    vue学习(二) 三个指令v-cloak v-text v-html
    vue学习(一)初步了解 vue实例
    Restful 接口开发 完整版
    解决exlipse下 springboot 错误:找不到或无法加载主类
    一张图看懂 SQL 的各种 join 用法
    Rest分页接口开发
    浅谈rest風格的接口开发
  • 原文地址:https://www.cnblogs.com/viola-sh/p/8907329.html
Copyright © 2011-2022 走看看