【一、專案背景】 隨著網際網路時代的快速發展，便捷人民的生活，提高生活質量，外賣系統應運而生。 人們也喜歡享受著“足不出戶，美食到家”的待遇，促使網上訂餐行業快速發展。 【二、專案目標】 1\. 設計一款應用程式-外賣系統，有文字和圖片顯示，通過選擇一種或多種食物，每種食物可以選擇一份或多份，點選結算後，進行總價的統計。 2\. 實現標題文字滾動和顏色定時變化。 3\. 實現消費多少錢免配送費以及消費多少錢滿減。 【三、專案實施】 使用eclipse軟體開發，先上效果圖，如下圖所示。  可以看到在介面上有文字和圖片顯示，通過選擇一種或多種食物，每種食物可以選擇一份或多份，結算功能，標題文字滾動加顏色變化的功能。 接下來，小編帶大家進行具體的實現，具體的實現步驟如下。 【四、實現步驟】 **一、首先實現外賣系統購物車的視窗** ``` 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； 字號：字的大小（磅數）； 2) setForegound設定前景色； 3) setOpaque設定控制元件透明（ture或false）； 4) 佈局管理器之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("滿３0免費配送,滿100立減10"); } ``` 以上e.getSource()==btn_cancel程式碼完成清空功能。 【五、思考題1】 現在外賣系統商家因業務需求，每一訂單需要配送費5元，在活動期間，購滿30元免配送費，滿100元立減10元，程式應如何修改？ 1\. 在成員變數新增以下程式碼。 ``` private final int FEE=5;//配送費 private JLabel label03 = new JLabel("滿３0免費配送,滿100立減10"); ``` ２. 在Takeout()類建構函式中if(e.getSource()==btn_ok)新增以下的程式碼。 ``` if(total<３0){ label03.setText("還差"+(３0-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();//啟動定時器 ｝ ``` ３. 實現這個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。 【七、總結】 １. 主要介紹了JPanel、 JCheckBox、 JLabel、 JButton、 JTextField等元件的基本使用，背景顏色的新增，圖片圖示的設定，以及相應的事件處理。 ２.事件處理函式的新增，難點是運用理解建構函式、內部類的建立。 ３. 如果需要本文原始碼，請在公眾號後臺回覆“**外賣系統**”四個字獲取。 **看完本文有收穫？請轉發分享給更多的人** **IT共享之家**  想學習更多Python網路爬蟲與資料探勘知識，可前往專業網站：http://pdcfighting.com/ 想學習更多Python網路爬蟲與資料探勘知識，可前往專業網站：http://pdcfight