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

来源:https://www.cnblogs.com/laozhang-is-phi/archive/2019/01/08/10236645.html
-Advertisement-
Play Games

緣起 哈嘍大家周二好呀,剛剛經歷過了幾天火車搶票,整個人都不好了,不知道小伙伴對今年的春節是否還一如既往的期待呢,眼看都要春節了,本來也想寫篇2018總結篇,但是怕不免會出現雞湯文的窠臼嫌疑,想想還是算了,這幾天和老李聊起來關於寫博客文章,總感覺這一系列還沒有寫完,或者說還有一些沒有收尾好,眼看就要 ...


緣起

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

目錄

1、Github源地址

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

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

 

前端後臺:(Vue)

待開發

 

後端:(Blog.Core)

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

 

2、文章目錄

 持續更新中,預計會有4~6篇(後端介面開發,nuxt初始搭建、調用介面設計頁面、部署伺服器):

 

 

寫它的初衷

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

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

 

而且群裡邊,也是都會有一些相同不同的問題出現:

 

 

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

Swagger如何調試?

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

依賴註入報錯了,怎麼調試?

JWT的Token校驗的時候異常?

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

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

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

 

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

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

 

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

 

C、Blog.Core中哪些技術不足

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

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

 

 

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

 

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

 

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

 相信看這篇文章的,都是從第一個系列跟過來的鐵粉兒,在Model層中,有那麼些表,無論是做演示的博客表,還是JWT許可權模塊的那幾個用戶、角色、菜單等表,剩下的就是無用的廣告表,和 Topic和TopicDetail表了,你一定很好奇,這一塊一直沒有提到,是幹啥的?沒錯!今天終於派上用場,是不是有種寫小說的伏筆一樣(其實這是我之前項目里,用來記錄我寫名著讀後感的表

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 大家好,很榮幸您點了開此篇文章,和我一起來學習ASP.NET Core,此篇文字為《ASP.NET Core入門》系列中的第一篇,本系列將以一個博客系統為例,從第一行代碼,到系統發佈上線(linux)。如有錯誤,請聯繫我,讓我們共同成長,進步,謝謝。下麵進入正題: 首先,看到這篇文章可能是一位新手, ...
  • C#6.0的一些語法 一、Lambda表達式的一些運用 1.在屬性、方法中應用 例如常規對屬性的賦值: 使用Lambda表達式進行屬性賦值方法: public bool IsNagivation => this._navigationDestaion != null; 二、?和??的應用 1.?的應 ...
  • 到了ASP.NET Core,項目結構也發生了一些變化,看下麵的圖片。 共有6點跟.NET Framework不一樣,下麵來一一說明。1,lauchSettings.json該文件用於指定應用程式的啟動設置。2,wwwroot目錄一般用來放靜態資源文件,比如:js,css,img,ico等。3,依賴... ...
  • 最近頻繁使用非同步所以自己綜合的學習了一把非同步相關的知識,自己稍加整理了一下(這也是我試著寫的第一篇,如果有不對的,希望大神來指正!) 首先是 委托實現的非同步 class Program { public delegate int weituo();//定義了個委托 public int xxx() ...
  • 註冊按鈕事件: private void btnRegister_Click(object sender, EventArgs e) { string username = txtUserName.Text; string userpwd = txtUserPwd.Text; string tel ...
  • 上一篇我們講了關於direct類型的Exchange,這一片我們來瞭解一下fanout類型的Exchange。 1.Exchange的fanout類型 fanout類型的Exchange的特點是會把消息發送給與之綁定的所有Queue中,我們來測試一下。代碼如下 運行代碼,去可視化工具中查看一下 消費 ...
  • 主要功能: 所編寫的程式需將串口1、串口2數據互通,即:串口1接收到數據的同時將數據通過串口2發出,串口2接收到數據的同時將數據通過串口1發出。 並根據需要由指定串口發送或獲取數據。 代碼如下: ...
  • Acrobat.dllc#PDFPDFRender4NET.dllpdf轉圖片 GitHub Clone Adress : https://github.com/stone0090/OfficeTools.Pdf2Image.Word2Image.git (you get it). 前段時間公司安排 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...