缘起
哈喽大家周二好呀,刚刚经历过了几天火车抢票,整个人都不好了,不知道小伙伴对今年的春节是否还一如既往的期待呢,眼看都要春节了,本来也想写篇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,只看下边的即可
写它的初衷
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 ,Github :https://github.com/Hzy0913/my-blog
我先简单的设计了下整体布局,以后肯定还会修改的,毕竟这个有点儿简单的是(已经支持SEO了):
现在前端框架已经确定了,就使用Nuxt.js 了,那后端呢,难道又要新建一个 net core 项目么?不用的,毕竟目前只有两个表,专题和详情表,那为啥说不用了呢?
D、还记得Blog.Core项目的Topic表么
相信看这篇文章的,都是从第一个系列跟过来的铁粉儿,在Model层中,有那么些表,无论是做演示的博客表,还是JWT权限模块的那几个用户、角色、菜单等表,剩下的就是无用的广告表,和 Topic和TopicDetail表了,你一定很好奇,这一块一直没有提到,是干啥的?没错!今天终于派上用场,是不是有种写小说的伏笔一样(其实这是我之前项目里,用来记录我写名著读后感的表?),今天就正好拿来提bug了,如果你感觉不合适,可以修改下表名,或者新建两个表,我就直接使用这两个了,一个是Bug专题,一个是内容。
好啦,上边这四个就是我要写这篇文章的目的与动力,我很希望到时候有很多小伙伴把遇到的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