其他分享
首页 > 其他分享> > netCore3.0+webapi到前端vue(前后分离)

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

作者:互联网

 

第一步创建api项目

 

 

创建完成启动F5!!

如图

 

数据库我用的是mysql 用ef操作数据 

开发环境:Win10 + VS2019
Mysql服务器版本:8.0.16

 

1.下载并安装插件(必备)

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

用Nuget方式安装MySql.Data.Entity-6.9.12,MySql.Data-6.9.12    MySql.Data.EntityFrameworkCore
注意!!! 安装的2个dll版本号必须一致以及对应MySQL-Connector-net版本相同

 

2.在项目根目录新建Models文件

创建实体类 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项目

 

标签:webapi,vue,get,coreDbContext,options,set,DbModel,public,netCore3.0
来源: https://www.cnblogs.com/ouyangkai/p/11504279.html