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

前言

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

如果不了解 52ABP 項目請先看我的第一篇文章 [52ABP系列] - 001、SPA免費項目模版搭建教程

話不多說，教程開始

一、安裝代碼生成器

首先打開VS,找到頂部菜單中的

工具

選項,打開

工具

選項中的

擴充和更新

, 然後選擇

聯機

,輸入

52ABP

安裝最新的代碼生成器，支援生成UI的代碼生成器版本是

2.1.8

或者更高版本 (我這裡是2.1.8,本機打的包,暫時沒有釋出)

二、啟動項目

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

三、建立實體并添加到資料庫

在項目中的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做遷移，請先查閱資料 官方文檔

四、使用代碼生成器快速生成前背景基本代碼

如果是第一次使用代碼生成器請檢視: .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

1. 添加到前端導航菜單

1. 添加到前端路由

1. 添加到前端對應的Module

按照步驟操作完成之後，編譯啟動前端項目檢視效果

菜單

建立新資料

建立成功後的清單和操作

編輯

到這裡本篇教程就結束了，配合代碼生成器達到了快速開發的目的，當然代碼生成器生成的代碼還是又很大缺憾的，如果要靈活的話，還是需要你自己在代碼生成器生成的代碼基礎上做修改。

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

目前學習.NET Core 最好的教程

.NET Core 官方教程

ASP.NET Core

官方教程

如果您認為這篇文章還不錯或者有所收獲，您可以點選右下角的【推薦】支援，或請我喝杯咖啡【贊賞】，這将是我繼續寫作，分享的最大動力！

作者：玩雙截棍的熊貓

聲明：原創部落格！請在轉載時在文章開頭注明本人部落格位址。如發現錯誤，歡迎批評指正。凡是轉載于本人的文章，不能設定打賞功能，如有特殊需求請與本人聯系！