フロントエンド（フロント分離）にnetCore3.0 + WEBAPIのVUE

プロジェクトのAPIを作成するための最初のステップ

作成した起動F5！！

フィギュア

私は、運用データのEFを使用してMySQLデータベースを使用します

開発環境：Win10 + VS2019
MySQLサーバのバージョン：8.0.16

プラグ（必要に応じて）1.ダウンロードしてインストール

MySQLの-コネクタ-NET-6.9.12
のVisual Studio 2.0.5用のMySQL

インストールMySql.Data.Entity-6.9.12 Nugetの方法で、MySql.Data-6.9.12 MySql.Data.EntityFrameworkCoreの
注意！！！2 DLLインストールされたバージョン番号が同一の対応するMySQLのコネクタネットバージョンと同じである必要があります

2.新モデルプロジェクトのルートディレクトリのファイル

エンティティクラスのGJを作成します

public class gj
    {
        // <summary>
        /// 主键
        /// </summary>
        public int id { get; set; }

        /// <summary>
        /// 标题
        /// </summary>
        public string method { get; set; }
        /// <summary>
        /// 内容
        /// </summary>
        public string text { get; set; }
        /// <summary>
        /// 状态 1正常 0删除
        /// </summary>
        public string type { get; set; }
    }

   public class DbModel:DbContext
    {
         public DbSet<gj> gj { set; get; }

        //protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
        //    => optionsBuilder.UseMySQL(@"Server=localhost;database=testapp;uid=root;pwd=woshishui");
        public DbModel(DbContextOptions<DbModel> options) : base(options)
        {

        }
    }

appsettings.json 配置数据连接

{
  "ConnectionStrings": {
    "DefaultConnection": "Server=xxxx;database=testapp;uid=root;pwd=xxxx;"
  },
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "AllowedHosts": "*"
}

Startup.cs

 public void ConfigureServices(IServiceCollection services)
        {
            //连接 mysql 数据库，添加数据库上下文
            services.AddDbContext<DbModel>(options =>
                options.UseMySQL(Configuration.GetConnectionString("DefaultConnection")));

            services.AddControllers();
          
        }

Controllers 下的ValuesController.cs

修改代码如下

 private readonly DbModel _coreDbContext;

        public ValuesController(DbModel coreDbContext)
        {
            _coreDbContext = coreDbContext;
        }

        // GET api/values
        [HttpGet]   
        public List<gj> Get()
        {
            return _coreDbContext.Set<gj>().ToList();
          
        }

3.完成配置运行项目

测试如下

至此就完成了后端api项目

フロントエンド（フロント分離）にnetCore3.0 + WEBAPIのVUE

おすすめ