• <menu id="oia2w"><acronym id="oia2w"></acronym></menu>
  • <menu id="oia2w"></menu>
  • <input id="oia2w"><u id="oia2w"></u></input>
  • <menu id="oia2w"></menu><input id="oia2w"></input>
  • asp.net core react 项目实战(一)

    asp.net-core-react

    asp.net core react

    简介

    1. 开发依赖环境
    .NET Core SDK (reflecting any global.json): 
    Version:   2.2.300
    
    Runtime Environment:
    OS Name:     Mac OS X
    
    Host (useful for support):
    Version: 2.2.5
    
    node -v
    v10.16.0
    1. 开发语言
      asp.net core
      react

    2. 开发工具
      vscode

    开发流程

    1. 创建sln项目解决方案「sln 不是必须创建 但是创建了对智能提示友好」
      dotnet new sln

    2. 组织项目
      为了时髦一些我在和sln并列层级目录里床架了一个src文件夹 以此来管理源代码
      mkdir src
    3. 进入src 目录创建一个react web应用 取名为web
      cd src
      dotnet new react -o web
    4. 回到项目根目录 将新添加的 web项目 添加到sln 项目解决文件中
      dotnet sln add src/web/web.csproj
      「这个一定要?加」
      我们当前目录结构是这样的
    .
    ├── LICENSE
    ├── README.md
    ├── asp.net-core-react.sln
    └── src
        └── web
            ├── ClientApp
            ├── Controllers
            ├── Pages
            ├── Program.cs
            ├── Properties
            ├── Startup.cs
            ├── appsettings.Development.json
            ├── appsettings.json
            ├── obj
            └── web.csproj
    
    7 directories, 8 files
    1. 启动项目 -p 指定项目启动文件 src/web 里面有Program.cs 致我们的启动项目文件
      dotnet run -p src/web/
    2. 项目启动ok

    分享图片

    1. 浏览web/ClientApp/package.json
    "scripts": {
        "start": "rimraf ./build && react-scripts start",
        "build": "react-scripts build",
        "test": "cross-env CI=true react-scripts test --env=jsdom",
        "eject": "react-scripts eject",
        "lint": "eslint ./src/"
      }

    scripts里集成了几个命令 用来启动 react 这个项目 或者build这个项目 启动这个项目之前需要加上npm
    npm start
    npm build
    npm test
    ...
    执行目录要在ClinetApp文件夹下

    1. build react 项目

    分享图片

    1. 发布项目
      在sln同一个层次创建release文件夹用来存放发布文件
      dotnet publish -c release -o ../../release/
      将项目发布出去

    分享图片

    1. 执行发布文件
      dotnet release/web.dll
    2. 关于环境变量设置推文
      https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/environments?view=aspnetcore-2.2

    项目已经推送到GitHub

    地址:
    https://github.com/TopGuo/asp.net-core-react

    第二章节

    半成品 ... 没时间搞了 ... 后期完善

    这个demo算是比较有料

    1. 里面有c# md5加密解密和js之间的坑
    2. 用另一种方式使用了dapper
    3. ... 一个目的 体验.net core和react 的 效果
      目前项目表现效果

    分享图片

    分享图片

    分享图片

    分享图片

    相关文章
    相关标签/搜索
    香港精选免费资料大全 阳山县| 夏津县| 黔西县| 金门县| 凌云县| 陕西省| 灵台县| 九江县| 邵东县| 清原| 邯郸市| 凤台县| 西城区| 洪洞县| 景谷| 砚山县| 新津县| 汉中市| 吉安市| 大埔县| 南郑县| 明星| 紫阳县| 福泉市| 永宁县| 会宁县| 昭平县| 九江县| 阜康市| 怀化市| 象山县| 资溪县| 周至县| 响水县| 商南县| 静海县| 萝北县| http://fa.hz0j2r0vo.fun http://fa.hz0j0r6vo.fun http://fa.hz0j0r4vo.fun http://fa.hz0j2r6vo.fun http://fa.hz0j0r7vo.fun