您當前的位置:首頁 > 攝影

簡易後臺管理系統Vue前端快速搭建教程

作者:由 汪十號 發表于 攝影時間:2018-08-26

LifeCat系列Javaweb學習專案(三)

GitHub原始碼:

https://

github。com/kevinten10/V

ue-Admin-lifecat

這是lifeCat專案的第三篇之一,一個簡易的後臺管理系統的前端vue專案,它使用了腳手架模板,可快速搭建模板專案。使用的UI框架為Element UI,使用axios呼叫API並使用mock進行資料的模擬,適合vue前端的學習。

線上DEMO地址(僅部署前端)

後續專案線上地址 (建議由淺入深的按順序學習)

lifecatweb的jsp+servlet專案

lifecatweb的ssm後臺管理系統專案

Vuejs+SpringBoot前後端分離仿ins影象網站(僅部署前端)

腳手架模板使用

模板github地址

本地部署

# Clone project

git clone https://github。com/kevinten10/Vue-Admin-lifecat。git

# Install dependencies

npm install

# 若報錯,則根據異常資訊安裝相應的依賴包

npm install ——save xxxxxx

# (可選)建議不要用cnpm 安裝有各種詭異的bug 可以透過如下操作解決npm速度慢的問題

npm install ——registry=https://registry。npm。taobao。org

# (執行)serve with hot reload at localhost:9527

npm run dev

——-

# (打包)build for production with minification

npm run build

# (打包,可選)build for production and view the bundle analyzer report

npm run build ——report

DEMO

簡易後臺管理系統Vue前端快速搭建教程

簡易後臺管理系統Vue前端快速搭建教程

簡易後臺管理系統Vue前端快速搭建教程

lifecat相關專案

v1 jsp+servlet+mysql實現Javaweb

v2 ssm框架實現Javaweb後臺管理系統

v3 前後端分離之SpringBoot實現Java後端開發

v3 前後端分離之vue實現後臺管理系統

v3 前後端分離之vue實現仿ins效果web開發

ex wechat 微信移動端小程式開發

ex hadoop 分散式平臺進行資料處理

ex android 相應Android相簿應用

ex python 機器學習進行影象智慧處理

LifeCat系列總覽

如果覺得有用,可以幫忙點一下贊,謝謝啦!

標簽: vue  npm  build  ex  模板