https://github.com/nameisbad/abp-vue

abp vnext+vue3(vben)+code generator
https://github.com/nameisbad/abp-vue

abp-vnext code-generator typescript vue3

Last synced: 12 months ago
JSON representation

abp vnext+vue3(vben)+code generator

• Host: GitHub
• URL: https://github.com/nameisbad/abp-vue
• Owner: NameIsBad
• License: apache-2.0
• Created: 2021-08-06T06:04:25.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-06-23T14:55:13.000Z (about 3 years ago)
• Last Synced: 2025-06-07T19:09:39.041Z (about 1 year ago)
• Topics: abp-vnext, code-generator, typescript, vue3
• Language: C#
• Homepage:
• Size: 3.65 MB
• Stars: 35
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# abp-vue

本项目参照[colinin](https://github.com/colinin/abp-vue-admin-element-typescript)

本项目为单体应用并且移除了 _IdentityServer4_ 使用 _jwt_

## 后端

[abp vnext](https://github.com/abpframework/abp)

运行

1. 修改**Zoey.Admin.HttpApi.Host**的**appsettings.json**数据库连接字符串

2. 初始化数据库，在**Zoey.Admin.HttpApi.Host**项目下执行```dotnet ef database update```命令

3. 运行**Zoey.Admin.HttpApi.Host**

## 前端

[vben](https://vvbin.cn/next/#/dashboard/analysis)

运行

```

cd ./vben-admin

# 安装依赖

yarn

# 运行项目

yarn serve

```

## ![](https://raw.githubusercontent.com/NameIsBad/abp-vue/main/docs/images/vben-admin.png)

## 代码生成器

修改官方代码生成器以支持vue3 + TypeScript

1. 运行schematics/build-all.ps1 （运行前请确保后端服务已启动）

2. 把generate-code/proxy的文件拷到vben-admin的src/api/proxy中

生成的结构如下：

![](https://raw.githubusercontent.com/NameIsBad/abp-vue/main/docs/images/schematics.png)