热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

基于NetCore3.0与WebAPI的前后端分离开发:Vue.js在前端的应用

本文介绍了如何使用NetCore3.0和WebAPI进行前后端分离开发,并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EFCore框架进行数据操作,开发环境为Windows10和VisualStudio2019,MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装,为开发者提供了一套完整的开发指南。

创建api项目

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

创建完成启动F5!!

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

数据库我用的是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(后端)

根目录新建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(后端)

至此就完成了后端api项目

前端配置链接 https://www.cnblogs.com/ouyangkai/p/11504928.html


推荐阅读
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • 数据库内核开发入门 | 搭建研发环境的初步指南
    本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ... [详细]
  • 本文深入探讨 MyBatis 中动态 SQL 的使用方法,包括 if/where、trim 自定义字符串截取规则、choose 分支选择、封装查询和修改条件的 where/set 标签、批量处理的 foreach 标签以及内置参数和 bind 的用法。 ... [详细]
  • 本文探讨了如何在给定整数N的情况下,找到两个不同的整数a和b,使得它们的和最大,并且满足特定的数学条件。 ... [详细]
  • Splay Tree 区间操作优化
    本文详细介绍了使用Splay Tree进行区间操作的实现方法,包括插入、删除、修改、翻转和求和等操作。通过这些操作,可以高效地处理动态序列问题,并且代码实现具有一定的挑战性,有助于编程能力的提升。 ... [详细]
  • Python 异步编程:深入理解 asyncio 库(上)
    本文介绍了 Python 3.4 版本引入的标准库 asyncio,该库为异步 IO 提供了强大的支持。我们将探讨为什么需要 asyncio,以及它如何简化并发编程的复杂性,并详细介绍其核心概念和使用方法。 ... [详细]
author-avatar
小娟2502895183
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有