基於vue實現的移動端商品展示頁，可以web-view的方式嵌入到小程序中，布局簡約、大氣，減少初學者或開發者不必要的工作量。后台維護采用的springboot+shiro的方式，為廣大愛好者提供展示模板，方便快速構建屬於自己的商戶展示平台。
采用的技術如下：
1、前端使用vue-cli腳手架創建前端項目，采用axios前后端請求，store存儲登陸狀態等信息
//vue-cli腳手架 運行流程
1、npm run dev
執行的是package.json 中scripts部分中key(上述命令是dev,即dev中對應的命令)對應的value
//"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
webpack-dev-server 一種node.js的服務器 --inline代表會將webpack-dev-server客戶端加入到webpack入口文件的配置中。
--progress 代表是否顯示滾動條 --config 指定一個新的配置文件
scripts部分除了上述的dev 還包括
start： 是命令yarn start的入口， npm與yarn殊途同歸，區別不大 任選。
lint：值“eslint --ext .js,.vue src”，代表執行npm run lint命令時，直接該腳本，是為了檢查代碼是否符合ESlint的規范。
build:"node build/build.js"，打包生產命令 當運行npm run build時執行。
package.json中其他部分
1、項目依賴：dependencies npm run build 時候構建項目的包。這些包的代碼會被打包添加到實際的應用代碼之中
依賴的幾種寫法：
（1）"vue": "2.5.2", 表示固定版本，只依賴2.5.2版，之后有新版也不會更新
（2）"vue": "~2.5.2", 表示只安裝 2.5.X 系列版本的最新版，而 2.6.X 的或其他的不會更新
（3）"vue": "^2.5.2", 表示安裝當前庫的最新版
2、
開發依賴：devDependencies 與dependencies 區別是：開發依賴里面的東西不會添加到生產環境中，
只是在開發階段輔助編譯開發等功能。比如：autoprefixer，babel-core 等，他只是在編譯的時候給CSS樣式添加一些瀏覽器兼容的前綴，
和把ES6 轉譯成ES5。當打包結束時就會被拋棄，並不會添加到打包的結果中。
3、engines 主要是規定開發時候的環境的node.js 和 npm 的版本不能太低
4、browserslist
一個閾值。表示是否要去兼容某些瀏覽器，如果小於閾值的部分在ES6的轉譯時可能將會忽略。
5、main： 代表入口js
//webpack 模塊化管理、打包工具
//vue學習心得
vue-cli腳手架創建項目
1、3.0的vue create project-name
2、2.9 vue init webpack project-name （出來的目錄結構是有區別的）
二、后台搭建采用springboot框架，集成shiro控制權限。采用maven的方式打包發布
1、mvn clean
2、mvn install -Dmaven.test.skip=true
前端代碼存在碼雲，訪問地址：https://gitee.com/lxming/private_warehouse，歡迎下載! QQ交流群： ①群：699050440 ②群：824313640