【React】React+Redux+Ajax 点餐项目 完整流程【二】

前端架构：

项目一开始 采用的 react-create-app 也就是facebook 专门定制的react脚手架。

然后除去src文件夹，那些都是自动生成的。

但是后面要用到很多东西需要配置。 那些用到的都在package.json内。

例如babel，less,eslint 等等

src内目录详解：

action: 与redux 以及 ajax 后端交互

        -action.js   --Redux的action 方式，这里执行ajax以及连接store的操作。

        -index.js    -- 没用到

        -socket.js   --专为socket制作的一种action

        -type.js       --储存访问store的行为常量

        -url.js          --储存和后台访问的方法，以及访问的链接

components: 储存组件

       -factory     --工厂，制作桌子，餐品的工厂

                   -DeskFactory.jsx     桌子工厂

                   -FoodFactory.jsx     餐品工厂

                  --LackFoodFactory.jsx   余量为空餐品工厂【没用到】

                  --TypeFactory.jsx    菜品类型工厂

           - pages --页面

                  -infoComponents      --公用组件

                                -InfoTab.jsx      切换卡组件

                  -OrderingComponents --服务员订餐页面中的组件

                               -LackFood.jsx     余量为空展示组件 【没用到】

                               -OrderDeetails.jsx  订单详情页面【右侧】

                               -PendOrder.jsx    桌子详情页面【左侧】

                               -SelectFood.jsx   选菜 页面组件 【中间】

                   -FoodInfo.jsx         菜品列表页面

                  -OrderInfo.jsx         订单列表页面

                  -UserOrdering.jsx       服务员订餐页面

          -ui    --UI组成

         -reducer  --和redux交互

         -routes     --路由

          -style      --样式

        

     【未完持续】