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

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

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

3.打开pm

《ABP框架入门——第一章》部署框架_第1张图片

选择默认项目(如图):

《ABP框架入门——第一章》部署框架_第2张图片

设置Web.Host为启动项目

《ABP框架入门——第一章》部署框架_第3张图片

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

《ABP框架入门——第一章》部署框架_第4张图片

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

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

《ABP框架入门——第一章》部署框架_第5张图片

到此可以运行项目,能看到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’,等待安装完成之后在执行启动命令,可能会报几个属性不在的错误,暂时不用管。

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

《ABP框架入门——第一章》部署框架_第6张图片

之后可以通过访问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:

《ABP框架入门——第一章》部署框架_第7张图片

因为没有设置启动项目

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

你可能感兴趣的:(.net)