netCore3.0+webapi到前端vue(后端)

创建api项目

netCore3.0+webapi到前端vue(后端)_第1张图片

创建完成启动F5!!

如图netCore3.0+webapi到前端vue(后端)_第2张图片

数据库我用的是mysql 用efcore框架进行数据操作

开发环境:Win10 + VS2019

    Mysql服务器版本:8.0.16

下载并安装插件(必备)

MySQL-Connector-net-6.9.12
MySQL for Visual Studio 2.0.5

用Nuget方式安装MySql.Data.Entity-6.9.12(MySql.Data.EntityFrameworkCore.Design!!两种都试过没问题,前面一种会报提示不兼容),MySql.Data-6.9.12 MySql.Data.EntityFrameworkCore
注意!!! 安装的2个dll版本号必须一致以及对应MySQL-Connector-net版本相同

netCore3.0+webapi到前端vue(后端)_第3张图片

根目录新建Models文件

创建实体类 gj

public class gj 
{
    // 
    /// 主键
    /// 
    public int id { get;
    set;
}
/// 
/// 标题
/// 
public string method 
{
    get;
    set;
}
/// 
/// 内容
/// 
public string text 
{
    get;
    set;
}
/// 
/// 状态 1正常 0删除
/// 
public string type 
{
    get;
    set;
}
}
public class DbModel:DbContext 
{
public DbSet gj 
{
    set;
    get;
}
//protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
//    => optionsBuilder.UseMySQL(@"Server=localhost;database=testapp;uid=root;pwd=woshishui");
public DbModel(DbContextOptions 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(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 Get()
        {
            return _coreDbContext.Set().ToList();
          
        }

完成配置运行项目

测试如下

netCore3.0+webapi到前端vue(后端)_第4张图片

至此就完成了后端api项目

前端配置链接 https://www.cnblogs.com/ouyan...

你可能感兴趣的:(c#net)