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.entityframeworkcore.design！！两种都试过没问题，前面一种会报提示不兼容），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项目

 前端配置链接