從壹開始 [ Nuxt.js ] 之一 || 為開源收錄Bug之 TiBug項目 開篇講

緣起

哈嘍大家周二好呀,剛剛經(jīng)歷過了幾天火車搶票,整個人都不好了,不知道小伙伴對今年的春節(jié)是否還一如既往的期待呢,眼看都要春節(jié)了,本來也想寫篇2018總結(jié)篇,但是怕不免會出現(xiàn)雞湯文的窠臼嫌疑,想想還是算了,這幾天和老李聊起來關(guān)于寫博客文章,總感覺這一系列還沒有寫完,或者說還有一些沒有收尾好,眼看就要春節(jié)了,周末我也好好的整理整理思路,決定臨時開一個4-6篇的小系列文章 —— 基于Nuxt.js框架的提Bug小項目(命名為 tBug),當然以后會增加更多的功能,這個只是1.0版本,你一定好奇為啥要寫這個呢,請聽我慢慢道來:

目錄

1、Github源地址

前端前臺(支持SSR的Nuxt框架,目前還未提交Code,預(yù)計春節(jié)前全部完成):

https://github.com/anjoy8/Nuxt.tBug

在線地址:http://123.206.33.109:7090/

前端后臺:(一個包含權(quán)限管理的 Vue 后臺)

待開發(fā),緩慢開發(fā)中...

后端:(Blog.Core)

https://github.com/anjoy8/Blog.Core

2、文章目錄

持續(xù)更新中,預(yù)計會有4~6篇(后端接口開發(fā),nuxt初始搭建、調(diào)用接口設(shè)計頁面、部署服務(wù)器):

寫它的初衷

A、鮮有人會有收集Bug的想法

還記得寫第一篇文章的時候,我就說的是我寫文章是為了推動.net core社區(qū)的隊伍壯大,所以主要致力于入門和初級的開發(fā)者,寫了16萬字,好像還沒有收到那些大神們的鼓勵,內(nèi)心是尷尬的,不過沒關(guān)系,依舊擋不住我的熱情,現(xiàn)在大家可以翻開各種博客園、簡書、CSDN等等,到處都是如何如何零基礎(chǔ)入門,但是把人帶過來了,又很少有時間和精力去手把手教別人,我承認我也是,只能盡量的幫助每一個小伙伴,提供思路,有一些小伙伴半天甚至一天都卡在了一個小問題上,我就會讓他們把代碼發(fā)給我,我?guī)兔φ{(diào)試,下邊就是我的電腦里收到的群里小伙伴發(fā)給我,讓我?guī)兔φ{(diào)試 BUG 的代碼,我以文件夾的形式存放,都小心翼翼保存著:

image

而且群里邊,也是都會有一些相同不同的問題出現(xiàn):

image

這個時候我就在想,現(xiàn)在不僅很多 Github 上沒有對項目的講解(只有如何使用,沒有如何開發(fā)),有講解博文的吧,卻沒有太多精力去照顧那些真正入門的小伙伴,所以我就萌發(fā)了一個思路,一個項目,專門給我的這兩個系列收集BUG,當然以后還會有,目前是 NetCore、Vue、DDD這三塊,我的想法是,每一個小伙伴如果遇到了Bug,可以放到系統(tǒng)里,收集起來,當下一個入門的小伙伴也遇到問題的時候,可以在系統(tǒng)里看看,畢竟常見的就那么多,比如:

Swagger如何調(diào)試?

.NetCore api 路由重載報錯,為啥?

依賴注入報錯了,怎么調(diào)試?

JWT的Token校驗的時候異常?

我在QQ群里已經(jīng)回答了不下50遍了感覺,所以我就想有這么一個記錄Bug的系統(tǒng),不僅可以讓新來的小伙伴可以有章可循,還可以平時的時候多翻翻看看,加深一下。

如果你說,Bug嘛還是得讓自己調(diào)試,自己調(diào)試會了,就會學(xué)的更多,沒錯,我剛開始也是這么想的,可是有時候真的是一個小Bug能卡住兩天,那個心情,我也是懂得的,畢竟入門和中高級的思維真的不一樣。

這就是我寫這個系列的目前之一,后來想想如果單獨寫一個MVC,畢竟是很小的一個,三四個頁面的樣子,這么小,真是沒必要。

B、我目前還沒有一個成型的項目

因為只有三四個頁面的顧慮,我遲遲沒有開動,直到這幾天有小伙伴問我,有沒有成型的項目在線上,我雖然有兩個,也在Github上,比如這個 http://123.206.33.109:8077(就是第一個系列的Vue項目),

image

但是當時只是為了講解知識點,樣式是真的丑陋不堪,我也好幾次拿不出手,所以就想著有一個成型的項目可以展示出來,不僅僅是有數(shù)據(jù),還要頁面好看,功能齊全,有授權(quán),有CURD至少,所以就有動力要把這個提上日程了,上邊的顧慮也就是沒有了,那要一個什么樣的框架呢,也一直遲遲沒有定好,直到我想到下邊這個問題。

C、Blog.Core中哪些技術(shù)不足

其實這個系列是我的第一個系列《從壹開始前后端分離【 .NETCore2.1 +Vue 2 +AOP+DI】》的補充篇,那既然是補充,肯定會有上一個系列遺漏的問題,那是什么呢,可能還有其他的(比如Docker部署還沒寫),但是Nuxt.js 這一直是我的一塊心?。ㄈ绻闶且恢备业南盗薪坛痰?,一定知道 Nuxt 是什么框架,不知道的請翻看我的說明文章《二七║ Nuxt 基礎(chǔ):框架初探》),現(xiàn)在 Nuxt 不僅又有更新了,比較豐富和人性化了,而且我當時開發(fā)的很糟糕,還沒有部署和發(fā)布。所以既然上邊已經(jīng)篤定要寫一個這樣的項目了,就索性繼續(xù)用 Nuxt.js 框架來寫,我也是天天泡在 Github 上找合適的代碼,很可惜,要么Clone 下來沒辦法運行,要么沒有文章講解,只能自己摸索,正好我就從新開始,一步步寫下來,讓那些入門 Nuxt.js 的小伙伴,能從新建到開發(fā),最后部署,有一定的理解,前天我終于找到了一個好看的博客,是一個開源的項目,不知道作者有沒有看我的文章,我這里幫你宣傳一波,肯定不會抄他的,只是參考了下他的布局,大家可以支持他下,我也把他的地址放到了我博客園公告里了:

