欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

abp框架运行——前后端分离(基于VUE)

程序员文章站 2022-03-21 16:27:13
[toc] 1.介绍abp 全称:aspnetboilerplate。 官网:https://aspnetboilerplate.com/ 由美国人发起的开源项目。 web应用框架 2.abp如何工作 微服务框架,可以使用 net core版本,也可使用net framework两种框架 3.运行D ......

1.介绍abp

全称:aspnetboilerplate。
官网:
由美国人发起的开源项目。
web应用框架

2.abp如何工作

abp框架运行——前后端分离(基于VUE)

微服务框架,可以使用 net core版本,也可使用net framework两种框架

3.运行domo

3.1官网点击 创建demo

abp框架运行——前后端分离(基于VUE)

3.2 配置netcore,选择vue

abp框架运行——前后端分离(基于VUE)

3.3 输入系统名称验证码

最后点击创建项目

abp框架运行——前后端分离(基于VUE)

4.官方手册文档

https://aspnetboilerplate.com/pages/documents/zero/startup-template-angular

5.vue项目

6. swagger用户名密码登录

账号是admin密码是123qwe

abp框架运行——前后端分离(基于VUE)

6.1 获取所有用户接口

abp框架运行——前后端分离(基于VUE)

第一代源码分析

7.abp vnext下一代

https://blog.abp.io/abp/abp-vnext-announcement
第二代有中文文档 cli方式创建
https://docs.abp.io/zh-hans/abp/latest/cli

第二代源码分析

http://blog.tubumu.com/tags/abp/

8. abp 专门做树结构的版本。比如区域等(maliming 发起,同时他也是第一代第二代的作者)

https://github.com/maliming/abp.generaltree

abp:开源()
module-zero:开源(
asp.net zero:收费()

9.前端

yarn包安装,软件包1.22.0版本详见服务器。
yarn版本号查看 yarn -version

这里基于vue项目运行。

9.1 依赖包安装

yarn install

9.2 运行前端代码

执行
yarn serve --open

9.3 登录截图

abp框架运行——前后端分离(基于VUE)

9.4 用户管理截图

abp框架运行——前后端分离(基于VUE)

参照此篇博文

官方推荐:
看到第二篇
https://www.cnblogs.com/farb/p/abptheory.html
看到第二篇

https://github.com/abpframeworkgroup/abpdocument2chinese

abp中完成的:

功能

登录页面、用户/角色管理、权限验证、数据有效性验证、多语言/本地化、多租户管理等等。

身份验证与授权管理(通过asp.net identity实现的)
审计日志(自动记录每一次接口的调用者和参数)

思想

分层体系结构、领域驱动设计、依赖注入等。

工具

我们也可能会采用orm、数据库迁移(database migrations)、日志记录(logging)等工具。

数据迁移

add-migration first_init
update-database

angular版本

依赖包安装 yarn install

跑程序 npm start

因我这次项目使用vue,angular只是跑成功了,所以不再这里详细展开。