zoukankan      html  css  js  c++  java
  • 示例开发过程记录:meteor,react,apollo

    本示例记录一个开发过程:

     1)参考 Meteor React TUTORIAL教程 https://www.meteor.com/tutorials/react/creating-an-app

     2)。。。

    ----------------------------

    第一部分  创建脚手架项目

    1、在win10,安装 Meteor 1.4.2;

    2、进入命令(CMD)提示符,创建目录 x:zeng,在此目录下创建空项目,使用 meteor create eccom 创建一个 ”eccom“项目;

         项目中有一个基础结构开内容:

           三个目录 1)client   含: client/main.js ,client/main.html ,client/main.css

                       2) server  含: server/main.js 

                       3) .meteor  (meteor 项目的配置目录)

                       4)package.json 文件,整个项目的基础信息与包配置。 

                       5).gitignore 文件

     

    3、进入  x:zengeccom 目录,执行命令 meteor  即 meteor run ;

         (如果是高版本,可以是 ”meteor run --release 1.4.2“ 指定特定版本号)

    4、成功运行,可以在浏览器中查看结果。   http://localhost:3000   

    第二部分:开发客户端,主要在 client 目录

    1、 删除 blaze 模版,增加静态html 包: meteor 默认使用 blaze 模版,产生页面。

          meteor remove blaze-html-templates
    meteor add static-html

    2、安装 react 相关组件(react  react-dom react-router) ,会产生一个 ode_modules 目录,npm 安装的Node包(及依赖包pkg)放在此处。(不是 meteor 的专用包。专用包记录在 .meteorpackage.json 文件中)

                meteor npm install --save  react  react-dom react-router

      安装数据传输组件Apollo:  
    meteor npm install --save  apollo-client react-apollo
    安装两个UI组件库
    react-bootstrap,http://react-bootstrap.github.io/),及 @sketchpixy/rubix
    antdhttps://ant.design/
         meteor npm install --save  react-bootstrap 
    meteor npm install --save @sketchpixy/rubix 从 react-bootstrap 扩展而来
         meteor npm install --save  antd 

    安装一个:meteor npm install --save indexof

     3、修改  client/main.html 代码如下:

     <head>

         <title>hopesun</title>
    </head>

    <body>
          <div id="app"></div>
    </body>

    4、增加一个 clientApp.jsx 

         增加 clientPortalHeader.jsx,  clientPortalFooter.jsx,  clientPortalSiderbar.jsx

  • 相关阅读:
    ConfigurationManager读取dll的配置文件
    计算机常用英语词汇
    Com与.Net互操作
    C#创建COM组件供VB,PB,Delphi调用
    程序员的自我修养
    .NET Remoting三种信道Http,Tcp,IPC和Web Service的访问速度比较(转)
    .NET Remoting与Socket、Webservice和WCF的比较及优势 (转)
    .NET Remoting 入门实例
    关于Assembly.LoadFrom和Assembly.LoadFile的区别
    大数据处理中必不可少的概念
  • 原文地址:https://www.cnblogs.com/hopesun/p/6035878.html
Copyright © 2011-2022 走看看