PDF (Portable Document Format) стал одним из широко используемых форматов в мире цифровых документов. Различные отрасли промышленности используют формат PDF для создания своих отчетов, счетов-фактур, счетов и других типов деловых документов. С другой стороны, штрих-код стал неотъемлемой частью бизнеса, поскольку содержит информацию в машиночитаемой форме. В наши дни вы можете даже найти штрих-код на своих счетах и счетах-фактурах. В этой статье я представлю пример использования, когда вам нужно создать файл PDF и встроить в него штрих-код, например, при создании счета. Для демонстрации я создам ASP.NET PDF Editor, с помощью которого вы сможете создавать PDF-файлы и штрих-коды с помощью C# в веб-приложении ASP.NET Core.
Это веб-приложение ASP.NET будет иметь следующие функции:
- Редактор WYSIWYG для записи содержимого документа PDF.
- Возможность создания штрих-кода на основе предоставленного текста.
- Возможность установить желаемую символику штрих-кода.
Необходимые условия для создания PDF-файлов со штрих-кодом в ASP.NET
Ниже приведены инструменты и API, которые потребуются для создания редактора PDF ASP.NET с функциями штрих-кода.
- Visual Studio 2017 или более поздней версии.
- Aspose.PDF для .NET – A .NET PDF API.
- Aspose.BarCode для .NET – .NET Barcode Generator and Scanner API.
Создание редактора PDF ASP.NET с функциями штрих-кода
Давайте начнем наше путешествие и посмотрим, как создать наш ASP.NET PDF Editor, который позволит генерировать PDF и вставлять штрих-код одним щелчком мыши.
- Создайте новое основное веб-приложение ASP.NET в Visual Studio.
- Выберите веб-приложение (модель-представление-контроллер) из шаблонов.
- Установите пакеты Aspose.PDF, Aspose.BarCode и CKEditor.
Загрузите пакет CKEditor, распакуйте его и скопируйте/вставьте папку в каталог wwwroot. Вы также можете интегрировать любой из ваших любимых HTML-редакторов WYSIWYG в зависимости от ваших требований.
Добавьте следующий скрипт в представление Views/Home/index.cshtml.
@{
ViewData["Title"] = "PDF Creator";
}
<script src="~/ckeditor/ckeditor.js"></script>
<br />
<form method="post">
<div class="row">
<div class="col-md-12">
<textarea name="editor1" id="editor1" rows="80" cols="80">
Start creating your PDF document.
</textarea>
<br />
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1');
</script>
</div>
<hr />
</div>
<div class="row">
<div class="col-md-12">
<h3>Create a Barcode</h3>
</div>
</div>
<hr />
<div class="row">
<div class="col-md-9 form-horizontal" align="center">
<div class="form-group">
<label class="control-label col-sm-2" for="CodeText">Code Text</label>
<div class="col-sm-10">
<input class="form-control" type="text" name="codeText" id="codeText" placeholder="Code text" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="barcodeType">Symbology</label>
<div class="col-sm-10">
<select name="barcodeType" class="form-control">
<option value="Code128">Code128</option>
<option value="Code11">Code11</option>
<option value="QR">QR</option>
<option value="Pdf417">Pdf417</option>
<option value="Datamatrix">Datamatrix</option>
</select>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-md-12" align="center">
<input type="submit" class="btn btn-lg btn-success" value="Generate PDF" />
</div>
</div>
</form>
- Добавьте следующие методы в Controllers/HomeController.cs.
[HttpPost]
public FileResult Index(string editor1, string codeText, string barcodeType)
{
// generate a barcode
string barcodeImagePath = Path.Combine("wwwroot/barcodes/", Guid.NewGuid() + ".png");
SymbologyEncodeType type = GetBarcodeSymbology(barcodeType);
BarcodeGenerator generator = new BarcodeGenerator(type, codeText);
generator.Parameters.BackColor = System.Drawing.Color.Transparent;
// set resolution of the barcode image
generator.Parameters.Resolution = 200;
// generate barcode
generator.Save(barcodeImagePath, BarCodeImageFormat.Png);
// create a unique file name for PDF
string fileName = Guid.NewGuid() + ".pdf";
// convert HTML text to stream
byte[] byteArray = Encoding.UTF8.GetBytes(editor1);
// generate PDF from the HTML
MemoryStream stream = new MemoryStream(byteArray);
HtmlLoadOptions options = new HtmlLoadOptions();
Document pdfDocument = new Document(stream, options);
// add barcode image to the generated PDF
pdfDocument = InsertImage(pdfDocument, barcodeImagePath);
// create memory stream for the PDF file
Stream outputStream = new MemoryStream();
// save PDF to output stream
pdfDocument.Save(outputStream);
// return generated PDF file
return File(outputStream, System.Net.Mime.MediaTypeNames.Application.Pdf, fileName);
}
private SymbologyEncodeType GetBarcodeSymbology(string symbology)
{
if (symbology.ToLower() == "qr")
return EncodeTypes.QR;
else if (symbology.ToLower() == "code128")
return EncodeTypes.Code128;
else if (symbology.ToLower() == "code11")
return EncodeTypes.Code11;
else if (symbology.ToLower() == "pdf417")
return EncodeTypes.Pdf417;
else if (symbology.ToLower() == "datamatrix")
return EncodeTypes.DataMatrix;
else
return EncodeTypes.Code128; // default barcode type
}
private Document InsertImage(Document document, string barcodeImagePath)
{
// get page from Pages collection of PDF file
Aspose.Pdf.Page page = document.Pages[1];
// create an image instance
Aspose.Pdf.Image img = new Aspose.Pdf.Image();
img.IsInLineParagraph = true;
// set Image Width and Height in Points
img.FixWidth = 100;
img.FixHeight = 100;
img.HorizontalAlignment = HorizontalAlignment.Right;
img.VerticalAlignment = VerticalAlignment.Top;
// set image type as SVG
img.FileType = Aspose.Pdf.ImageFileType.Unknown;
// path for source barcode image file
img.File = barcodeImagePath;
page.Paragraphs.Add(img);
// return updated PDF document
return document;
}
- Создайте приложение и запустите его в своем любимом браузере.
Создание PDF-файла с помощью ASP.NET PDF Editor
Ниже приведены шаги, а также демонстрация того, как создать файл PDF и встроить штрих-код одним щелчком мыши.
- Напишите или скопируйте/вставьте содержимое документа PDF в область редактора.
- Установите текст кода для создания штрих-кода.
- Выберите желаемую символику штрих-кода (см. все поддерживаемые символики штрих-кода).
- Нажмите кнопку «Создать PDF», чтобы создать PDF со штрих-кодом.
Скачать исходный код
Вы можете загрузить полный исходный код этого редактора PDF ASP.NET из здесь.
Попробуйте API Aspose бесплатно
Получите временную лицензию и попробуйте наши API бесплатно в течение одного месяца.