們?cè)趯?xiě)一個(gè)網(wǎng)站或者一個(gè)網(wǎng)頁(yè)界面的時(shí)候，需要學(xué)習(xí)很多東西，對(duì)小白來(lái)說(shuō)很困難！比如我要做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)交互：

要懂后端，比如Python里面的Django或者Flask，或者是Java里面的SpringBoot

要懂前端，現(xiàn)在都叫大前端了(因?yàn)楹軓?fù)雜)，比如前端的框架Vue/React, 然后頁(yè)面的美化框架Bootstrap ，還有html ,csss 和Javascript 三駕馬車.

天啊，聽(tīng)聽(tīng)頭都大呢！其實(shí)我就給老板做一個(gè)簡(jiǎn)單的交互的頁(yè)面，而且我只會(huì)Python ,有沒(méi)有很簡(jiǎn)單的辦法可以做到呢。

今天小編在Github上逛的時(shí)候，找到一個(gè)非常酷的神器，名字叫remi ,目前收獲了2300個(gè)贊。

star并不是很多， 但是這個(gè)庫(kù)可是選入2018年的十大明星庫(kù) ，號(hào)稱是一個(gè)獨(dú)立的GUI庫(kù)，而且最牛逼的就是這個(gè)庫(kù) 竟然小于 100K ，是否很神奇呢，我們一起來(lái)體驗(yàn)一下特性：

跟其他GUI庫(kù)區(qū)別？ Kivy，PyQT和PyGObject都需要主機(jī)操作系統(tǒng)的本機(jī)代碼，這意味著安裝或編譯大型依賴項(xiàng)。Remi只需要一個(gè)Web瀏覽器即可顯示您的GUI。

我需要懂HTML嗎？ 不，只需要使用Python進(jìn)行編碼。

它是開(kāi)源的嗎？ 當(dāng)然！Remi是根據(jù)Apache許可發(fā)布的。開(kāi)源，免費(fèi)！

我需要某種網(wǎng)絡(luò)服務(wù)器嗎？ 不，自帶網(wǎng)絡(luò)服務(wù)器。

1、安裝

如何安裝呢，因?yàn)槭荘ython 庫(kù)，直接用pip 即可

pip install remi

如果是沒(méi)有網(wǎng)絡(luò)的，或者服務(wù)器跟外網(wǎng)不通的，可以離線安裝。下載這個(gè)包，然后用install 安裝

python setup.py install

2、快速體驗(yàn)

我們來(lái)快速看一下，這個(gè)簡(jiǎn)單的Hello world網(wǎng)頁(yè)。

這里面包含了一個(gè) 2個(gè)元素：

• 文本Hello world ；
• 一個(gè)Press me的按鈕；

點(diǎn)擊這個(gè)按鈕還會(huì)改變Hello world的文本內(nèi)容，看點(diǎn)一下就變成了Button pressed.

上面這個(gè)簡(jiǎn)單的效果，其實(shí)只用了20來(lái)行Python代碼，都是原生的Python代碼，沒(méi)有用一行HTML .

我們來(lái)看一下源碼：

整個(gè)代碼的結(jié)構(gòu)層次還很清晰的：

• 首先聲明一個(gè)MyApp類，這個(gè)類會(huì)繼承母框架App里面的功能，可以認(rèn)為是一個(gè)網(wǎng)頁(yè)畫(huà)布；
• 然后在這個(gè)畫(huà)布里面有3個(gè)函數(shù)：

init主要是做類的初始化工作；

main主要對(duì)這個(gè)畫(huà)布布局進(jìn)行設(shè)計(jì)，包含一個(gè)文本和一個(gè)按鈕。

on_button_pressed主要是控件的相應(yīng)，點(diǎn)擊觸發(fā)函數(shù)

• 最后是start來(lái)啟動(dòng)這個(gè)類，就會(huì)生成一個(gè)本地的網(wǎng)站鏈接

3、更多復(fù)雜的網(wǎng)頁(yè)元素

看完上面的設(shè)計(jì)是不是就覺(jué)得跟Python里面大名鼎鼎的tk庫(kù)很相似啊，上面的只是開(kāi)胃菜，這個(gè)remi還能提供更復(fù)雜的gui界面元素。

上面的是一個(gè)完整的demo頁(yè)面,基本上常見(jiàn)的控件元素的都包含了，比如有菜單欄，文本，按鈕，單選框，進(jìn)度欄，下拉框，表格，彈出框，按鈕選取文件路徑，文件樹(shù)形結(jié)構(gòu)，日期等幾十種控件。

