程序員的一天vue+node+mysql(一)


公司要做一個報表系統,這幾天要出一個demo,從這篇博客開始我會把整個過程記錄下來,摸着石頭過河,有興趣的可以從頭看一看。

開發思路

1.前端 vue-cli+webpack+element UI

2.后台nodejs+express

3.數據庫 mysql 客戶端 navicat 

前端

1.搭建vue-cli腳手架(node和npm安裝方法請自行百度,我這里用的淘寶的映射)

進入項目文件 然后執行cnpm install 把依賴拉下來

目錄結構如下

然后項目文件夾下執行 cnpm run dev 得到如下頁面,腳手架就搭建成功了

2.引入element UI 

在根目錄下的package.json中的

 

當前的版本號去 github官方項目的package.json查看

凡是在package.json中加入內容,都要執行 cnpm install 來拉取依賴

或者直接執行cnpm install --save element-ui 可以直接拉取依賴並且更改package.json

這步執行完后還沒完 ,還要在main.js中import並use

 

 3.axios 執行ajax的插件 

vue1官方推薦的是vue-resource vue2推薦的是axios,跟上潮流O(∩_∩)O

安裝方法跟element ui 一樣 ,請自己嘗試,不再贅述

————————————————————————————————————————— 分割線 ———————————————————————————————————————————————————————

穿插一條 git本地文件上傳 github

轉載一個鏈接http://www.cnblogs.com/wql025/p/5391693.html  putty可以不填


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM