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

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

畢竟

興趣才是第一生產力

總結

以上是生活随笔為你收集整理的Vue全家桶 之 KTV前台收银管理系统 (不想努力啦，回家收钱去)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。