使用Java帶你打造一款簡單的外賣系統

dcpeng發表於2020-07-17

【一、專案背景】

隨著網際網路時代的快速發展,便捷人民的生活,提高生活質量,外賣系統應運而生。

人們也喜歡享受著“足不出戶,美食到家”的待遇,促使網上訂餐行業快速發展。

【二、專案目標】

1. 設計一款應用程式-外賣系統,有文字和圖片顯示,通過選擇一種或多種食物,每種食物可以選擇一份或多份,點選結算後,進行總價的統計。

2. 實現標題文字滾動和顏色定時變化。

3. 實現消費多少錢免配送費以及消費多少錢滿減。

【三、專案實施】

使用eclipse軟體開發,先上效果圖,如下圖所示。

image

可以看到在介面上有文字和圖片顯示,通過選擇一種或多種食物,每種食物可以選擇一份或多份,結算功能,標題文字滾動加顏色變化的功能。

接下來,小編帶大家進行具體的實現,具體的實現步驟如下。

【四、實現步驟】

一、首先實現外賣系統購物車的視窗

public static void main(String[] args) {
    // TODO Auto-generated method stub
        Takeout t = new Takeout();
        t.setTitle("饒洋外賣");
        t.setSize(720,550);
        t.setVisible(true);
}

使用new關鍵字建立Takeout類;

setTitle表示設定介面的標題;

setSize(寬,高)表示窗體大小;

setVisible(true或false)表示窗體是否可見;

二、新增文字實現

1. 使用到元件有JPanel、JLabel;

2. 新增Takeout類的成員變數;

