[52ABP系列] - 00二、模板項目配合代碼生成器開發

前言

本篇的主要內容是 52ABP SPA模板如何配合52ABP代碼生成器開發項目

若是不瞭解 52ABP 項目請先看個人第一篇文章 [52ABP系列] - 00一、SPA免費項目模版搭建教程

話很少說，教程開始

1、安裝代碼生成器

首先打開VS,找到頂部菜單中的 工具 選項,打開 工具 選項中的 擴展和更新, 而後選擇 聯機 ,輸入 52ABP 安裝最新的代碼生成器，支持生成UI的代碼生成器版本是 2.1.8 或者更高版本 (我這裏是2.1.8,本機打的包,暫時沒有發佈)

2、啓動項目

請直接根據第一篇文章，搭建並運行項目: [52ABP系列] - 00一、SPA免費項目模版搭建教程

3、新建實體並添加到數據庫

在項目中的Core層建立一個實體對象 Member 如圖所示

實體Member的代碼貼在這裏

using Abp.Domain.Entities;
using System;
using System.Collections.Generic;
using System.Text;

namespace LTMCompanyNameFree.YoyoCmsTemplate.Members
{
    public class Member : Entity<long>
    {
        public string Name { get; set; }

        public int Age { get; set; }

        public string Remark{ get; set; }
    }
}

建立數據表

在 DbContext 中添加 DbSet

遷移數據庫，這裏和第一篇文章中的建立數據庫相同，可是命令會多一個，使用了了以下兩個命令

add-migration AddEntityMember   // 建立遷移
update-database                 // 更新數據庫

若是沒有用過EFCore Code First作遷移，請先查閱資料 官方文檔

4、使用代碼生成器快速生成先後臺基本代碼

若是是第一次使用代碼生成器請查看: .NET CORE 框架ABP的代碼生成器(ABP Code Power Tools )使用說明文檔

選中實體代碼文件右鍵菜單選擇52ABP代碼生成器

選擇你須要生成的選項，若是是第一次使用，就要勾選第一次是用代碼生成器，會給你生成一些基礎的代碼。

NG-Zorro UI是生成前端頁面的選項。

選擇好了以後直接點擊 確認 ,進入Dto配置界面，在這裏勾選配置Dto要用到的字段、校驗、字段對應的前端控件等等。 選擇好了以後，直接點擊確認，開始生成代碼

生成成功將會彈框提示

生成的代碼文件:

NgZorroUI目錄中的members目錄就是生成的前端頁面，將這個目錄copy到前端項目中使用的位置

Copy結束以後，打開生成的Readme.cs文件，根聽說明一步步執行操做

1. 編譯並啓動後端項目
2. 運行前端項目中 nswag 目錄下的 refresh.bat 文件
3. refresh.bat 執行完成以後更新前端 shared-> service-proxies-> service-proxy.module.ts

4. 添加到前端導航菜單

5. 添加到前端路由

6. 添加到前端對應的Module

按照步驟操做完成以後，編譯啓動前端項目查看效果

菜單

建立新數據

建立成功後的列表和操做

編輯

到這裏本篇教程就結束了，配合代碼生成器達到了快速開發的目的，固然代碼生成器生成的代碼仍是又很大缺憾的，若是要靈活的話，仍是須要你本身在代碼生成器生成的代碼基礎上作修改。

文筆欠佳,只能盡力描述到細節，還請多多指正錯誤，多多支持