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

程序員詞彙學習網：www.english4coder.com

年關將至，歸心似箭。家裏在小鎮上接手了家小型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' // 短信驗證碼
  }

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

畢竟

興趣纔是第一輩子產力