2017-04-23 91 views
0

我想製作餐廳訂購系統,這樣客戶就可以在平板電腦上購買食物,工作人員可以在他們的電腦上看到訂單。工作人員的PHP網絡信息

我已經有網站將在android應用程序的webView中使用,客戶將使用,但沒有真正的排序。 This網站將顯示在平板電腦上。 它是HTML/CSS/JS(僅適用於動畫)網站,沒什麼特別的。如果你點擊第一張帶有文字「predjelo」的圖像,你會彈出一個窗口,你可以選擇多少訂單將花費多少錢我想嘗試多個預製腳本,但我無法讓他們工作。 我花了大約2.5小時試圖找到解決方案,但沒有好的結果。我不想要某些東西的源代碼,我希望有人告訴我如何去做,學習我,如果我得到一些代碼,這將是很好的。我喜歡學習。由於

Order website screenshot

+0

什麼是您遇到麻煩的特定代碼,以及您到目前爲止有什麼? – Toby

回答

0

寫的函數,在點擊事件,這將使用jQuery UI打開一個彈出。請參閱https://jqueryui.com/dialog/#modal-form

<script type="text/javascript"> 
    $(function() { 
     function makeOrder(item_id) { 
      dialog = $("#dialog-form").dialog({ 
       autoOpen: false, 
       height: 400, 
       width: 350, 
       modal: true, 
       buttons: { 
        "Make an order": makeOrder, 
        Cancel: function() { 
         dialog.dialog("close"); 
        } 
       } 
      }); 
      dialog.dialog("open"); 

     } 
    }) 
</script> 
<ul> 
    <li style="display: inline-block;" onclick="makeOrder('item_id')"> 
     <img src="img/predjelo.png" class="md-trigger" data-modal="modal-18" alt="Image 1"> 
    </li> 
</ul> 
<div id="order-form" title="Make order" style="display: none"> 
    <p class="validateTips">All form fields are required.</p> 

    <form> 
     <!--order form--> 
     <fieldset> 
      <label for="name">Name</label> 

      <input type="submit" tabindex="-1" style="position:absolute; top:-1000px"> 
     </fieldset> 
    </form> 
</div> 
+0

我已經有模態表單,如果你點擊第一個食物,它會彈出。我需要系統,這將使訂單通過。平板電腦用於訂購,而不是當顧客拒絕他要訂購的東西時,它會通過工人電腦並得到通知。 –

+0

當用戶提交訂單時,將數據保存到數據庫中。爲從數據庫列出所有掛單的工作人員創建新界面。 –

+0

這就是問題所在,我不知道該怎麼做,我對PHP很陌生。我可以得到一些代碼或類似的東西嗎? –