作者:Hzy0913 ,Github :https://github.com/Hzy0913/my-blog

我先簡單的設(shè)計了下整體布局,以后肯定還會修改的,畢竟這個有點兒簡單的是(已經(jīng)支持SEO了):

image

現(xiàn)在前端框架已經(jīng)確定了,就使用Nuxt.js 了,那后端呢,難道又要新建一個 net core 項目么?不用的,畢竟目前只有兩個表,專題和詳情表,那為啥說不用了呢?

D、還記得Blog.Core項目的Topic表么

相信看這篇文章的,都是從第一個系列跟過來的鐵粉兒,在Model層中,有那么些表,無論是做演示的博客表,還是JWT權(quán)限模塊的那幾個用戶、角色、菜單等表,剩下的就是無用的廣告表,和 Topic和TopicDetail表了,你一定很好奇,這一塊一直沒有提到,是干啥的?沒錯!今天終于派上用場,是不是有種寫小說的伏筆一樣(其實這是我之前項目里,用來記錄我寫名著讀后感的表??),今天就正好拿來提bug了,如果你感覺不合適,可以修改下表名,或者新建兩個表,我就直接使用這兩個了,一個是Bug專題,一個是內(nèi)容。

image

好啦,上邊這四個就是我要寫這篇文章的目的與動力,我很希望到時候有很多小伙伴把遇到的BUG放到這里,bug開源也是一種精神,注意隱私就行(其實也沒啥隱私。。)

計劃書

因為春節(jié)將至,可能很多小伙伴和我一樣比較忙,所以我的1.0版本,就打算很簡單的實現(xiàn)展示和提交功能,目前只支持提交一張bug圖片,作為Logo,等以后人多了,我再買一個大的服務(wù)器,到時候可以再在內(nèi)容里提交圖片。

下邊是我自己的瞎想,可能需要明年一點一點的寫,如果有想一起開發(fā)的,可以一起交流:

版本1.0(完成)、發(fā)布到服務(wù),每一個用戶都可以提交Bug(因為1.0沒有用戶,所以必須是已經(jīng)解決的Bug,就是帶有方案的),然后展示,前期肯定沒人用,一般都是我自己提交;

   1.1、支持將所有Bug和解決方法導(dǎo)出功能(txt、tsv、Json等各種格式);

   1.2、配置域名,支持 HTTPS 安全協(xié)議;

   1.5、引入用戶注冊功能,用戶登錄后所發(fā)布的自己的文章,作者可對其進行CURD;

   1.9、增加用戶評論功能,可以留下自己的聯(lián)系方式,方便提問題的人找到回答的人,進行深入交流。

版本2.0、增加后臺管理系統(tǒng),增加審核功能,開始引入權(quán)限管理系統(tǒng)(因為是基于Blog.Core的所以是基于JWT權(quán)限驗證的,ID4的以后再說)。

版本3.0、開放積分,分享、小程序等功能,引入廣告功能(我自己的瞎想,反正是一個主要的功能。。。)。

未完待續(xù)。。。

結(jié)語

稀里糊涂的說了這么多,這也是我2019年一直跟進的小項目吧,可能需要閑暇時間慢慢跟進,如果你愿意,可以一起為開源事業(yè)做貢獻,哪怕是一個提Bug,哪怕是幫助別人解決Bug,都是一種開源精神,一起加油鴨!

致謝

再次感謝我找到的這個Github 樣式模板的作者(如果你看到了請留言,要是不想讓用,可以私信我,不過肯定不一樣的);

再次感謝所有粉絲2018年的幫助和支持;

再次感謝李大爺?shù)墓膭詈椭С?[筆芯]。

-- END

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容