成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue-book----一個(gè)簡單的全棧項(xiàng)目

tanglijun / 2370人閱讀

摘要：地址覺得不錯(cuò)就給個(gè)吧說明前端后端本項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書。

Vue-book 
A simple full stack project about book~

GitHub 地址（覺得不錯(cuò)就給個(gè) star 吧 ^_^）

說明

前端: Vue.js + Vuex + Webpack2

后端: php + MySQL

本項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出（掃碼或手動(dòng)），前臺(tái)顯示錄入的圖書。具體請(qǐng)看下面的實(shí)現(xiàn)邏輯圖。

我在自己的服務(wù)器上把這個(gè)項(xiàng)目搭建好了，但是，目前不便給出登錄后臺(tái)的鏈接，只給出前臺(tái)的鏈接，本項(xiàng)目只針對(duì)移動(dòng)端，所以最好在手機(jī)上查看鏈接 ^_^

前臺(tái)鏈接

Build Setup 
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
我在本地測試用的服務(wù)器是 WAMP Server。

為了方便大家閱讀源碼，我列出了前后端數(shù)據(jù)交互時(shí)比較重要一些的接口，方便大家進(jìn)行參考！（點(diǎn)我查看）

項(xiàng)目目錄說明 
Vue-book directory
├── backend                     # 存放后臺(tái)或后端文件
|  ├── css                          # 存放后臺(tái)樣式文件
|     ├── login.css                     # 登錄后臺(tái)頁面的樣式
|     ├── manage.css                    # 后臺(tái)操作頁面的一部分樣式
|     ├── manual.css                    # 后臺(tái)手動(dòng)操作的樣式
|     └── scan.css                      # 后臺(tái)掃碼操作的樣式
|  ├── database_details.sql         # 生成指定數(shù)據(jù)庫和表
|  ├── getdata.php                  # 前端獲取數(shù)據(jù)時(shí)的后端腳本           
|  ├── js                           # 存放后臺(tái)腳本文件
|     ├── manage.js                     # 進(jìn)入管理界面的效果腳本
|     ├── manual.js                     # 后臺(tái)手動(dòng)操作的腳本
|     └── scan.js                       # 后臺(tái)掃碼操作的腳本
|  ├── login.html                   # 后臺(tái)登錄頁面
|  ├── manage.php                   # 登錄后臺(tái)成功后返回的管理頁面
|  └── operate.php                  # 定義后臺(tái)操作與數(shù)據(jù)庫交互的邏輯
├── src                         # 存放前端源碼
|  ├── app.vue                      # 根組件
|  ├── common                       # 存放通用腳本或樣式
|     └── getdata.js                    # 向后端獲取數(shù)據(jù)的前端腳本
|  ├── components                   # 存放各種組件
|     ├── book-card.vue                 # 書籍詳細(xì)信息
|     ├── book-item.vue                 # 書籍簡要信息
|     ├── container.vue                 # 大包含塊
|     ├── content.vue                   # 內(nèi)容塊
|     ├── header.vue                    # 頁面頭
|     ├── loading.vue                   # 加載中
|     ├── menu.vue                      # 左側(cè)菜單欄
|     └── overlay.vue                   # 覆蓋層
|  ├── fonts                        # 存放字體相關(guān)文件
|     ├── font.css                      # CSS 引入字體
|     ├── icomoon.eot
|     ├── icomoon.svg
|     ├── icomoon.ttf
|     ├── icomoon.woff
|     └── title.ttf
![圖片上傳中...]

|  ├── main.js                      # 程序入口文件
|  ├── router                       # 路由
|     └── routes.js                     # 定義路由文件
|  └── vuex                         # Vuex 狀態(tài)管理
|     └── store.js                      # 狀態(tài)腳本
├── index.html                      
├── package.json                    # 配置項(xiàng)目相關(guān)信息
├── webpack.config.js               # Webpack 配置相關(guān)信息
├── README.md
待解決問題

切換內(nèi)容頁面時(shí)，默認(rèn)滾動(dòng)到內(nèi)容最頂部（content.vue）

移動(dòng)端，向下滑動(dòng)顯示全屏，向上滑動(dòng)退出全屏

安全問題，防止 SQL 注入（operate.php）

CSS、js 文件合并壓縮（后臺(tái)頁面 manage.php）

Licence

MIT Licence

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/22919.html

相關(guān)文章

  • Vue-book----一個(gè)簡單的全棧項(xiàng)目

    摘要：地址覺得不錯(cuò)就給個(gè)吧說明前端后端本項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書。 Vue-book A simple full stack project about book~ GitHub 地址（覺得不錯(cuò)就給個(gè) star 吧 ^_^） 說明 前端: Vue.js + Vuex + Webpack2 后端: php + MySQL 本項(xiàng)目實(shí)現(xiàn)...

    寵來也 評(píng)論0 收藏0

  • Vue-book 2.0 一個(gè)移動(dòng)端簡單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡單的全棧項(xiàng)目，前端新手可以拿來練練手。項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來個(gè) star 吧 ^_^】 說明（菜鳥請(qǐng)進(jìn)，大神繞道 ~） 前端...

    wh469012917 評(píng)論0 收藏0

  • Vue-book 2.0 一個(gè)移動(dòng)端簡單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡單的全棧項(xiàng)目，前端新手可以拿來練練手。項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來個(gè) star 吧 ^_^】 說明（菜鳥請(qǐng)進(jìn)，大神繞道 ~） 前端...

    NotFound 評(píng)論0 收藏0

  • Node中間層實(shí)踐（一）——基于NodeJS的全棧式開發(fā)

    摘要：總結(jié)我覺得，以后基于的全棧式開發(fā)的模式將會(huì)越來越流行，這也會(huì)引領(lǐng)前端步入工程化時(shí)代。歡迎繼續(xù)關(guān)注本博的更新中間層實(shí)踐一基于的全棧式開發(fā)中間層實(shí)踐二搭建項(xiàng)目框架中間層實(shí)踐三配置中間層實(shí)踐四模板引擎中間層實(shí)踐五中間層的邏輯處理 版權(quán)聲明：更多文章請(qǐng)?jiān)L問我的個(gè)人站Keyon Y，轉(zhuǎn)載請(qǐng)注明出處。 前言 近期公司有個(gè)新項(xiàng)目，由于后端人手不足，我果斷的提議用node中間層的方案，得到了老大的支持...

    warkiz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<