image.png

    1. <html lang="en">
    2. <head><title>snackMachine</title></head>
    3. <body>
    4. <table style="width:100%">
    5.     <tr>
    6.         <td><span>Chocolate price:$<span id="chocolatePrice"></span></span>
    7.         </td>
    8.         <td><span>Soda price:$<span id="sodaPrice"></span></span></td>
    9.         <td><span>Gum price:$<span id="gumPrice"></span></span></td>
    10.     </tr>
    11.     <tr>
    12.         <td><span>Chocolate quantity:<span id="chocolateQuantity"></span>
    13. </span></td>
    14.         <td><span>Soda quantity:<span id="sodaQuantity"></span></span></td>
    15.         <td><span>Gum quantity:<span id="gumQuantity"></span></span></td>
    16.     </tr>
    17.     <tr>
    18.         <td>
    19.             <button id="btnBuyChocolate">Buy a Chocolate</button>
    20.         </td>
    21.         <td>
    22.             <button id="btnBuySoda">Buy a Soda</button>
    23.         </td>
    24.         <td>
    25.             <button id="btnBuyGum">Buy a Gum</button>
    26.         </td>
    27.     </tr>
    28.     <tr>
    29. </table>
    30. </br>
    31. </br>
    32. </br>
    33. <span>Money inserted :$<span id="moneyInserted"></span></span>
    34. </br>
    35. <table style="width:100%">
    36.     </tr>
    37.     <td>
    38.         <button id="btnInsertCent">Insert 1 cent coin</button>
    39.     </td>
    40.     <td>
    41.         <button id="btnInsertTenCent">Insert 10 cent coin</button>
    42.     </td>
    43.     <td>
    44.         <button id="btnInsertQuarter">Insert 25 cent coin</button>
    45.     </td>
    46.     </tr>
    47.     </tr>
    48.     <td>
    49.         <button id="btnInsertDollar">Insert 1 dollar note</button>
    50.     </td>
    51.     <td>
    52.         <button id="btnInsertFiveDollar">Insert 5 dollar note</button>
    53.     </td>
    54.     <td>
    55.         <button id="btnInsertTwentyDollar">Insert 20 dollar
    56.             note
    57.         </button>
    58.     </td>
    59.     </tr>
    60. </table>
    61. </br>
    62. </br>
    63. <button id="btnReturnMoney">Return Money</button>
    64. </br>
    65. </br>
    66. </br>
    67. <div>No of coins and notes in Snack machine :</div>
    68. <table style="width:100%">
    69.     </tr>
    70.     <td>No. of 1 cent coin : <span id="cent"></span></td>
    71.     <td>No. of 10 cent coin : <span id="tenCent"></span></td>
    72.     <td>No. of 25 cent coin : <span id="quarter"></span></td>
    73.     </tr>
    74.     </tr>
    75.     <td>No. of 1 dollar note : <span id="dollar"></span></td>
    76.     <td>No. of 5 dollar note : <span id="fiveDollar"></span></td>
    77.     <td>No. of 20 dollar note : <span id="twentyDollar"></span></td>
    78.     </tr>
    79. </table>
    80. <script src="../common/jquery-3.6.0.min.js"></script>
    81. <script src="snackMachine.js"></script>
    82. </body>
    83. </html>
    1. let searchParams = new URLSearchParams(window.location.search)
    2. let param = '';
    3. if (searchParams.has('id')) {
    4.     param = searchParams.get('id')
    5. } else {
    6.     param = '1';
    7. }
    9. const rootURI = "http://localhost:23333/snackmachines/" + param;
    10. getSnackMachine();
    12. function getSnackMachine() {
    13.     $.get(rootURI, function (data, status) {
    14.         console.log(data);
    15.         $('#moneyInserted').html(data.moneyInTransaction);
    16.         $('#chocolatePrice').html(data.slotDtoList[0].price);
    17.         $('#sodaPrice').html(data.slotDtoList[1].price);
    18.         $('#gumPrice').html(data.slotDtoList[2].price);
    19.         $('#chocolateQuantity').html(data.slotDtoList[0].quantity);
    20.         $('#sodaQuantity').html(data.slotDtoList[1].quantity);
    21.         $('#gumQuantity').html(data.slotDtoList[2].quantity);
    22.         $('#cent').html(data.oneCentCount);
    23.         $('#tenCent').html(data.tenCentCount);
    24.         $('#quarter').html(data.quarterCount);
    25.         $('#dollar').html(data.oneDollarCount);
    26.         $('#fiveDollar').html(data.fiveDollarCount);
    27.         $('#twentyDollar').html(data.twentyDollarCount);
    28.     });
    29. }
    31. $("button").click(function () {
    32.     switch (this.id) {
    33.         case "btnInsertCent" :
    34.             insert("Cent")
    35.             break;
    36.         case "btnInsertTenCent" :
    37.             insert("TenCent")
    38.             break;
    39.         case "btnInsertQuarter" :
    40.             insert("Quarter")
    41.             break;
    42.         case "btnInsertDollar" :
    43.             insert("Dollar")
    44.             break;
    45.         case "btnInsertFiveDollar" :
    46.             insert("FiveDollar")
    47.             break;
    48.         case "btnInsertTwentyDollar" :
    49.             insert("TwentyDollar")
    50.             break;
    51.         case "btnReturnMoney" :
    52.             returnMoney()
    53.             break;
    54.         case "btnBuyChocolate" :
    55.             buy("1")
    56.             break;
    57.         case "btnBuySoda" :
    58.             buy("2")
    59.             break;
    60.         case "btnBuyGum" :
    61.             buy("3")
    62.             break;
    63.         default :
    64.             break;
    65.     }
    66. });
    69. function insert(coinOrNote) {
    70.     $.ajax({
    71.         url: rootURI + '/moneyInTransaction/' + coinOrNote,
    72.         type: 'PUT',
    73.         success: function (result) {
    74.         }
    75.     });
    76.     location.reload();
    77. }
    79. function returnMoney() {
    80.     $.ajax({
    81.         url: rootURI + '/moneyInTransaction',
    82.         type: 'PUT',
    83.         success: function (result) {
    84.         }
    85.     });
    86.     location.reload();
    87. }
    89. function buy(position) {
    90.     $.ajax({
    91.         url: rootURI + '/' + position,
    92.         type: 'PUT',
    93.         success: function (result) {
    94.         }
    95.     });
    96.     location.reload();
    97. }
    1. package com.lugew.springbootddd;
    3. import com.lugew.springbootddd.snackmachine.SnackMachine;
    4. import lombok.RequiredArgsConstructor;
    5. import org.springframework.web.bind.annotation.*;
    7. import java.util.ArrayList;
    8. import java.util.List;
    10. import static com.lugew.springbootddd.snackmachine.Money.*;
    12. /**
    13.  * @author 夏露桂
    14.  * @since 2021/6/10 11:55
    15.  */
    16. @RestController
    17. @RequestMapping("snackmachines")
    18. @RequiredArgsConstructor
    19. public class SnackMachineController {
    20.     private final SnackMachineRepository snackMachineRepository;
    22.     @GetMapping()
    23.     @ResponseBody
    24.     public List<SnackMachineDto> getSnackMachines() {
    25.         List<SnackMachineDto> list = new ArrayList<>();
    26.         snackMachineRepository.findAll().forEach(list::add);
    27.         return list;
    28.     }
    30.     @GetMapping("/{id}")
    31.     @ResponseBody
    32.     public SnackMachineDto getSnackMachine(@PathVariable("id") long id) {
    33.         return snackMachineRepository.findById(id).orElse(null);
    34.     }
    36.     @PutMapping("/{id}/moneyInTransaction/{coinOrNote}")
    37.     public void insertCoinOrNote(@PathVariable("id") long id, @PathVariable("coinOrNote") String coinOrNote) {
    38.         SnackMachineDto snackMachineDto =
    39.                 snackMachineRepository.findById(id).orElse(null);
    40.         SnackMachine snackMachine = snackMachineDto.convertToSnackMachine();
    41.         if (coinOrNote.equalsIgnoreCase("Cent")) snackMachine.insertMoney(Cent);
    42.         else if (coinOrNote.equalsIgnoreCase("TenCent"))
    43.             snackMachine.insertMoney(TenCent);
    44.         else if (coinOrNote.equalsIgnoreCase("Quarter"))
    45.             snackMachine.insertMoney(Quarter);
    46.         else if (coinOrNote.equalsIgnoreCase("Dollar"))
    47.             snackMachine.insertMoney(Dollar);
    48.         else if (coinOrNote.equalsIgnoreCase("FiveDollar"))
    49.             snackMachine.insertMoney(FiveDollar);
    50.         else if (coinOrNote.equalsIgnoreCase("TwentyDollar"))
    51.             snackMachine.insertMoney(TwentyDollar);
    52.         snackMachineRepository.save(snackMachine.convertToSnackMachineDto());
    53.     }
    55.     @PutMapping("/{id}/moneyInTransaction")
    56.     public void returnMoney(@PathVariable("id") long id) {
    57.         SnackMachineDto snackMachineDto =
    58.                 snackMachineRepository.findById(id).orElse(null);
    59.         SnackMachine snackMachine = snackMachineDto.convertToSnackMachine();
    60.         snackMachine.returnMoney();
    61.         snackMachineRepository.save(snackMachine.convertToSnackMachineDto());
    62.     }
    65.     @PutMapping("/{id}/{slotNumber}")
    66.     public void buySnack(@PathVariable("id") long id, @PathVariable("slotNumber")
    67.             int slotNumber) {
    68.         SnackMachineDto snackMachineDto =
    69.                 snackMachineRepository.findById(id).orElse(null);
    70.         SnackMachine snackMachine = snackMachineDto.convertToSnackMachine();
    71.         snackMachine.buySnack(slotNumber);
    72.         snackMachineRepository.save(snackMachine.convertToSnackMachineDto());
    73.     }
    75. }

    image.png