Trong bài đăng này, chúng ta sẽ thảo luận về Hệ thống quản lý hóa đơn hoặc hóa đơn bằng cách sử dụng PHP Script với Jquery. Để tạo Hóa đơn đơn giản, chúng tôi không chỉ sử dụng PHP JQuery mà chúng tôi còn sử dụng Bootstrap Framework và cơ sở dữ liệu Mysql. Trong hệ thống này, chúng tôi sẽ không tạo Hóa đơn hoặc Thanh toán cho một mặt hàng mà ở đây chúng tôi sẽ tạo hệ thống sẽ tạo Hóa đơn nhiều mặt hàng động. Đây là tập lệnh đơn giản và tập lệnh này bất kỳ ai cũng có thể sử dụng cho dự án hoặc mục đích học tập của mình như cách phát triển Hệ thống hóa đơn bằng cách sử dụng Mã nguồn mở PHP và Jquery với Mysql và Bootstrap. Từ bài đăng này, bạn có thể có được kiến thức để tạo Hệ thống thanh toán đơn giản trong PHP
Đây là thời đại số hóa, tất cả các loại giao dịch đã được thực hiện trực tuyến, vì vậy ở đây chúng tôi đã tạo hệ thống Hóa đơn trực tuyến bằng PHP. Bằng cách sử dụng tập lệnh này, bạn có thể lập hóa đơn trực tuyến. Trong hướng dẫn này, bạn thêm một số chức năng khác như sau khi lập hóa đơn, bạn cũng có thể gửi email hóa đơn này cho một người cụ thể. Nói tóm lại, bạn có thể tạo hóa đơn kỹ thuật số từ tập lệnh này. Sau khi lập hóa đơn, bạn cũng có thể chuyển đổi hóa đơn đó sang định dạng PDF. Ở đây chúng tôi cũng đã thảo luận về cách chuyển đổi hóa đơn kỹ thuật số sang định dạng PDF, vì vậy chúng tôi cũng có thể nhận được bản cứng của Hóa đơn. Bằng cách sử dụng tập lệnh này, bạn có thể tạo hóa đơn bằng cách gửi biểu mẫu đơn giản mà chúng tôi đã sử dụng JQuery để thêm nhiều mục
Bản trình diễn trực tuyến
Trong hệ thống này, chúng tôi có thể tạo hóa đơn mới, chúng tôi có thể chỉnh sửa hoặc cập nhật chi tiết hóa đơn, chúng tôi có thể xóa hoặc xóa hóa đơn và cuối cùng chúng tôi cũng có thể tạo tệp PDF từ hóa đơn đó và sau đó, chúng tôi cũng có thể in từ tệp PDF. Bằng cách này, chúng tôi có thể tạo hóa đơn không giới hạn từ hệ thống này. Trong hệ thống này, chúng tôi có thể thêm nhiều mặt hàng trong một hóa đơn bằng cách sử dụng Jquery và biểu mẫu này, chúng tôi cũng có thể thêm chi tiết thuế và tất cả việc tính toán này đã được thực hiện bằng cách sử dụng Jquery. Giả sử bạn muốn xóa bất kỳ sản phẩm nào khỏi hóa đơn thì bạn cũng có thể xóa sản phẩm khỏi Hóa đơn. Trong hệ thống này, tất cả các tính toán đã được thực hiện bằng cách sử dụng mã JQuery, do đó, bằng cách sử dụng JQuery này, chúng tôi có thể tạo biểu mẫu hóa đơn sản phẩm động. Và cuối cùng trong hệ thống này, bạn cũng có thể nhận được thông tin chi tiết về hóa đơn đã tạo trước đó
Mã nguồn
cơ sở dữ liệu_connection. php
hóa đơn. php
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 4px;
border-radius: 0;
}
/* Add a gray background color and some padding to the footer */
footer {
background-color: #f2f2f2;
padding: 25px;
}
.carousel-inner img {
width: 100%; /* Set width to 100% */
margin: auto;
min-height:200px;
}
.navbar-brand
{
padding:5px 40px;
}
.navbar-brand:hover
{
background-color:#ffffff;
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
@media [max-width: 600px] {
.carousel-caption {
display: none;
}
}
.box
{
width: 100%;
max-width: 1390px;
border-radius: 5px;
border:1px solid #ccc;
padding: 15px;
margin: 0 auto;
margin-top:50px;
box-sizing:border-box;
}
$[document].ready[function[]{
$['#order_date'].datepicker[{
format: "yyyy-mm-dd",
autoclose: true
}];
}];
Create Invoice |
To,
RECEIVER [BILL TO]
Reverse Charge
Sr No.
Item Name
Quantity
Price
Actual Amt.
Tax1 [%]
Tax2 [%]
Tax3 [%]
Total
Rate
Amt.
Rate
Amt.
Rate
Amt.
| 1 |
|
|
|
|
|
|
|
|
|
|
|
|
+
|
| Total |
|
|
|
|
$[document].ready[function[]{
var final_total_amt = $['#final_total_amt'].text[];
var count = 1;
$[document].on['click', '#add_row', function[]{
count++;
$['#total_item'].val[count];
var html_code = '';
html_code += '
';
html_code += '| '+count+' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += ' | ';
html_code += 'X | ';
html_code += '
';
$['#invoice-item-table'].append[html_code];
}];
$[document].on['click', '.remove_row', function[]{
var row_id = $[this].attr["id"];
var total_item_amount = $['#order_item_final_amount'+row_id].val[];
var final_amount = $['#final_total_amt'].text[];
var result_amount = parseFloat[final_amount] - parseFloat[total_item_amount];
$['#final_total_amt'].text[result_amount];
$['#row_id_'+row_id].remove[];
count--;
$['#total_item'].val[count];
}];
function cal_final_total[count]
{
var final_item_total = 0;
for[j=1; j 0]
{
price = $['#order_item_price'+j].val[];
if[price > 0]
{
actual_amount = parseFloat[quantity] * parseFloat[price];
$['#order_item_actual_amount'+j].val[actual_amount];
tax1_rate = $['#order_item_tax1_rate'+j].val[];
if[tax1_rate > 0]
{
tax1_amount = parseFloat[actual_amount]*parseFloat[tax1_rate]/100;
$['#order_item_tax1_amount'+j].val[tax1_amount];
}
tax2_rate = $['#order_item_tax2_rate'+j].val[];
if[tax2_rate > 0]
{
tax2_amount = parseFloat[actual_amount]*parseFloat[tax2_rate]/100;
$['#order_item_tax2_amount'+j].val[tax2_amount];
}
tax3_rate = $['#order_item_tax3_rate'+j].val[];
if[tax3_rate > 0]
{
tax3_amount = parseFloat[actual_amount]*parseFloat[tax3_rate]/100;
$['#order_item_tax3_amount'+j].val[tax3_amount];
}
item_total = parseFloat[actual_amount] + parseFloat[tax1_amount] + parseFloat[tax2_amount] + parseFloat[tax3_amount];
final_item_total = parseFloat[final_item_total] + parseFloat[item_total];
$['#order_item_final_amount'+j].val[item_total];
}
}
}
$['#final_total_amt'].text[final_item_total];
}
$[document].on['blur', '.order_item_price', function[]{
cal_final_total[count];
}];
$[document].on['blur', '.order_item_tax1_rate', function[]{
cal_final_total[count];
}];
$[document].on['blur', '.order_item_tax2_rate', function[]{
cal_final_total[count];
}];
$[document].on['blur', '.order_item_tax3_rate', function[]{
cal_final_total[count];
}];
$['#create_invoice'].click[function[]{
if[$.trim[$['#order_receiver_name'].val[]].length == 0]
{
alert["Please Enter Reciever Name"];
return false;
}
if[$.trim[$['#order_no'].val[]].length == 0]
{
alert["Please Enter Invoice Number"];
return false;
}
if[$.trim[$['#order_date'].val[]].length == 0]
{
alert["Please Select Invoice Date"];
return false;
}
for[var no=1; no
$[document].ready[function[]{
$['#order_no'].val[""];
$['#order_date'].val[""];
$['#order_receiver_name'].val[""];
$['#order_receiver_address'].val[""];
}];
Edit Invoice |
To,
RECEIVER [BILL TO]
Reverse Charge
Sr No.
Item Name
Quantity
Price
Actual Amt.
Tax1 [%]
Tax2 [%]
Tax3 [%]
Total
Rate
Amt.
Rate
Amt.
Rate
Amt.
|
| |