Vue book 乙個簡單的全棧專案

a ****** full stack project about book~

本專案實現了一些簡單的功能，後台可以對圖書進行錄入錄出（掃碼或手動），前台顯示錄入的圖書。具體請看下面的實現邏輯圖。

我在自己的伺服器上把這個專案搭建好了，但是，目前不便給出登入後台的鏈結，只給出前台的鏈結，本專案只針對移動端，所以最好在手機上檢視鏈結 ^_^

# install dependencies

npm install
# serve with hot reload at localhost:8080
npm run
dev# build for production with minification
npm run
build

為了方便大家閱讀原始碼，我列出了前後端資料互動時比較重要一些的介面，方便大家進行參考！ （點我檢視）

vue-book directory

├── backend                     # 存放後台或後端檔案
|  ├── css                          # 存放後台樣式檔案
|     ├── login.css                     # 登入後台頁面的樣式
|     ├── manage.css                    # 後台操作頁面的一部分樣式
|     ├── manual.css                    # 後台手動操作的樣式
|     └── scan.css                      # 後台掃碼操作的樣式
|  ├── database_details.sql         # 生成指定資料庫和表
|  ├── getdata.php                  # 前端獲取資料時的後端指令碼           
|  ├── js                           # 存放後台指令碼檔案
|     ├── manage.js                     # 進入管理介面的效果指令碼
|     ├── manual.js                     # 後台手動操作的指令碼
|     └── scan.js                       # 後台掃碼操作的指令碼
|  ├── login.html                   # 後台登入頁面
|  ├── manage.php                   # 登入後台成功後返回的管理頁面
|  └── operate.php                  # 定義後台操作與資料庫互動的邏輯
├── src                         # 存放前端原始碼
|  ├── common                       # 存放通用指令碼或樣式
|     └── getdata.js                    # 向後端獲取資料的前端指令碼
|  ├── components                   # 存放各種元件
|     ├── book-card.vue                 # 書籍詳細資訊
|     ├── book-item.vue                 # 書籍簡要資訊
|     ├── container.vue                 # 大包含塊
|     ├── content.vue                   # 內容塊
|     ├── header.vue                    # 頁面頭
|     ├── loading.vue                   # 載入中
|     ├── menu.vue                      # 左側選單欄
|     └── overlay.vue                   # 覆蓋層
|  ├── fonts                        # 存放字型相關檔案
|     ├── font.css                      # css 引入字型
|     ├── icomoon.eot
|     ├── icomoon.svg
|     ├── icomoon.ttf
|     ├── icomoon.woff
|     └── title.ttf
![上傳中...]
|  ├── main.js                      # 程式入口檔案
|  ├── router                       # 路由
|     └── routes.js                     # 定義路由檔案
|  └── vuex                         # vuex 狀態管理
|     └── store.js                      # 狀態指令碼
├── index.html                      
├── package.json                    # 配置專案相關資訊
├── webpack.config.js               # webpack 配置相關資訊
├── readme.md

Vue book 乙個簡單的全棧專案

a full stack project about book 本專案實現了一些簡單的功能，後台可以對圖書進行錄入錄出 掃碼或手動 前台顯示錄入的圖書。具體請看下面的實現邏輯圖。我在自己的伺服器上把這個專案搭建好了，但是，目前不便給出登入後台的鏈結，只給出前台的鏈結，本專案只針對移動端，所以最好在手...

乙個簡單的問題 全排列

全排列一共分為兩種情況，有重複元素和無重複元素，大一開始做的時候不會寫，現在特意寫一下這個問題的各種解法。1.無重複元素，這種相對簡單一些，用遞迴就可以了 首先找到第乙個字母，然後找到剩餘的字母中的第乙個字母，依次類推，很簡單，如下 本來準備用dfs寫，發現兩個的複雜度是一樣的，就沒有必要了。inc...

效能優化 乙個全棧問題

ronald bradford是一名有26年行業經驗的it專家，他撰寫了effective mysql系列書籍並已被翻譯為中文。近日，他在個人部落格上發表了一篇 效能優化的文章。他認為，效能優化是乙個全棧問題，提高web系統的效能需要了解整個技術棧的運轉和互動。他列舉了一些快速提公升系統效能的常用技...