有了這個(gè)神器，是不是可以告別Python里面的tk庫(kù)，也可以省去學(xué)習(xí)HTML的時(shí)間，還等啥，趕緊下載嘗鮮一下吧。

對(duì)Python感興趣或者是正在學(xué)習(xí)的小伙伴，可以點(diǎn)贊關(guān)注收藏支持一波哦， 持續(xù)更新中

原文鏈接：https://blog.csdn.net/NNNJ9355/article/details/107319582

　比如我們需要ASP.NET Core 中需要通過(guò)PDF來(lái)進(jìn)行某些簡(jiǎn)單的報(bào)表開(kāi)發(fā)，隨著這并不難，但還是會(huì)手忙腳亂的去搜索一些資料，那么恭喜您，這篇帖子會(huì)幫助到您，我們就不會(huì)再去浪費(fèi)一些寶貴的時(shí)間。

　　在本文中我們將要使用DinkToPDF來(lái)處理我們?cè)?NET Core Web 程序中進(jìn)行構(gòu)建PDF文檔！就現(xiàn)在我們不多說(shuō)，直接開(kāi)始有趣的部分。

前言

　　您可以通過(guò)創(chuàng)建PDF文檔在我的倉(cāng)庫(kù)中，獲取源代碼，歡迎給個(gè)免費(fèi)的Star...

　　現(xiàn)在我們創(chuàng)建一個(gè).NET Core 3.0 項(xiàng)目，至于是mvc、Api、這些我并不在意。創(chuàng)建項(xiàng)目后直接Nuget安裝DinkToPDF。隨后您需要下載我的代碼倉(cāng)庫(kù)中的“NativeLibrary”文件夾，在其中，我們將找到兩個(gè)文件32bit和64bit，因此我們需要為操作系統(tǒng)選擇合適的庫(kù)。我們將從64位文件夾中選擇文件。

　　最后，我們需要啟動(dòng)該庫(kù)，并且IOC DinkToPDF。

public void ConfigureServices(IServiceCollection services)
        {
            var context=new CustomAssemblyLoadContext();
            context.LoadUnmanagedLibrary(Path.Combine(Directory.GetCurrentDirectory(), "libwkhtmltox.dll"));

            services.AddSingleton(typeof(IConverter), new SynchronizedConverter(new PdfTools()));
            services.AddControllers();
        }

建立實(shí)體

在真實(shí)情況的項(xiàng)目中，我們可以從數(shù)據(jù)庫(kù)中收集數(shù)據(jù)或從其他API接收數(shù)據(jù)。但是為了簡(jiǎn)單起見(jiàn)，我們將從本地存儲(chǔ)中收集PDF文檔的數(shù)據(jù)。隨后，我們將創(chuàng)建一個(gè)HTML模板并將其存儲(chǔ)在PDF文檔中。

 public class Employee
    {
        public string Name { get; set; }
        public string LastName { get; set; }
        public int Age { get; set; }
        public string Gender { get; set; }
    }

再隨后，我們要?jiǎng)?chuàng)建一個(gè)新的文件夾Services和里面兩類文件 DataServices.cs 和 TemplateGenerator.cs 。完整的結(jié)構(gòu)應(yīng)如下所示：

public class DataServices
    {
        public static List<Employee> GetAllEmployess()=>
           new List<Employee>
           {
                new Employee { Name="Hao Zi Zhang", LastName="Turner", Age=35, Gender="Male"},
                new Employee { Name="Yu Chen", LastName="Markus", Age=22, Gender="Female"},
                new Employee { Name="Jian Zhi Chu", LastName="Martins", Age=40, Gender="Male"},
                new Employee { Name="ElderJames", LastName="Packner", Age=30, Gender="Female"},
                new Employee { Name="BlaZui", LastName="Doe", Age=45, Gender="Male"}
           };
    }

其中添加服務(wù)中返回了某些數(shù)據(jù)，用于模擬服務(wù)。我們要生成一個(gè)HTML模板，因此我們需要修改 TemplateGenerator.cs 文件：

