【一、專案背景】
隨著網際網路時代的快速發展,便捷人民的生活,提高生活質量,外賣系統應運而生。
人們也喜歡享受著“足不出戶,美食到家”的待遇,促使網上訂餐行業快速發展。
【二、專案目標】
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)設定顯示效果
- setFont(newFont(String 字型,int 風格,int 字號));
字型:TimesRoman, Courier, Arial等; 風格:三個常量 lFont.PLAIN, Font.BOLD, Font.ITALIC; 字號:字的大小(磅數);
-
setForegound設定前景色;
-
setOpaque設定控制元件透明(ture或false);
-
佈局管理器之BorderLayout(邊界佈局);
邊界佈局管理器把容器的的佈局分為五個位置:CENTER、EAST、WEST、NORTH、SOUTH。依次相應為:上北(NORTH)、下南(SOUTH)、左西(WEST)、右東(EAST),中(CENTER)。
5. 邊界佈局特徵
-
能夠把元件放在這五個位置的隨意一個,假設未指定位置,則預設的位置是CENTER。
-
南、北位置控制元件各佔領一行,控制元件寬度將自己主動佈滿整行。東、西和中間位置佔領一行;若東、西、南、北位置無控制元件,則中間控制元件將自己主動佈滿整個螢幕。若東、西、南、北位置中不管哪個位置沒有控制元件,則中間位置控制元件將自己主動佔領沒有控制元件的位置。
-
它是窗體、框架的內容窗格和對話方塊等的預設佈局。
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共享之家
想學習更多Python網路爬蟲與資料探勘知識,可前往專業網站:http://pdcfighting.com/
想學習更多Python網路爬蟲與資料探勘知識,可前往專業網站:http://pdcfighting.com/