public class Takeout extends JFrame {
  //成員變數
      private JPanel panel01 = new JPanel();
private JLabel label01 = new JLabel("歡迎來到饒洋外賣系統!");

3. 新增文字說明;

Takeout類建構函式:

Takeout(){
      label01.setFont(new Font("黑體",Font.PLAIN,30));
      label01.setForeground(Color.BLUE);
       panel01.add(label01);
      panel01.setOpaque(false);//設定透明
      this.setLayout(new BorderLayout());
      this.add(panel01,BorderLayout.NORTH);
      this.getContentPane().setBackground(c);

4. 文字(label01)設定顯示效果

  1. setFont(newFont(String 字型,int 風格,int 字號));

字型:TimesRoman, Courier, Arial等; 風格:三個常量 lFont.PLAIN, Font.BOLD, Font.ITALIC; 字號:字的大小(磅數);

  1. setForegound設定前景色;

  2. setOpaque設定控制元件透明(ture或false);

  3. 佈局管理器之BorderLayout(邊界佈局);

邊界佈局管理器把容器的的佈局分為五個位置:CENTER、EAST、WEST、NORTH、SOUTH。依次相應為:上北(NORTH)、下南(SOUTH)、左西(WEST)、右東(EAST),中(CENTER)。

5. 邊界佈局特徵

  1. 能夠把元件放在這五個位置的隨意一個,假設未指定位置,則預設的位置是CENTER。

  2. 南、北位置控制元件各佔領一行,控制元件寬度將自己主動佈滿整行。東、西和中間位置佔領一行;若東、西、南、北位置無控制元件,則中間控制元件將自己主動佈滿整個螢幕。若東、西、南、北位置中不管哪個位置沒有控制元件,則中間位置控制元件將自己主動佔領沒有控制元件的位置。

  3. 它是窗體、框架的內容窗格和對話方塊等的預設佈局。

6. getContentPane.setBackground(c)初始化一個容器,設定背景RGB顏色需要在成員變數定義。

private Color c = new Color(197,228,251);

三、新增食物文字、數量(按鈕)和圖片

需要新增JPanel、 JCheckBox、 JButton 、JLabel等。

1. 新增Takeout類的成員變數

private JPanel panel02 = new JPanel();
private JCheckBox check[] = new JCheckBox[9];//文字(多選框)
private JButton amount[] = new JButton[9];//數量(按鈕)
private JLabel food[] = new JLabel[9];//食物圖片
private int num[]=new int[9];//數量陣列

2. 在Takeout類的建構函式設定元件的屬性

參考程式碼

Takeout(){
  ……
    check[0]=new JCheckBox("  雪糕    3.0元",false);
    check[1]=new JCheckBox("  薯條    6.0元",false);
    check[2]=new JCheckBox("爆米花  8.0元",false);
    check[3]=new JCheckBox("  熱狗  10.0元",false);
    check[4]=new JCheckBox("漢堡包11.0元",false);
    check[5]=new JCheckBox("巨無霸16.0元",false);
    check[6]=new JCheckBox("  可樂    6.0元",false);
    check[7]=new JCheckBox("  果汁    8.0元",false);
check[8]=new JCheckBox("  啤酒    6.0元",false);
for(int i=0;i<9;i++){
      amount[i]=new JButton("1份");
      food[i]=new JLabel(new         ImageIcon("image//food"+(i+1)+".jpg"));
      check[i].setOpaque(false);
      panel02.add(check[i]);
      panel02.add(amount[i]);
      panel02.add(food[i]);
      num[i]=1;

      amount[i].addActionListener(my);

      }
      panel02.setOpaque(false);
    this.add(panel02,BorderLayout.CENTER);

四、新增狀態資訊:JTextArea等

1. 新增Takeout類的成員變數

private JTextArea list=new JTextArea(10,20);
private String str="";

2. 在Takeout類的建構函式設定元件的屬性

參考程式碼

Takeout(){
  ……
list.setText("狀態:未選餐!");
      list.setBackground(c);
    panel02.add(list);
}

五、新增按鈕和總價框:JPanel、 JButton、JLabel、JTextField等

1. 新增Takeout類的成員變數

private JPanel panel03=new JPanel();
private JButton btn_ok = new JButton("結算");
private JButton btn_cancel = new JButton("清空");
private JLabel label02 = new JLabel("總價:");
          private double a[]=new double[9];//食物單價
     private double total=0;//總價

2. 在Takeout類的建構函式設定元件的屬性

參考程式碼

Takeout(){
  ……
    panel03.add(btn_ok);
    panel03.add(btn_cancel);
    panel03.add(label02);
    panel03.add(text01);
    panel03.add(label03);
    this.add(panel03,BorderLayout.SOUTH);
    panel03.setOpaque(false);

    a[0]=3.0;
    a[1]=6.0;
    a[2]=8.0;
    a[3]=10.0;
    a[4]=11.0;
    a[5]=16.0;
    a[6]=6.0;
    a[7]=8.0;
    a[8]=6.0;

六、事件處理

定義事件處理類,實現事件監聽器

1. 在成員變數新增

private MyListener my = new MyListener();

2. 在Takeout()內新增

btn_ok.addActionListener(my);
btn_cancel.addActionListener(my);

3. 新增事件監聽器MyListener(自己命名)

private class MyListener implements ActionListener{

    @Override
    public void actionPerformed(ActionEvent e) {
      // TODO Auto-generated method stub
      //新增事件處理程式碼
            for(int i=0;i<9;i++){
              if(e.getSource()==amount[i]){
                if(num[i]<9)
                  num[i]++;
                else
                  num[i]=0;
                amount[i].setText(num[i]+"份");
              }
            }
            if(e.getSource()==btn_ok){
              total=0;
              str="";
              for(int i=0;i<9;i++){
                if(check[i].isSelected()==true){
                  total=total+a[i]*num[i];
                  str=str+check[i].getText()+"    "+amount[i].getText()+"\n";
                }
              }              
              text01.setText(""+total);
              list.setText("狀態:已選餐:\n"+str+"\n");
            }

以上e.getSource()==btn_ok程式碼完成結算功能。

if(e.getSource()==btn_cancel){
              for(int i=0;i<9;i++){
                check[i].setSelected(false);
                amount[i].setSelected(false);
                num[i]=1;
                amount[i].setText(num[i]+"份");
              }
              total=0;
              str="";
              text01.setText(""+total);
              list.setText("狀態:未選餐!");

              label03.setText("滿30免費配送,滿100立減10");
            }

以上e.getSource()==btn_cancel程式碼完成清空功能。

【五、思考題1】

現在外賣系統商家因業務需求,每一訂單需要配送費5元,在活動期間,購滿30元免配送費,滿100元立減10元,程式應如何修改?

1. 在成員變數新增以下程式碼。

private final int FEE=5;//配送費
private JLabel label03 = new JLabel("滿30免費配送,滿100立減10");

2. 在Takeout()類建構函式中if(e.getSource()==btn_ok)新增以下的程式碼。

if(total<30){
                label03.setText("還差"+(30-total)+"就免費配送,還差"+(100-total)+"就滿100減10");
                total=total+FEE;
                str=str+"配送費   5元";
              }else if(total<100){//免費配送,不參與滿100-10
                label03.setText("免費配送,還差"+(100-total)+"就滿100減10");
              }else{
                label03.setText("免費配送,已參與滿100減10,"+(total)+"-10");
                total=total-FEE-FEE;
              }

【六、思考題2】

實現“歡迎來到饒洋外賣系統!”文字滾動和顏色定時變化。程式應如何修改?

1. 在成員變數新增以下程式碼。

private Color color[]=new Color[]{Color.BLACK,Color.RED,
         Color.BLUE,Color.LIGHT_GRAY,
             Color.YELLOW,Color.GREEN,
             Color.MAGENTA   
     };
     private Timer timer;//定時器
     private int colorIndex=0;//當前顏色的序號

2. 在Takeout()類建構函式中if(e.getSource()==btn_ok)新增以下的程式碼。

Takeout(){
.....
新增timer=new Timer(500,new TimerListener());
    //定時的時間間隔(單位ms),定時器監聽器(要做的事情)
    timer.start();//啟動定時器
}

3. 實現這個TimerListener()函式。

class TimerListener implements ActionListener{//定時器監聽器

  @Override
  public void actionPerformed(ActionEvent e) {
    // TODO Auto-generated method stub
    //定時時間到了,要做的事情:
    colorIndex++;// 0 1 2 3 4 5 6 7%7=0  8%7=1 9%7=2
    label01.setForeground(color[colorIndex/4 % color.length]);

      String temp=label01.getText();
      label01.setText( temp.substring(1,temp.length())+temp.substring(0,1));
      //substring(i,j)擷取字串從序號i(包含)到序號j(不包含) i ~ j-1
  }    
}

以上程式碼可以實現文字的滾動和顏色變化。

這個專案主要是用Java Swing圖形介面開發,Swing包括圖形使用者介面器件,還有Java中為我們提供了Timer來實現定時任務,最主要涉及到了兩個類:Timer和TimerTask。

【七、總結】

1. 主要介紹了JPanel、 JCheckBox、 JLabel、 JButton、 JTextField等元件的基本使用,背景顏色的新增,圖片圖示的設定,以及相應的事件處理。

2.事件處理函式的新增,難點是運用理解建構函式、內部類的建立。

3. 如果需要本文原始碼,請在公眾號後臺回覆“外賣系統”四個字獲取。

看完本文有收穫?請轉發分享給更多的人

IT共享之家

IT共享之家.jpg

想學習更多Python網路爬蟲與資料探勘知識,可前往專業網站:http://pdcfighting.com/

想學習更多Python網路爬蟲與資料探勘知識,可前往專業網站:http://pdcfighting.com/

相關文章