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

缘起

哈喽大家周二好呀，刚刚经历过了几天火车抢票，整个人都不好了，不知道小伙伴对今年的春节是否还一如既往的期待呢，眼看都要春节了，本来也想写篇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初始搭建、调用接口设计页面、部署服务器）：

•  一 || 为开源收录bug之 tibug项目 开篇讲

 

 

写它的初衷

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上，比如这个 (就是第一个系列的vue项目)，

 

但是当时只是为了讲解知识点，样式是真的丑陋不堪，我也好几次拿不出手，所以就想着有一个成型的项目可以展示出来，不仅仅是有数据，还要页面好看，功能齐全，有授权，有curd至少，所以就有动力要把这个提上日程了，上边的顾虑也就是没有了，那要一个什么样的框架呢，也一直迟迟没有定好，直到我想到下边这个问题。

 

c、blog.core中哪些技术不足

 其实这个系列是我的第一个系列《从壹开始前后端分离【 .netcore2.1 +vue 2 +aop+di】》的补充篇，那既然是补充，肯定会有上一个系列遗漏的问题，那是什么呢，可能还有其他的（比如docker部署还没写），但是nuxt.js 这一直是我的一块心病（如果你是一直跟着我的系列教程的，一定知道 nuxt 是什么框架，不知道的请翻看我的说明文章《二七║ nuxt 基础：框架初探》），现在 nuxt 不仅又有更新了，比较丰富和人性化了，而且我当时开发的很糟糕，还没有部署和发布。所以既然上边已经笃定要写一个这样的项目了，就索性继续用 nuxt.js 框架来写，我也是天天泡在 github 上找合适的代码，很可惜，要么clone 下来没办法运行，要么没有文章讲解，只能自己摸索，正好我就从新开始，一步步写下来，让那些入门 nuxt.js 的小伙伴，能从新建到开发，最后部署，有一定的理解，前天我终于找到了一个好看的博客，是一个开源的项目，不知道作者有没有看我的文章，我这里帮你宣传一波，肯定不会抄他的，只是参考了下他的布局，大家可以支持他下，我也把他的地址放到了我博客园公告里了：

作者：hzy0913 ，github ：https://github.com/hzy0913/my-blog

 

 

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

 

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

 

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

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