使用vue+element ui+.net core创建项目并加载后台数据(vs code)

1.打开vscode,点击终端,首先先创建保存文件目录
cd c:/demo3
2.配置项目,这里是写比较详细的文章
https://www.cnblogs.com/zyskr/p/10609288.html
3.安装elment ui
https://www.cnblogs.com/zmoneyz/p/12993006.html
4.安装vue+axios,接口
https://w.cnblogs.com/yieix/p/12244790.html
5…加入接口渲染列表
https://w.cnblogs.com/yieix/p/12244790.html
组件网站
https://element.eleme.cn/#/zh-CN/component/table
6.创建后台
去管理newget 程序包中下载 NPoco,mysql.data
7.后台去startup类中的ConfigureServices复制

services.AddScoped(x =>
{
return new Database(“Server=127.0.0.1;Uid=root;Pwd=123456;Database=users;”, DatabaseType.MySQL, MySql.Data.MySqlClient.MySqlClientFactory.Instance);
});
// 开启跨域 https://www.cnblogs.com/linyijia/p/12981830.html
services.AddCors(o =>
o.AddPolicy(“CorsPolicy”,
builder => builder

                  .AllowAnyHeader().AllowAnyMethod().AllowCredentials().SetIsOriginAllowed(p => true)
            ));

8.Configure中复制
// 跨域
app.UseCors(“CorsPolicy”);
9,添加实体类
10.修改WeatherForecastController
private readonly ILogger _logger;
private readonly IDatabase _database;

    public WeatherForecastController(ILogger<WeatherForecastController> logger, IDatabase database)
    {
        _database = database;
        _logger = logger;

    }

    [HttpGet]
    public IEnumerable<usertable> Get()
    {
        var _users = _database.Fetch<usertable>("select * from usertable");
        return _users;

    }

9.前端输入npm run dev 运行
10.如有遇到运行不出来 找 build–webpack.base.conf—// …(config.dev.useEslint ? [createLintingRule()] : []),去掉createLintingRule()

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值