继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

胡说叔叔
关注TA
已关注
手记 458
粉丝 130
获赞 581

缘起

哈喽大家周二好呀,刚刚经历过了几天火车抢票,整个人都不好了,不知道小伙伴对今年的春节是否还一如既往的期待呢,眼看都要春节了,本来也想写篇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 ,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、发布到服务,配置域名,支持 HTTPS 安全协议,每一个用户都可以提交Bug(因为1.0没有用户,所以必须是已经解决的Bug,就是带有方案的),然后展示,前期肯定没人用,一般都是我自己提交;

       1.1、支持将所有Bug和解决方法导出功能(txt、tsv、Json等各种格式);

       1.5、引入用户功能,用户登录后发布的文章,作者可对其进行CURD;

       1.9、增加用户评论功能,可以留下自己的联系方式,方便提问题的人找到回答的人,进行深入交流。

 

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

 

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

 

未完待续。。。

 

结语

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

 

致谢

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

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

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

原文出处: https://www.cnblogs.com/laozhang-is-phi/p/10236645.html  

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP