Hướng dẫn javascript certificate generator - trình tạo chứng chỉ javascript

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh GIT chấp nhận cả tên thẻ và tên chi nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi bất ngờ. Bạn có chắc là bạn muốn tạo chi nhánh này?

Câu hỏi thường gặp về JavaScript

Nội dung Câu hỏi thường gặp này đã được cung cấp cho mục đích thông tin. Người học được khuyên nên tiến hành nghiên cứu bổ sung để đảm bảo rằng các khóa học và thông tin khác theo đuổi đáp ứng các mục tiêu cá nhân, chuyên nghiệp và tài chính của họ.

Để nhận mã nguồn của dự án Trình tạo chứng chỉ đơn giản, nhấp vào nút tải xuống được đưa ra ở cuối bài đăng này. Nhưng cùng với việc tải xuống mã nguồn miễn phí của Chứng chỉ JavaScript, chúng tôi chân thành khuyên bạn nên đọc bài viết hoàn chỉnh này để biết thông tin cần thiết về dự án Trình tạo chứng chỉ miễn phí này. Ví dụ: làm thế nào để thực hiện mã nguồn của dự án trình tạo chứng chỉ? Giấy phép bản quyền cho mã nguồn Chứng chỉ JS này là gì? Ngôn ngữ mã hóa nào được sử dụng để tạo trình tạo chứng chỉ đơn giản này?

Thành phần của Dự án tạo chứng chỉ miễn phí:

Người tạo chứng chỉ đáp ứng này được xây dựng với các ngôn ngữ lập trình HTML, CSS và JavaScript. Mã này hoạt động trơn tru trên bất kỳ thiết bị nào trong khi logic của mã của người tạo chứng chỉ này bao gồm một vài dòng. Do đó, sẽ rất đơn giản để hiểu cho các nhà phát triển mới bắt đầu và sinh viên CNTT. Nói tóm lại, đây là một dự án hoàn hảo để sinh viên thực hiện các dự án JS đơn giản hoặc để hiểu cách sử dụng JavaScript để tạo các chức năng ngắn và ngắn khác nhau mà không cần sử dụng các thư viện nâng cao và bên ngoài.

Cách thực hiện Bộ phận chứng chỉ Javasript Mã nguồn dự án:

Trích xuất tệp zip đã tải xuống, mở thư mục Unzip và nhấp vào tệp index.html. Sẽ mở tại trình duyệt mặc định của bạn hoặc nếu không, bạn có thể mở nó trong trình duyệt yêu thích của mình (để nhấp chuột phải vào index.html sau đó nhấp vào tùy chọn Mở mở với tùy chọn và bây giờ chọn tùy chọn mong muốn để mở tệp trong trình duyệt ).

Đây là mã nguồn không có lỗi và làm việc, nhưng nếu bạn phải đối mặt với bất kỳ vấn đề nào với trình tạo chứng chỉ miễn phí này. Sau đó, chúng tôi khuyên bạn nên sử dụng các phiên bản mới nhất của các trình duyệt như Google và Firefox, Opera và Safari, v.v. Nếu vẫn có vấn đề, hãy tìm kiếm các giải pháp khác. Chẳng hạn như kiểm tra xem các tệp bạn đã mở làm tệp chỉ mục, có phải là tệp phù hợp hay không. Hãy nhớ rằng, chỉ cần sử dụng mã nguồn dự án này cho mục đích học tập. Hơn nữa, để biết thêm chi tiết giấy phép, bạn có thể kiểm tra tệp readme, cũng có sẵn trong thư mục đã tải xuống.

Khuyến nghị: Tài nguyên để học phát triển web.

Làm thế nào dự án tạo chứng chỉ JavaScript này hoạt động:

Khi bạn mở tệp index.html của dự án này trong bất kỳ trình duyệt nào thì trang giống như mẫu sẽ mở trong trình duyệt. Trên trang này, bạn sẽ thấy khu vực đầu vào tên ở phía bên trái của trang. Ở đây bạn sẽ nhập tên và nội dung mà bạn muốn thêm vào chứng chỉ. Đó là hiện diện ở giữa trang. Khi bạn sẽ nhập bất cứ thứ gì vào khu vực đầu vào tên, nó sẽ tự động thêm nó vào giữa nội dung chứng chỉ. Nút đã tải xuống có sẵn với khu vực đầu vào được sử dụng để tải xuống chứng chỉ đã tạo.

Mã nguồn tạo chứng chỉ này đang hoạt động hoàn hảo trên tất cả các thiết bị. Bạn có thể thấy rằng trình tạo chứng chỉ này sử dụng JavaScript để thực hiện nhiệm vụ cơ bản này để thêm tên vào chứng chỉ nhưng nó không có tính năng nâng cao để chọn nhiều mẫu, phông chữ, cách phối màu, v.v ... Điều tốt về trình tạo chứng chỉ này trong JS IS , Đó là một dự án hoàn hảo để thực hiện các dự án tương tự và thậm chí bạn có thể thêm tính năng nâng cao hơn trong trình tạo chứng chỉ JavaScript đơn giản này.
The good thing about this certificate generator in JS is, that it is a perfect project to do the practice of similar projects and even you can add the more advanced feature in this simple javaScript certificate generator.

Trong trường hợp, bạn có bất kỳ sự nhầm lẫn nào trong khi chạy dự án này hoặc hiểu mã nguồn bạn có thể hỏi trong phần bình luận bên dưới. Ngoài ra, nếu bạn muốn có bất kỳ sự giúp đỡ hoặc có bất kỳ truy vấn nào, vì vậy tôi chỉ là một bình luận xa bạn.

Bấm vào nút Tải xuống để nhận Chứng chỉ Mã nguồn miễn phí.

Trình tạo chứng chỉ PDF

Tập lệnh PHP để tạo chứng chỉ để tham gia vào các sự kiện.

Tập lệnh này sử dụng thư viện TCPDF để tạo PDF từ các mẫu HTML. Đưa ra một tệp CSV với chi tiết và dữ liệu của người được in vào tệp của PDF là có thể tạo các chứng chỉ tùy chỉnh bao gồm cả hình ảnh nền. Có một loạt các tùy chọn (được liệt kê dưới đây) để tùy chỉnh chứng chỉ.

Phụ thuộc

  • TCPDF: Thư viện PHP PDF.
  • PHPMailer: Một lớp tạo và chuyển email đầy đủ tính năng cho PHP.
  • GetOpt: Một thư viện để xử lý đối số dòng lệnh.

Bắt đầu

Để cài đặt cerfiticate-generator, bạn cần cài đặt trình soạn thảo để xử lý các phụ thuộc. Sau đó chạy composer install để tải xuống phụ thuộc.

Tạo mẫu HTML

Cách đề xuất để tạo mẫu HTML là sử dụng trình chỉnh sửa HTML hoặc trình soạn thảo văn bản. Nhưng cũng có thể sử dụng các công cụ chuyển đổi như Zamzar hoặc PowerPoint2HTML để chuyển đổi trình bày PowerPoint thành HTML.

Vấn đề với việc sử dụng các công cụ chuyển đổi là đôi khi HTML được tạo chứa các thẻ không được xử lý bởi TCPDF và chứng chỉ PDF tạo sẽ không hoạt động chính xác. Hãy chắc chắn rằng mẫu HTML chỉ chứa các thẻ được hỗ trợ TCPDF. Các thẻ hiện được hỗ trợ là: a, b, blockquote, br, dd, del, div, dl, dt, em, font, h2, h2, h3, h4, h5, h6, hr, i, img, li, ol, p , Pre, Small, Span, Strong, Sub, Sup, Bảng, TCPDF, TD, TH, THEAD, TR, TT, U, UL Lưu ý: Tất cả các thuộc tính HTML phải được đặt theo cách kiểm duyệt kép. Tham khảo tài liệu TCPDF để biết thêm chi tiết về các thẻ được hỗ trợ.Be sure that you HTML template contains only TCPDF supported tags. Currently supported tags are: a, b, blockquote, br, dd, del, div, dl, dt, em, font, h2, h2, h3, h4, h5, h6, hr, i, img, li, ol, p, pre, small, span, strong, sub, sup, table, tcpdf, td, th, thead, tr, tt, u, ul NOTE: all the HTML attributes must be enclosed in double-quote. Refer to TCPDF documentation to get more details about supported tags.

Các kiểu CSS phải được nội tuyến vào các tệp HTML để được TCPDF xử lý.

Người giữ chỗ tạm thời HTML

Có thể sử dụng các trình giữ chỗ trong mẫu HTML để được thay thế bằng dữ liệu từ các tệp CSV (xem Bellow). Các giữ chỗ phải sử dụng cú pháp Jinja, ví dụ: ví dụ:

Để xác định trình giữ chỗ cho một "biến" được gọi là first_nameInside một thẻ đoạn HTML. Tập lệnh PHP sẽ tìm kiếm bất kỳ trình giữ chỗ nào ({{ * }}) và thay thế nó bằng giá trị từ một cột có cùng tên trong tệp CSV được cung cấp làm đối số cho tập lệnh (tùy chọn -d, xem Bellow).

Một giữ chỗ đặc biệt {{ %now% }} có sẵn và sẽ được thay thế bằng ngày hiện tại khi tạo chứng chỉ.

Tạo chứng chỉ PDF

Tệp chính của trình tạo chứng chỉ là certgen.php. Để có được danh sách các tùy chọn có sẵn, chạy:

Tùy chọn

Có một bộ tùy chọn có sẵn để tùy chỉnh trình tạo chứng chỉ nên được truyền tại dòng lệnh:

  • Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    0 hoặc
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    1 (bắt buộc): Tệp mẫu HTML có trình giữ chỗ ở định dạng Jinja (ví dụ:
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    2).(required): the HTML template file with placeholders in Jinja format (e.g.:
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    2).
  • Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    3 hoặc
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    4: Tệp/thư mục đầu ra PDF (mặc định:
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    5).
  • -dor
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    7: Tệp CSV có tiêu đề ở dòng đầu tiên sẽ được sử dụng làm nguồn để thay thế các trình giữ chỗ trong mẫu HTML. Tên tiêu đề (cột) phải giống như trong HTML mẫu.
  • Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    8 hoặc
    Font added: ubuntumedium
    Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!
    
    9: Kích thước trang (mặc định:
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    0).
  • php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    1or
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    2: Tên của cột email trong tệp dữ liệu CSV (mặc định:
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    3). Nếu một cột có tên đó có trong tệp CSV thì các chứng chỉ được tạo sẽ được gửi đến email tiếp viên.
  • php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    4 hoặc
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    5: Chủ đề của email được gửi cho người tham gia (mặc định:
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    6).
  • php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    7 hoặc
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    8: Một văn bản hoặc đường dẫn để tệp với tin nhắn (thân) của email được gửi cho người tham gia (mặc định:
    php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt
    9).
  • cerfiticate-generator0or cerfiticate-generator1: Email để đặt làm trả lời (mặc định: cerfiticate-generator2).
  • cerfiticate-generator3or cerfiticate-generator4: tệp đính kèm AddIotional để gửi trong email. Bạn có thể cung cấp càng nhiều tệp đính kèm bạn muốn bằng cách chứng minh nhiều đối số cho tham số này (ví dụ: cerfiticate-generator5).
  • cerfiticate-generator6 hoặc cerfiticate-generator7: Y Offset của ô HTML (defaul: 0).
  • cerfiticate-generator8 hoặc cerfiticate-generator9: Hiển thị trợ giúp và bỏ thuốc.
  • composer install0 hoặc composer install1: Thêm phông chữ vào TCPDF và thoát (không tạo chứng chỉ).

Thêm phông chữ vào TCPDF

TCPDF đi kèm với một số phông chữ hạn chế. Để chuyển đổi và thêm một phông chữ mới cho TCPDF, bạn có thể sử dụng các tùy chọn composer install0 hoặc composer install1 của tập lệnh trình tạo chứng chỉ. Ví dụ: để thêm phông chữ composer install4 vào TCPDF, bạn có thể sử dụng lệnh theo dõi:

php certgen.php -f Ubuntu-Light.ttf

Trong trường hợp thành công, bạn sẽ nhận được một tin nhắn với tên phông chữ nên được sử dụng trong tệp cấu hình (xem GHRE) thay thế hằng số composer install5.

Font added: ubuntumedium
Change DEFAULT_FONT value to ubuntumedium in config.php to use the new font!

Tập tin cấu hình

Là một số cấu hình có thể được tùy chỉnh trong tệp composer install6. Chỉnh sửa tệp này nếu bạn cần tùy chỉnh cài đặt tập lệnh.

  • composer install5: Phông chữ mặc định được sử dụng để tạo PDF (mặc định: composer install8).
  • composer install9: Kích thước phông chữ mặc định (mặc định: first_name0).
  • first_name1: Cờ gỡ lỗi Phpmailer SMTP (mặc định: first_name2).
  • first_name3: Charset mã hóa email (Defulat: first_name4).
  • first_name5: Máy chủ SMTP (mặc định: first_name6).
  • first_name7: Cổng SMTP (mặc định: first_name8).
  • first_name9: Sử dụng xác thực SMTP (mặc định: {{ * }}0).
  • {{ * }}1: Sử dụng mã hóa SMTP TLS (mặc định: {{ * }}2).
  • {{ * }}3: Tên người dùng SMTP (mặc định: cerfiticate-generator2).
  • {{ * }}5: Mật khẩu SMTP (mặc định: {{ * }}6).
  • {{ * }}7: Bật cơ thể HTML email (mặc định: {{ * }}0).
  • {{ * }}9: Giữ kết nối SMTP tồn tại (mặc định: {{ * }}0).
  • -d1: Giới hạn bộ nhớ (mặc định: -d2).
  • -d3: Locale (mặc định: -d4).
  • -d5: Tệp CSV Delimmiter (mặc định: -d6).
  • -d7: Biên độ bên trái PDF (mặc định: -d8).
  • -d9: Biên độ bên phải của PDF (mặc định: -d8).

Examples:

Xem các tệp ví dụ trong thư mục {{ %now% }}1:

php certgen.php -i sample.html -o ./output/ -d sample.csv -s "Thanks for participated of our event" -e "participant_email" -m sample_email_message.html -r  -a sample_attach.txt

Lệnh trên sẽ tạo chứng chỉ PDF cho mỗi người phục vụ được liệt kê trong tệp {{ %now% }}2 và gửi chứng chỉ và {{ %now% }}3 addiotional cho các email của tiếp viên có trong tệp CSV tại cột {{ %now% }}4.Chủ đề của email được gửi sẽ là {{ %now% }}5 và tin nhắn từ tệp {{ %now% }}6.Câu trả lời sẽ được đặt thành cerfiticate-generator2.

Đóng góp

Vui lòng gửi báo cáo lỗi, đề xuất và yêu cầu kéo đến trình theo dõi vấn đề GitHub.

Nếu bạn tìm thấy một sai lầm trong tài liệu, hoặc muốn thêm một cái gì đó, hãy tiếp tục và sửa đổi wiki - bất cứ ai cũng có thể chỉnh sửa nó.

Giấy phép

Giấy chứng nhận-genteratoris được xuất bản theo giấy phép công cộng GNU General v3.0.