欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

程序员文章站 2022-04-24 15:53:52
缘起 哈喽大家周二好呀,刚刚经历过了几天火车抢票,整个人都不好了,不知道小伙伴对今年的春节是否还一如既往的期待呢,眼看都要春节了,本来也想写篇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 的代码,我以文件夹的形式存放,都小心翼翼保存着:

从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

 

而且群里边,也是都会有一些相同不同的问题出现:

从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

 

 

这个时候我就在想,现在不仅很多 github 上没有对项目的讲解(只有如何使用,没有如何开发),有讲解博文的吧,却没有太多精力去照顾那些真正入门的小伙伴,所以我就萌发了一个思路,一个项目,专门给我的这两个系列收集bug,当然以后还会有,目前是 netcore、vue、ddd这三块,我的想法是,每一个小伙伴如果遇到了bug,可以放到系统里,收集起来,当下一个入门的小伙伴也遇到问题的时候,可以在系统里看看,毕竟常见的就那么多,比如:

swagger如何调试?

.netcore api 路由重载报错,为啥?

依赖注入报错了,怎么调试?

jwt的token校验的时候异常?

 我在qq群里已经回答了不下50遍了感觉,所以我就想有这么一个记录bug的系统,不仅可以让新来的小伙伴可以有章可循,还可以平时的时候多翻翻看看,加深一下。

如果你说,bug嘛还是得让自己调试,自己调试会了,就会学的更多,没错,我刚开始也是这么想的,可是有时候真的是一个小bug能卡住两天,那个心情,我也是懂得的,毕竟入门和中高级的思维真的不一样。

这就是我写这个系列的目前之一,后来想想如果单独写一个mvc,毕竟是很小的一个,三四个页面的样子,这么小,真是没必要。

 

b、我目前还没有一个成型的项目

因为只有三四个页面的顾虑,我迟迟没有开动,直到这几天有小伙伴问我,有没有成型的项目在线上,我虽然有两个,也在github上,比如这个 (就是第一个系列的vue项目),

从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

 

但是当时只是为了讲解知识点,样式是真的丑陋不堪,我也好几次拿不出手,所以就想着有一个成型的项目可以展示出来,不仅仅是有数据,还要页面好看,功能齐全,有授权,有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

 从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

 

我先简单的设计了下整体布局,以后肯定还会修改的,毕竟这个有点儿简单的是(已经支持seo了):

从壹开始 [ Nuxt.js ] 之一 || 为开源收录Bug之 TiBug项目 开篇讲

 

现在前端框架已经确定了,就使用nuxt.js 了,那后端呢,难道又要新建一个 net core 项目么?不用的,毕竟目前只有两个表,专题和详情表,那为啥说不用了呢?

 

d、还记得blog.core项目的topic表么

 相信看这篇文章的,都是从第一个系列跟过来的铁粉儿,在model层中,有那么些表,无论是做演示的博客表,还是jwt权限模块的那几个用户、角色、菜单等表,剩下的就是无用的广告表,和 topic和topicdetail表了,你一定很好奇,这一块一直没有提到,是干啥的?没错!今天终于派上用场,是不是有种写小说的伏笔一样(其实这是我之前项目里,用来记录我写名著读后感的表