缘起

哈喽大家周二好呀，刚刚经历过了几天火车抢票，整个人都不好了，不知道小伙伴对今年的春节是否还一如既往的期待呢，眼看都要春节了，本来也想写篇2018总结篇，但是怕不免会出现鸡汤文的窠臼嫌疑，想想还是算了，这几天和老李聊起来关于写博客文章，总感觉这一系列还没有写完，或者说还有一些没有收尾好，眼看就要春节了，周末我也好好的整理整理思路，决定临时开一个4-6篇的小系列文章 —— 基于Nuxt.js框架的提Bug小项目（命名为 tBug），当然以后会增加更多的功能，这个只是1.0版本，你一定好奇为啥要写这个呢，请听我慢慢道来：

目录

1、Github源地址

前端前台（支持SSR的Nuxt框架，目前还未提交Code，预计春节前全部完成）：

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

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

前端后台：（一个包含权限管理的 Vue 后台）

待开发，缓慢开发中...

后端：（Blog.Core）

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

2、文章目录

持续更新中，预计会有4~6篇（后端接口开发，nuxt初始搭建、调用接口设计页面、部署服务器）：

• 二十五║初探SSR服务端渲染（个人博客二）

• 二十六║Client渲染、Server渲染知多少{补充}

• 二七║ Nuxt 基础：框架初探

• 二八║ Nuxt 基础：面向源码研究Nuxt.js

• 二九║ Nuxt实战：异步实现数据双端渲染

• 三十║ Nuxt实战：动态路由+同构

• 三十一║ Nuxt终篇：基于Vuex的权限验证探究

  ? 上边的这些较多的是讲解 Nuxt 的概念基础，项目Demo不是很好，只看概念即可，如果只想快速入门 Nuxt.js，只看下边的即可

• 一 || 为开源收录Bug之 TiBug项目 开篇讲

• 二 || 项目搭建 与 接口API

• 三 || Nginx+Github+PM2 快速部署项目(一)

写它的初衷

A、鲜有人会有收集Bug的想法

还记得写第一篇文章的时候，我就说的是我写文章是为了推动.net core社区的队伍壮大，所以主要致力于入门和初级的开发者，写了16万字，好像还没有收到那些大神们的鼓励，内心是尴尬的，不过没关系，依旧挡不住我的热情，现在大家可以翻开各种博客园、简书、CSDN等等，到处都是如何如何零基础入门，但是把人带过来了，又很少有时间和精力去手把手教别人，我承认我也是，只能尽量的帮助每一个小伙伴，提供思路，有一些小伙伴半天甚至一天都卡在了一个小问题上，我就会让他们把代码发给我，我帮忙调试，下边就是我的电脑里收到的群里小伙伴发给我，让我帮忙调试 BUG 的代码，我以文件夹的形式存放，都小心翼翼保存着：

image

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

image

这个时候我就在想，现在不仅很多 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项目)，

image

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

image

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

D、还记得Blog.Core项目的Topic表么

相信看这篇文章的，都是从第一个系列跟过来的铁粉儿，在Model层中，有那么些表，无论是做演示的博客表，还是JWT权限模块的那几个用户、角色、菜单等表，剩下的就是无用的广告表，和 Topic和TopicDetail表了，你一定很好奇，这一块一直没有提到，是干啥的？没错！今天终于派上用场，是不是有种写小说的伏笔一样（其实这是我之前项目里，用来记录我写名著读后感的表?），今天就正好拿来提bug了，如果你感觉不合适，可以修改下表名，或者新建两个表，我就直接使用这两个了，一个是Bug专题，一个是内容。

image

好啦，上边这四个就是我要写这篇文章的目的与动力，我很希望到时候有很多小伙伴把遇到的BUG放到这里，bug开源也是一种精神，注意隐私就行（其实也没啥隐私。。）

计划书

因为春节将至，可能很多小伙伴和我一样比较忙，所以我的1.0版本，就打算很简单的实现展示和提交功能，目前只支持提交一张bug图片，作为Logo，等以后人多了，我再买一个大的服务器，到时候可以再在内容里提交图片。

下边是我自己的瞎想，可能需要明年一点一点的写，如果有想一起开发的，可以一起交流：

版本1.0(完成)、发布到服务，每一个用户都可以提交Bug（因为1.0没有用户，所以必须是已经解决的Bug，就是带有方案的），然后展示，前期肯定没人用，一般都是我自己提交；

   1.1、支持将所有Bug和解决方法导出功能（txt、tsv、Json等各种格式）；1.2、配置域名，支持 HTTPS 安全协议；1.5、引入用户注册功能，用户登录后所发布的自己的文章，作者可对其进行CURD；1.9、增加用户评论功能，可以留下自己的联系方式，方便提问题的人找到回答的人，进行深入交流。

版本2.0、增加后台管理系统，增加审核功能，开始引入权限管理系统（因为是基于Blog.Core的所以是基于JWT权限验证的，ID4的以后再说）。

版本3.0、开放积分，分享、小程序等功能，引入广告功能（我自己的瞎想，反正是一个主要的功能。。。）。

未完待续。。。

结语

稀里糊涂的说了这么多，这也是我2019年一直跟进的小项目吧，可能需要闲暇时间慢慢跟进，如果你愿意，可以一起为开源事业做贡献，哪怕是一个提Bug，哪怕是帮助别人解决Bug，都是一种开源精神，一起加油鸭！

致谢

再次感谢我找到的这个Github 样式模板的作者（如果你看到了请留言，要是不想让用，可以私信我，不过肯定不一样的）；

再次感谢所有粉丝2018年的帮助和支持；

再次感谢李大爷的鼓励和支持 [笔芯]。

-- END