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的使用
  • 相关阅读:
    数据库操作基类,实现对Sql数据库的各种操作
    Ubuntu下编译3.0.4内核
    wxPython控件学习之wx.BoxSizer
    How to check table locks
    python自带的minidom创建和解析xml
    How to check fragmentation on SQL Server 2005
    wxPython控件学习之wx.StaticText
    python代码批量更改文件后缀
    Eclipse自动补全增强
    深入分析Linux内核源码
  • 原文地址:https://www.cnblogs.com/viola-sh/p/8907329.html
Copyright © 2011-2022 走看看