Spring-boot+Vue = Fame 寫blog的一次小結(jié)

mykurisu 發(fā)布于2019-08-15 14:20 / 2992人閱讀

摘要：前言作為一個(gè)程序員，總是要有一個(gè)屬于自己的博客。前端的選用就讓我糾結(jié)了很久。一開始直接用渲染頁(yè)面，但是前端特別亂，而且一點(diǎn)都不。后來(lái)改用了的方式，作為一個(gè)后端開發(fā)人員，寫起來(lái)覺得怪怪的。

前言

作為一個(gè)程序員，總是要有一個(gè)屬于自己的博客。然后作為一個(gè)造輪子的程序員，肯定不滿足于直接使用現(xiàn)有的博客系統(tǒng)，于是我便自己寫了一個(gè)帶后臺(tái)管理的博客系統(tǒng)。

體驗(yàn)地址： http://zzzzbw.cn

技術(shù)選型

作為一個(gè)Javaer，服務(wù)端肯定使用java，框架自然而然就用簡(jiǎn)便又強(qiáng)大的spring-boot了。

前端的選用就讓我糾結(jié)了很久。一開始直接用jsp渲染頁(yè)面，但是前端特別亂，而且一點(diǎn)都不restful。后來(lái)改用了html+Jquery的方式，作為一個(gè)后端開發(fā)人員，寫起來(lái)覺得怪怪的。直到后來(lái)我看到了前端框架:Vue/React/AngularJS，我覺得我的世界觀都給摧毀了！之前接觸前端還是兩三年前大學(xué)寫大作業(yè)的時(shí)候，那時(shí)就是傳統(tǒng)的html+css+js，感覺代碼寫的特別亂，讓我這個(gè)java程序員很不舒服。而現(xiàn)在前端框架的組建化，模塊化，以及數(shù)據(jù)的雙向綁定，讓我寫起來(lái)倍兒爽，于是最后決定前端便使用了Vue。

項(xiàng)目源碼

SERVER:Fame

CLIENT:Fame-front

ADMIN:Fame-admin

相關(guān)截圖

技術(shù)棧

服務(wù)端:

spring-boot

mybatis-3+Mapper+PageHelper

pegdown

客戶端:

nuxt

Vue+vue-router+element-ui

highlight.js

axios

項(xiàng)目發(fā)布

服務(wù)器環(huán)境:java8+node8.x+mysql5.7.x

pm2項(xiàng)目管理

nginx反向代理

原文地址:http://zzzzbw.cn

GPU云服務(wù)器云服務(wù)器 vue里寫原生js Fame spring-boot-編程思想人工智能的一天

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

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

相關(guān)文章

使用Docker部署Spring-Boot+Vue博客系統(tǒng)

摘要：先來(lái)看一下容器的文件中間一些操作省略這里用了多階段構(gòu)建容器，如果直接通過設(shè)置環(huán)境變量只會(huì)在后面一個(gè)階段生效，但是是在第一個(gè)階段執(zhí)行的，所以環(huán)境變量不能應(yīng)用到當(dāng)中。在今年年初的時(shí)候，完成了自己的個(gè)Fame博客系統(tǒng)的實(shí)現(xiàn)，當(dāng)時(shí)也做了一篇博文Spring-boot+Vue = Fame 寫blog的一次小結(jié)作為記錄和介紹。從完成實(shí)現(xiàn)到現(xiàn)在，也斷斷續(xù)續(xù)的根據(jù)實(shí)際的使用情況進(jìn)行更新。只不過每...

Eirunye 2019-06-28 16:40 評(píng)論0 收藏0
2017-09-30 前端日?qǐng)?bào)

摘要：前端日?qǐng)?bào)精選劉海打理指北中的錯(cuò)誤處理模式與反模式譯圖解和譯你并不知道中文裝飾器讓你的代碼更簡(jiǎn)潔眾成翻譯第期每個(gè)程序員第一份工作前應(yīng)該知道的件事中的不變性眾成翻譯寫的一次小結(jié)掘金內(nèi)部機(jī)制探秘和文末附彩蛋和源碼前端雜談開發(fā)實(shí)戰(zhàn) 2017-09-30 前端日?qǐng)?bào) 精選 iPhone X 劉海打理指北React16中的錯(cuò)誤處理ES6 Promise：模式與反模式「譯」圖解 ArrayBuffer...

darryrzhong 2019-08-21 16:51 評(píng)論0 收藏0
SpringBoot基礎(chǔ)篇AOP之基本使用姿勢(shì)小結(jié)

摘要：通知和切點(diǎn)共同定義了關(guān)于切面的全部?jī)?nèi)容，它是什么時(shí)候，在何時(shí)和何處完成功能引入允許我們向現(xiàn)有的類添加新的方法或者屬性組裝方面來(lái)創(chuàng)建一個(gè)被通知對(duì)象。這可以在編譯時(shí)完成例如使用編譯器，也可以在運(yùn)行時(shí)完成。和其他純框架一樣，在運(yùn)行時(shí)完成織入。原文：190301-SpringBoot基礎(chǔ)篇AOP之基本使用姿勢(shì)小結(jié) 一般來(lái)講，談到Spring的特性，繞不過去的就是DI（依賴注入）和AOP（切...

timger 2019-06-26 17:57 評(píng)論0 收藏0
如何用node開發(fā)自己的cli工具

摘要：新建文件夾這是一個(gè)規(guī)范，可執(zhí)行工具的老家。然后輸入接下來(lái)會(huì)以問答的形式向你了解你的用戶名密碼以及公開的郵箱，之后輸入注意發(fā)布的源別是淘寶源，否則哦然后看到進(jìn)度條走，之后組件發(fā)布成功，可以到上搜索自己的包了。如何用node開發(fā)自己的cli工具靈感寫這個(gè)工具的靈感以及場(chǎng)景源于youtube的一次閑聊 github 地址 blog首發(fā) showImg(https://segment...

pkwenda 2019-08-29 16:20 評(píng)論0 收藏0
如何用node開發(fā)自己的cli工具

摘要：新建文件夾這是一個(gè)規(guī)范，可執(zhí)行工具的老家。然后輸入接下來(lái)會(huì)以問答的形式向你了解你的用戶名密碼以及公開的郵箱，之后輸入注意發(fā)布的源別是淘寶源，否則哦然后看到進(jìn)度條走，之后組件發(fā)布成功，可以到上搜索自己的包了。如何用node開發(fā)自己的cli工具靈感寫這個(gè)工具的靈感以及場(chǎng)景源于youtube的一次閑聊 github 地址 blog首發(fā) showImg(https://segment...

Bmob 2019-08-23 10:51 評(píng)論0 收藏0