两天开发个网站,不为别的就为存点小资源

1,837 阅读8分钟
  • J3 - 西行
  • 杂文(小夹子 # 开发)

以下“资源”一词如特别说明,一律指学习资源或技术文章

从事技术类软件开发也有快两年了(强行增加工作经验),深知持续学习对于这个行业的重要性,所以我时常会从技术广度和深度两个方面不停的搜索资源来给自己充电。

就从我刚开始接触这个行业开始,提升自己的唯一途径那就是 B 站看各大“两小时包会,一个月精通”的视频教程,终于不负众望的精通了各类开发语言的 Hello World 写法。那个时候我还啥都不知道,只知道视频教啥我学啥,所以把市面上能说出来的主流框架都学了个遍,至此那个时候我的技术广度也算是有所成就了,但也仅仅是会用而已。

常话说:师傅领进门修行靠个人,对于我学过的那些框架技术我时常会问自己我是真的会吗?

说实话,真不会。所以我就逐渐地开始转变自己,逼迫自己看技术文章、技术书籍。人都是浮躁的,而且我尤其是,还记得大学的时候就有老师说过我不要那么浮躁和好高骛远。为啥说浮躁,因为心不静,只知道强行灌输别人传授的技术或经验,而自己却缺少独立思考和审视这是否正确是否对自己适用,这种一味地不加审视的态度对待技术我认为就是浮躁。

所以我渐渐的开始看书,不论是纸制书还是电子书,并且也开始摘录笔记形成自己的一套学习和复习的一手资料。毫不夸张的说,我看的书非常多,我有时候回过头来想想这还是我嘛!自从习惯了以文字的方式来涉猎技术我就一发不可收拾,开始从各大网上看书,看文章(技术文章)。

以下是我CSDN看文章的记录

在这里插入图片描述

在这里插入图片描述

当然还有我在公众号、博客园、掘金等一些技术平台看的技术文章记录,太多了就不一一列举出来了。

每当我看到一篇技术写的非常好的文章或写的非常好的技术书籍时都是视为珍宝,每次看完都是必要收藏以便后来反复咀嚼才行。

时间久而久之,看到的技术文章、资料等太多太多的,等我想回过头来再找的时候,难题出现了。我发现我找不到或者说我不知道该如何去找我已经读过且认为不错的资料了,因为有时我看到的是公众号文章、有时是博客平台文章、有时是个人博客平台的文章太多太多了,以至于没有一个统一的渠道让我去回头找它(芭比Q)。

这可误了大事了,这样吧!以后我吧看到好的资料统一记录到我的 Typora 文档里,等以后需要回头看的时候就来这找,可行。

事实上我还真是这么干过一段时间,看下图👇

在这里插入图片描述

那时候,我时一有觉得好的文章就都往里写,贴别是公众号里的技术文章,感觉他们写的都非常好(向他们看齐)。但是把,后来觉得这还是不够方便,或者说不太友好,比如我不能在手机上看到我这些记录的内容、我也不能把它们更好的归类、也不能很好的查看详情或者分享给我的其他朋友,总之,要另作打算。

就这样,我搁了一段时间没有顾这个事情,还是照着往常一样有事没事的看看技术文章、看看技术书籍、上上班、摸摸鱼…。

但心里老是有个疙瘩,不解决我都看不下去东西了,不行,这个不整一整感觉都要出内伤了。

说干就干,立马就从头到尾的分析了一遍决定利用自己的优势就是没有优势、利用自己的长处就是没有长处。最终决定自己做个小网站出来,把我想记录的文章,随笔保存在我自己开发的网站上岂不美哉。

这个网站最简单的功能定位就是:以不同类别存放不同内容。这就可以最大化的想象出非常多的功能了,比如类别可以是文章类别、书籍类别、视频类别;内容可以是链接、文字等,而且我还打算做一个分享,把我觉得好的东西分享到一个广场上,让大家都能看到并收藏进自己的类别目录下。

想想这个 Idea 就不错,所以咱说干就干,利用上个周末两天的时间,我前后端通吃的开发出了这个小夹子网站:👉直达网站

这个项目的名字我想了很久,因为是存放内容的一个功能,就像一个夹子一样里面可以放很多各种各样的东西,所以我就给这个项目取名:小夹子

下面我来介绍介绍我都用了啥技术把!

先说后端(强项):

  • SpringBoot 做项目基础框架;
  • SpringCloud 使用了其网关功能,对访问接口进行统一转发;
  • MyBatisPlus 持久层的统一框架,方便、快速对数据库进行访问操作;
  • MySQL 做项目的数据存储;
  • Nacos 做项目的注册中心、因为是多服务、为了方便结合网关统一调用、
  • Redis 做数据缓存、IP 限制防刷、登录认证;
  • Hutool 集成各种方便又实用的工具包;
  • MapStruct 对象转化,比 Spring 自带的 BeanUtils 好用;
  • Jasypt 加密技术,因为我的代码是开源出来的,所以我对敏感数据进行了加密处理;
  • mail 邮件技术,结合 Hutool 工具包,给项目发送邮件进行一些业务功能开发;

再说前端(弱项):

  • Vue3.0 做前端项目的基础框架
  • Ant Design 前端页面的组件样式框架,点这里直达

大致就这些技术了,代码我也是开源出的包括前后端都以开源,大家可以联系我,我发链接给你们看看,写的不好或有错记得轻喷。

再次说一下这个项目地址:

小夹子:地址

下面我介绍一下它的基本功能,算是一个使用手册把!

首先是首页,我把它定位为资源分享的一个页面,也就是广场这个 tab 栏。用户(很有可能就我一个人用)可以把自己内容夹中的东西设置为非私有状态就可以在这个广场中看到对应的小资源了,非常方便的。

在这里插入图片描述

如果想细致的看一下详情或者看到好的内容想收藏到自己的夹子中也是可以的,只要点击每个卡片右下角的操作即可完成,当然收藏功能是要登录才可以使用。

在这里插入图片描述

那登录也是很简单,现阶段只支持邮箱登录,大家输入正确的邮箱地址,系统回发送一个六位数的验证码到各位靓仔的邮箱中,只要对应的填写验证码即可登录。

在这里插入图片描述

登录成功后,点击 tab 栏中的我的就可以看到自己的私人空间了。

在这里插入图片描述

每一个夹子目录,你都可以自己随意定制添加,这对用户是绝对的独立只有用户自己知道,每个夹子里面就是存放的具体内容了,广场上的卡片内容就是从这些个夹子里的内容分享出去的。

在这里插入图片描述

这里是我存放的一些内容,这个页面也可以说是小夹子网站的主体了。

虽然看起来简单,但是细节非常多,特别是我这种水货前端,大家就先将就着用,后面能升级就升级能优化就优化。

页面的前两个按钮分别是对夹子进行重命名和删除操作,重命名倒是无所谓了基本功能了,但是删除大家可要注意了,如果点击确定的话整个页面的内容数据都会删除,所以不要再喝酒的时候打开小夹子网站哦!

汇总这一按钮可以说是灵魂了,它能再指定的时间分为内根据天、月、年三个不同维度将你添加的内容进行汇总展示到下面的内容列表中,并写配个列表项都有对应的操作按钮,大家可以根据自身情况亲自体验一番。

最后就是内容添加了,操作界面如下。

在这里插入图片描述

以上就是整个小夹子网站的所有功能了,看似简陋,其实不然哦!

以后要是看到啥好的内容就往小夹子里面塞,并分享出来让大家也看看,岂不美哉,所以请收藏小夹子网站地址,把其它类似功能的APP都的丢进垃圾桶,一个小夹子就够了。

在这里插入图片描述

好了,今天的内容到这里就结束了,我是 【J3】关注我,我们下期见

有任何问题,根据下面联系方式找到我:

QQ:1491989462

微信:13207920596


  • 由于博主才疏学浅,难免会有纰漏,假如你发现了错误或偏见的地方,还望留言给我指出来,我会对其加以修正。

  • 如果你觉得文章还不错,你的转发、分享、点赞、留言就是对我最大的鼓励。

  • 感谢您的阅读,十分欢迎并感谢您的关注。