public class TempleGenertor
    {
        public static string GetHTMLString()
        {
            var employees=DataServices.GetAllEmployess();

            var sb=new StringBuilder();
            sb.Append(@"
                        <html>
                            <head>
                            </head>
                            <body>
                                <div class='header'><h1>This is the generated PDF report!!!</h1></div>
                                <table align='center'>
                                    <tr>
                                        <th>Name</th>
                                        <th>LastName</th>
                                        <th>Age</th>
                                        <th>Gender</th>
                                    </tr>");

            foreach (var emp in employees)
            {
                sb.AppendFormat(@"<tr>
                                    <td>{0}</td>
                                    <td>{1}</td>
                                    <td>{2}</td>
                                    <td>{3}</td>
                                  </tr>", emp.Name, emp.LastName, emp.Age, emp.Gender);
            }
            sb.Append(@"
                                </table>
                            </body>
                        </html>");

            return sb.ToString();
        }
    }

如果想要指定css樣式，則可以創(chuàng)建某些文件夾，隨后在API通過(guò)服務(wù)器路徑來(lái)抉擇配置。

.header {
    text-align: center;
    color: green;
    padding-bottom: 35px;
}

table {
    width: 80%;
    border-collapse: collapse;
}

td, th {
    border: 1px solid gray;
    padding: 15px;
    font-size: 22px;
    text-align: center;
}

table th {
    background-color: green;
    color: white;
}

　　就是這樣，我們有用于HTML創(chuàng)建的HTML模板。現(xiàn)在，我們可以繼續(xù)執(zhí)行Controller邏輯。

 [Route("api/PdfCreator")]
    [ApiController]
    public class PdfCreatorController : ControllerBase
    {
        private IConverter _converter;

        public PdfCreatorController(IConverter converter)
        {
            _converter=converter;
        }

        [HttpGet]
        public IActionResult CreatePDF()
        {
            var globalSettings=new GlobalSettings
            {
                ColorMode=ColorMode.Color,
                Orientation=Orientation.Portrait,
                PaperSize=PaperKind.A4,
                Margins=new MarginSettings { Top=10 },
                DocumentTitle="PDF Report"
            };

            var objectSettings=new ObjectSettings
            {
                PagesCount=true,
                HtmlContent=TempleGenertor.GetHTMLString(),
                WebSettings={ DefaultEncoding="utf-8", UserStyleSheet=Path.Combine(Directory.GetCurrentDirectory(), "assets", "style.css") },
                HeaderSettings={ FontName="Arial", FontSize=9, Right="Page [page] of [toPage]", Line=true },
                FooterSettings={ FontName="Arial", FontSize=9, Line=true, Center="Report Footer" }
            };

            var pdf=new HtmlToPdfDocument()
            {
                GlobalSettings=globalSettings,
                Objects={ objectSettings }
            };

            var file=_converter.Convert(pdf);
            return File(file, "application/pdf");
        }
    }

代碼說(shuō)明

在上面的代碼中，我們首先通過(guò)使用 IConverter 接口將注冊(cè)的 Converter 與依賴注入注入到構(gòu)造函數(shù)中。然后，我們創(chuàng)建兩個(gè)對(duì)象 globalSettings ， objectSettings 并將它們用作 HtmlToPdfDcoument 屬性中的配置。

現(xiàn)在讓我們來(lái)說(shuō)說(shuō) GlobalSettings 和 ObjectSettings 類。

關(guān)于GlobalSettings類

它括了PDF文檔的整體配置屬性。我們僅使用其中的幾個(gè)屬性來(lái)設(shè)置顏色模式，方向，紙張尺寸，文檔標(biāo)題等…但它還有還多屬性。

關(guān)于ObjectSettings類

ObjectSettings由相關(guān)的PDF文檔的內(nèi)容的屬性。因此，我們可以配置頁(yè)面計(jì)數(shù)器的可見(jiàn)性，頁(yè)眉和頁(yè)腳的格式，文檔的正文內(nèi)容（HtmlContent屬性）或的Web設(shè)置。

HtmlContent屬性是此類的非常重要的屬性。它包含我們生成的HTML模板，并顯示PDF文檔的主體。

WebSettings也非常重要，尤其是如果我們有一個(gè)外部CSS文件來(lái)進(jìn)行樣式設(shè)置時(shí)。在此屬性中，我們可以配置文檔的編碼并提供CSS文件的路徑。如果我們檢查此屬性，我們將發(fā)現(xiàn)更多可以配置的設(shè)置，例如PDF文檔的背景，文字大小 等等..

啟動(dòng)項(xiàng)目

通過(guò)路由定位到我們的API中，重定向PDF打印界面。

　一切看起來(lái)都是那么完美，就這樣我們就可以輕松的在ASP.NET Core中構(gòu)建PDF文檔并且還可以完美適配相關(guān)邏輯和某些文檔設(shè)置！！