模板式编程和钩子式编程

创建一个基类,里面有些常用的方法,特别的是需要重载的方法让外面其它继承者重新定义方法,一个基类,用virtual 关键字定义一些需要重新定义的方法,外面的子类继承基类,然后用override关键字重载需要的基类中的方法。


钩子就是在基类中定义了一个virtual 函数,在外面没有调用的时候,它不影响基类的行为,当创建子类对象的时候,通过这个函数会反作用影响基类的行为。

//Program.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;


namespace Test_1
{
    class Program
    {
        static void Main(string[] args)
        {
            TestBase tb=new TestBase();
            tb.showInfo();


            TestBoy tboy = new TestBoy();
            tboy.showInfo();


            TestGirl tgirl = new TestGirl();
            tgirl.showInfo();


            Console.ReadKey();
        }


        
    }
}

// TestBase.cs




namespace Test_1
{
    public class TestBase
    {
        public void showInfo()
        {
            if (IsBoy())
            {
                Console.WriteLine(string.Format("I am a {0}", "man"));
            }
            else
            {
                Console.WriteLine(string.Format("I am a {0}", " girl"));
            }
        }
        public virtual bool IsBoy()
        {
            return true;
        }


    }
}


//TestGirl.cs


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;


namespace Test_1
{
    class TestGirl:TestBase
    {
        public override bool IsBoy()
        {
            return false;
        }
    }
}


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;


namespace Test_1
{
    class TestBoy:TestBase
    {


    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,我们需要安装一个库来帮助我们在前端打印模板。我推荐使用 react-to-print 库,它可以将 React 组件转换为可打印的 HTML。 ```sh npm install react-to-print ``` 接下来,我们可以编写一个简单的组件来展示打印内容。这个组件将在页面上显示一个按钮,当用户点击该按钮时,它将打印一个预定义的文本。 ```jsx import React from 'react'; import { useReactToPrint } from 'react-to-print'; function PrintTemplate() { const componentRef = React.useRef(); const handlePrint = useReactToPrint({ content: () => componentRef.current, }); return ( <div> <h1>打印模板</h1> <p>这是一个可打印的模板。</p> <button onClick={handlePrint}>打印</button> <div style={{ display: 'none' }}> <div ref={componentRef}> <h1>打印模板</h1> <p>这是一个可打印的模板。</p> </div> </div> </div> ); } export default PrintTemplate; ``` 在这个组件中,我们使用了 `useReactToPrint` 钩子来创建一个函数,该函数在用户点击按钮时触发打印。我们还使用了 `useRef` 钩子来获取要打印的内容的引用,并将其传递给 `useReactToPrint` 函数。 最后,我们在页面上渲染了一个按钮和一个隐藏的 `div` 元素,该元素包含要打印的内容。当用户点击按钮时,`useReactToPrint` 函数将调用 `content` 属性中的函数,并将其传递给 `printJS` 库来打印。 这就是一个基于 React 和函数编程的前端打印模板。你可以根据自己的需要修改它来满足你的需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值