ABPフレーム(asp.netコア2.X +ヴュー)は、フロントエンド(再生)を実行します

ABPフレーム(asp.netコア2.X +ヴュー)フロントエンドを操作

メインのこの部分では、それが正式なプロセスは、プロジェクトにプロジェクトをダウンロードして起動して実行ブラウザでABP公式サイトから可能であると言います!
    • ニーズに応じてNode.jsの(公式サイトのアドレス:インストールすることを選択するための独自のシステムhttps://nodejs.org/en/download/を)インストールは、windosでコマンドウィンドウ成功したことを確認します。ノード-v

    • VUE -V: - :(VUE-CLI)のNPM VUE足場を装着することにより、gはグローバルにインストールされてインストールは、windosでコマンドウィンドウが成功したことを確認NPM -g VUE-CLI //をインストール

    • NPMインストール糸をインストール:NPM、-g糸をインストールするインストールは、windosでコマンドウィンドウ成功したことを確認します。糸-v

  1. プロジェクトの公式サイトからABPのダウンロード(公式サイトのアドレス:https://aspnetboilerplate.com/Templates

  2. ファイルリストをダウンロードした後、プロジェクトのアーカイブを示してい

  3. まずは、オープンvs2017を通じてASPNETコアプロジェクトを実行してみましょう、それが自動的にDLLの文字列は、プロジェクト内のデータベース接続文字列で、このプロジェクトのappsettings.jsonのMyABPProject.Web.Hostの成功の後、すべての変更を再構築ダウンロードして行きます、自分の文字列に変換して、データベースを復元します。

  4. データベースは、復元方法:

    • MyABPProject.EntityFrameworkCoreは、このプロジェクトは、(それ以外の場合はエラーになりますプロジェクトを開始するように設定されています。

      指定されたフレームワークのバージョン「2.1」は解析できませんでした
      指定されたフレームワーク「Microsoft.NETCore.App」、バージョン「2.1」が見つかりませんでした。

    • 打开程序包管理器控制台(工具->NuGet包管理器->程序包管理器控制台)

    • 通“Update-Database”这个命令进行数据库还原,等待还原完成后,直接F5启动,在端口号后面加上“/swagger”会在浏览器中看到以下界面运行到此,说明asp.net core服务器端项目已正式启动完成

  5. 接下来我们来运行vue的客户端程序

    • vue项目的列表信息详细如同所示:

    • 在终端中打开vue项目的目录地址(D:\项目管理\MyABPProject\4.3.1\vue>),通过命令“yarn install”进行安装项目依赖,恢复安装完成后如下图显示:

    • 通过命令“yarn serve --open”直接运行客户端项目,“--open”的作用是,项目启动后,直接在浏览器中打开,不需要手动输入地址,命令“yarn serve”也可以启动项目,但是需要手动在浏览器中输入地址

    • 浏览器中打开客户端项目地址(http://localhost:8080/#/)显示以下界面:

    • 用户名:admin  密码:123qwe 点击登录后成功进入系统:

  直至到此,项目运行完成,在上面可以根据自己的需求进行更改。

おすすめ

転載: www.cnblogs.com/iamherea/p/11511949.html