《ABP框架入门——第一章》部署框架

本文详细介绍如何搭建前后端分离的开发环境,包括.NET Core项目的配置与数据库初始化、Vue项目的安装与启动步骤,并解决了常见的npm及数据库初始化问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.下载好项目后,进到4.0.1/aspnet-core,打开sln文件,进入到vs2017

2.右键你的解决方案,生成。(需要.net core 2.1,如果没有百度自行下载,虽然2.0也能用,但是开发中需要保持一致)

3.打开pm

选择默认项目(如图):

设置Web.Host为启动项目

在pm执行‘update-database’命令初始化数据库。如果需要修改connectionString,在下面的文件中修改:

怎么写可以问我,或者自行百度。

然后可以正确执行‘update-database’

到此可以运行项目,能看到swaggerUI生成的api文档。

4. 启动vue项目

4.1首先需要下载node.js,一路默认安装好之后。打开cmd,输入npm -v如果正确显示版本信息说明安装成功。

4.2 cd到/4.0.1/vue下,执行‘npm install’安装项目依赖。

4.3 执行 npm run serve 启动项目

这里我碰到一个问题提示无法找到‘typescript/package.json’解决办法如下:

输入‘npm install typescript’,等待安装完成之后在执行启动命令,可能会报几个属性不在的错误,暂时不用管。

出现下图提示说明启动成功:

之后可以通过访问local地址进入到vue登陆

用户名:admin    密码:123qwe

到这一步就ok。

 

今后开发模式前后端分离,后端提供api接口,前端调用即可。一个例子如下:

/store/modules/user.ts 36行
/views/setting/user/create-user.vue 63

对应的api接口可以在swagger界面找到,如下:


常见错误:

1.执行数据库初始化提示无法找到core 2.0或者core 2.1:

因为没有设置启动项目

2.npm的错误,不多赘述。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值