前后端分离工程实现 (VUE、JAVA)、附全部源码
前些天發(fā)現(xiàn)了一個巨牛的人工智能學習網(wǎng)站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉(zhuǎn)到教程。
1. 整個工程基本情況簡述:
前端工程語言:vue (node.js)
后端工程語言:java (springboot、Mybatis)
數(shù)據(jù)庫:mysql?
部署方式:docker?
反向代理:nginx?
服務器:阿里云?
查看效果,訪問地址:http://ergouzi.fun/gentle-vue/
服務器低配,帶寬只有1M,首頁背景圖片有300余K ,首次加載頁面比較慢。暫時就不去處理圖片了。這個項目只是一個?Demo。
PS : 本人是后端,界面可能引起不適,望忍耐。同時請無限吐嘈,那我以后就更清楚界面應該怎么樣改才更好了??...?
2. 運行效果:
左側(cè)是半透明、可收起的一級主菜單、右上角是二級菜單、頁面正中是當前頁面主要內(nèi)容。
目前:
主菜單中主要作了個人中心、文章管理、系統(tǒng)管理 。二級菜單主要作了個人中心中個人資料頁面的 CRUD 功能。
3. 工程源碼:??前后端口工程源碼地址
紅框中工程便是:
?
4.關(guān)于部署:
Docker 方式 部署 vue 項目 (docker + vue + nginx)
Docker 部署應用、jar 工程 docker 方式部署
?
5. Nginx 中 nginx.conf 配置:
?
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的前后端分离工程实现 (VUE、JAVA)、附全部源码的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 函数形参传递概念及问题分析
- 下一篇: 解决:org.apache.rocket