Vue全家桶 之 KTV前臺收銀管理系統 (不想努力啦，回家收錢去)

年關將至，歸心似箭。家裏在小鎮上接手了家小型KTV，發現之前的前臺收銀管理系統已無法使用，收銀員竟然在紙上用筆記錄着客人的點單，雜亂無章。之前的管理系統和網上查找的其他的一些系統都大同小異，且都是有些年份的，售後肯定指不上，再者也用不上大多功能，界面也不好看。於是本着學習的態度（收錢的快感）開始使用Vue定製化我們自己需要的 KTV前臺收銀管理系統。

基本業務需求

功能不多，但簡單實用

技術點

• vue-cli 3.0 構建工具快速搭建項目
• vue-router 路由管理
• vuex 狀態管理
• iview UI框架
• Node、Koa後端服務
• Mysql 數據庫
• Echarts
• 短信驗證碼發送

效果圖

在線瀏覽

• 地址：test.ktv.cl8023.com
• 賬號：admin
• 密碼：123456
• 幾百塊錢的服務器，首次打開還請耐心等待...
• 還沒怎麼認真測試過，遇到 bug 我改就是了...

Github

Moon-Future

數據表也在其中，有興趣的同學可以 clone 下來自己耍哦~

server 文件夾下應有一個文件：secret.js 存儲一些密匙，可以自己建立，內容如下：

  module.exports = {
    rootCode: { // 註冊權限選擇
      0: 'xxxxxx',
      1: 'xxxxxx'
    },
    apikey: 'xxxxxxxxxxxx' // 短信驗證碼
  }

請原諒全篇沒有什麼乾貨（博客搭建、上線部署之前也寫過一點），只是想分享一下學習的快樂。

畢竟

興趣纔是第一生產力