使用Java帶你打造一款簡(jiǎn)單的外賣(mài)系統(tǒng)
【一、項(xiàng)目背景】
隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，便捷人民的生活，提高生活質(zhì)量，外賣(mài)系統(tǒng)應(yīng)運(yùn)而生。
人們也喜歡享受著“足不出戶(hù)，美食到家”的待遇，促使網(wǎng)上訂餐行業(yè)快速發(fā)展。
【二、項(xiàng)目目標(biāo)】
1. 設(shè)計(jì)一款應(yīng)用程序-外賣(mài)系統(tǒng)，有文字和圖片顯示，通過(guò)選擇一種或多種食物，每種食物可以選擇一份或多份，點(diǎn)擊結(jié)算后，進(jìn)行總價(jià)的統(tǒng)計(jì)。
2. 實(shí)現(xiàn)標(biāo)題文字滾動(dòng)和顏色定時(shí)變化。
3. 實(shí)現(xiàn)消費(fèi)多少錢(qián)免配送費(fèi)以及消費(fèi)多少錢(qián)滿(mǎn)減。
【三、項(xiàng)目實(shí)施】
使用eclipse軟件開(kāi)發(fā)，先上效果圖，如下圖所示。
可以看到在界面上有文字和圖片顯示，通過(guò)選擇一種或多種食物，每種食物可以選擇一份或多份，結(jié)算功能，標(biāo)題文字滾動(dòng)加顏色變化的功能。
接下來(lái)，小編帶大家進(jìn)行具體的實(shí)現(xiàn)，具體的實(shí)現(xiàn)步驟如下。
【四、實(shí)現(xiàn)步驟】
一、首先實(shí)現(xiàn)外賣(mài)系統(tǒng)購(gòu)物車(chē)的窗口
- public static void main(String[] args) {
- // TODO Auto-generated method stub
- Takeout t = new Takeout();
- t.setTitle("饒洋外賣(mài)");
- t.setSize(720,550);
- t.setVisible(true);
- }
使用new關(guān)鍵字創(chuàng)建Takeout類(lèi);
setTitle表示設(shè)置界面的標(biāo)題;
setSize(寬,高)表示窗體大小;
setVisible(true或false)表示窗體是否可見(jiàn);
二、添加文字實(shí)現(xiàn)
1. 使用到組件有JPanel、JLabel;
2. 添加Takeout類(lèi)的成員變量;
- public class Takeout extends JFrame {
- //成員變量
- private JPanel panel01 = new JPanel();
- private JLabel label01 = new JLabel("歡迎來(lái)到饒洋外賣(mài)系統(tǒng)！");
3. 添加文字說(shuō)明;
Takeout類(lèi)構(gòu)造函數(shù)：
- Takeout(){
- label01.setFont(new Font("黑體",Font.PLAIN,30));
- label01.setForeground(Color.BLUE);
- panel01.add(label01);
- panel01.setOpaque(false);//設(shè)置透明
- this.setLayout(new BorderLayout());
- this.add(panel01,BorderLayout.NORTH);
- this.getContentPane().setBackground(c);
4. 文字(label01)設(shè)置顯示效果
1) setFont(newFont(String 字體，int 風(fēng)格，int 字號(hào)));
- 字體：TimesRoman, Courier, Arial等;
- 風(fēng)格：三個(gè)常量 lFont.PLAIN, Font.BOLD, Font.ITALIC;
- 字號(hào)：字的大小(磅數(shù));
2) setForegound設(shè)置前景色;
3) setOpaque設(shè)置控件透明(ture或false);
4) 布局管理器之BorderLayout(邊界布局);
邊界布局管理器把容器的的布局分為五個(gè)位置：CENTER、EAST、WEST、NORTH、SOUTH。依次相應(yīng)為：上北(NORTH)、下南(SOUTH)、左西(WEST)、右東(EAST)，中(CENTER)。
5. 邊界布局特征
1) 能夠把組件放在這五個(gè)位置的隨意一個(gè)，假設(shè)未指定位置，則缺省的位置是CENTER。
2) 南、北位置控件各占領(lǐng)一行，控件寬度將自己主動(dòng)布滿(mǎn)整行。東、西和中間位置占領(lǐng)一行;若東、西、南、北位置無(wú)控件，則中間控件將自己主動(dòng)布滿(mǎn)整個(gè)屏幕。若東、西、南、北位置中不管哪個(gè)位置沒(méi)有控件，則中間位置控件將自己主動(dòng)占領(lǐng)沒(méi)有控件的位置。
3) 它是窗體、框架的內(nèi)容窗格和對(duì)話(huà)框等的缺省布局。
6. getContentPane.setBackground(c)初始化一個(gè)容器，設(shè)置背景RGB顏色需要在成員變量定義
- private Color c = new Color(197,228,251);
三、添加食物文字、數(shù)量(按鈕)和圖片
需要添加JPanel、 JCheckBox、 JButton 、JLabel等。
1. 添加Takeout類(lèi)的成員變量
- private JPanel panel02 = new JPanel();
- private JCheckBox check[] = new JCheckBox[9];//文字(多選框)
- private JButton amount[] = new JButton[9];//數(shù)量(按鈕)
- private JLabel food[] = new JLabel[9];//食物圖片
- private int num[]=new int[9];//數(shù)量數(shù)組
2. 在Takeout類(lèi)的構(gòu)造函數(shù)設(shè)置組件的屬性
參考代碼
- Takeout(){
- ……
- check[0]=new JCheckBox(" 雪糕 3.0元",false);
- check[1]=new JCheckBox(" 薯?xiàng)l 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("巨無(wú)霸16.0元",false);
- check[6]=new JCheckBox(" 可樂(lè) 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);
四、添加狀態(tài)信息：JTextArea等
1. 添加Takeout類(lèi)的成員變量
- private JTextArea list=new JTextArea(10,20);
- private String str="";
2. 在Takeout類(lèi)的構(gòu)造函數(shù)設(shè)置組件的屬性
參考代碼
- Takeout(){
- ……
- list.setText("狀態(tài)：未選餐！");
- list.setBackground(c);
- panel02.add(list);
- ｝
五、添加按鈕和總價(jià)框：JPanel、 JButton、JLabel、JTextField等
1. 添加Takeout類(lèi)的成員變量
- private JPanel panel03=new JPanel();
- private JButton btn_ok = new JButton("結(jié)算");
- private JButton btn_cancel = new JButton("清空");
- private JLabel label02 = new JLabel("總價(jià):");
- private JTextField text01 = new JTextField(10);
- private double a[]=new double[9];//食物單價(jià)
- private double total=0;//總價(jià)
2. 在Takeout類(lèi)的構(gòu)造函數(shù)設(shè)置組件的屬性
參考代碼
- 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;
六、事件處理
定義事件處理類(lèi)，實(shí)現(xiàn)事件監(jiān)聽(tīng)器
1. 在成員變量添加
- private MyListener my = new MyListener();
2. 在Takeout()內(nèi)添加
- btn_ok.addActionListener(my);
- btn_cancel.addActionListener(my);
3. 添加事件監(jiān)聽(tīng)器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("狀態(tài):已選餐：\n"+str+"\n");
- }
以上e.getSource()==btn_cancel代碼完成清空功能。
【五、思考題1】
現(xiàn)在外賣(mài)系統(tǒng)商家因業(yè)務(wù)需求，每一訂單需要配送費(fèi)5元，在活動(dòng)期間，購(gòu)滿(mǎn)30元免配送費(fèi)，滿(mǎn)100元立減10元，程序應(yīng)如何修改?
1. 在成員變量添加以下代碼。
- private final int FEE=5;//配送費(fèi)
- private JLabel label03 = new JLabel("滿(mǎn)３0免費(fèi)配送,滿(mǎn)100立減10");
2. 在Takeout()類(lèi)構(gòu)造函數(shù)中if(e.getSource()==btn_ok)添加以下的代碼。
- if(total<３0){
- label03.setText("還差"+(３0-total)+"就免費(fèi)配送,還差"+(100-total)+"就滿(mǎn)100減10");
- total=total+FEE;
- str=str+"配送費(fèi) 5元";
- }else if(total<100){//免費(fèi)配送,不參與滿(mǎn)100-10
- label03.setText("免費(fèi)配送,還差"+(100-total)+"就滿(mǎn)100減10");
- }else{
- label03.setText("免費(fèi)配送,已參與滿(mǎn)100減10,"+(total)+"-10");
- total=total-FEE-FEE;
- }
【六、思考題2】
實(shí)現(xiàn)“歡迎來(lái)到饒洋外賣(mài)系統(tǒng)!”文字滾動(dòng)和顏色定時(shí)變化。程序應(yīng)如何修改?
1. 在成員變量添加以下代碼。
- private Color color[]=new Color[]{Color.BLACK,Color.RED,
- Color.BLUE,Color.LIGHT_GRAY,
- Color.YELLOW,Color.GREEN,
- Color.MAGENTA
- };
- private Timer timer;//定時(shí)器
- private int colorIndex=0;//當(dāng)前顏色的序號(hào)
2. 在Takeout()類(lèi)構(gòu)造函數(shù)中if(e.getSource()==btn_ok)添加以下的代碼。
- Takeout(){
- ．．．．．
- 添加timer=new Timer(500,new TimerListener());
- //定時(shí)的時(shí)間間隔(單位ms),定時(shí)器監(jiān)聽(tīng)器(要做的事情）
- timer.start();//啟動(dòng)定時(shí)器
- ｝
3. 實(shí)現(xiàn)這個(gè)TimerListener()函數(shù)。
- class TimerListener implements ActionListener{//定時(shí)器監(jiān)聽(tīng)器
- @Override
- public void actionPerformed(ActionEvent e) {
- // TODO Auto-generated method stub
- //定時(shí)時(shí)間到了,要做的事情:
- 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)截取字符串從序號(hào)i(包含)到序號(hào)j(不包含) i ~ j-1
- }
- }
以上代碼可以實(shí)現(xiàn)文字的滾動(dòng)和顏色變化。
這個(gè)項(xiàng)目主要是用Java Swing圖形界面開(kāi)發(fā)，Swing包括圖形用戶(hù)界面器件，還有Java中為我們提供了Timer來(lái)實(shí)現(xiàn)定時(shí)任務(wù)，最主要涉及到了兩個(gè)類(lèi)：Timer和TimerTask。
【七、總結(jié)】
1. 主要介紹了JPanel、 JCheckBox、 JLabel、 JButton、 JTextField等組件的基本使用，背景顏色的添加，圖片圖標(biāo)的設(shè)置，以及相應(yīng)的事件處理。
2.事件處理函數(shù)的添加，難點(diǎn)是運(yùn)用理解構(gòu)造函數(shù)、內(nèi)部類(lèi)的創(chuàng)建。
本文轉(zhuǎn)載自微信公眾號(hào)「IT共享之家」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系IT共享之家公眾號(hào)。
