自己写个网盘系列:① 来学习开启这个项目吧
<blockquote><p>❤这个系列准备用Simple快速框架搞个自己能用的网盘,来个实战,教大家如何搞一个项目,其中你能学到如何进行项目级对接,如何快速进行项目编码,如何完善你的项目,以及如何部署它。</p>
</blockquote>
<h3 id="我的快速开发框架项目">💥我的快速开发框架项目</h3>
<blockquote>
<p>先介绍下我的基于.NET 8的快速开发框架Simple Framework,旨在简化开发流程,减少学习成本。框架特点包括基于.NET 8、少用第三方库、基本授权鉴权、CRUD实现和后台管理前端。规划使用了NLog、Redis、Json库等,并支持多数据库结构。框架包含基础库、Web项目扩展库、EFCore扩展库、代码生成器和定时任务模块,并提供了一套基于vue2 elementui前端页面框架,以提高开发效率和灵活性,发布以来收到了很多朋友的喜欢,本文的封装工具也是朋友的建议下撸出来的,快去看看吧。点我✨Star</p>
</blockquote>
<h1 id="写在前面">💝写在前面</h1>
<p>为何选择搞个网盘呢,<br>
首先完成这个项目使用的技术相对比较简单,但是通过它比能学到很多东西。</p>
<ol>
<li>从项目上来说,通过这个项目,你可以学习怎么在外包中处理好自己的角色,学会对接其他程序员,学会理解项目,和分解项目模块。</li>
<li>从技术上来说,网盘无外乎就是用到文件的增删改移动啊之类的,这在任何一个语言中都是比较基础的东西,大家一看就会,只要编码就行。</li>
<li>从产品上来说,这个网盘可以做很多扩展,比如扩展为你的文件系统、扩展为你的文档管理系统,做个异地部署,可扩展为异地备份管理。<br>
我会预设几个角色,项目经理、前端开发、后端开发、部署运维,并简单的描述他们在这个项目中都搞啥,咋配合,有的角色会描述的比较简单,大家自己去看哦</li>
</ol>
<h1 id="场景说明本项目除了编码都是假设哦哪有那么多人">场景说明(本项目除了编码都是假设哦,哪有那么多人😂)</h1>
<p>💥假设你现在有个产品的需求,需要开发个在线网盘系统,有那么几个基础要求:</p>
<ul>
<li>要在浏览器上使用,界面要看着容易操作点,减少使用和学习成本</li>
<li>要登录后才能用,并能看见我的存储空间还有多少可用</li>
<li>要能正常进行文件管理,包括文件夹、文件的新增、修改、删除</li>
<li>要能在线预览和编辑几个常用的文件类型,比如txt、md、excel啊这样的,编辑的文件要能自动保存</li>
<li>要能打包下载我想要的文件夹或者是我选中的几个文件</li>
<li>要能有限次数的分享我的一些文件</li>
<li>要能多个账户分割使用,各用各的,不能看见别人的文件</li>
<li>要能在家里部署这个应用,我在公司或者其他有网的地方我也能管理我的文件</li>
</ul>
<h1 id="项目经理先开搞">项目经理先开搞</h1>
<p>人员就那么点了,项目经理整理好项目需求找人开搞吧。<br>
需求整理好了,人少只能自己按照需求功能图自己整理下原型图了,原型图太丑,我直接找个UI做下美化出设计吧<br>
UI快给我上几个涩图给大家看:</p>
<ul>
<li>
<p>登录<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210111658960-358957164.jpg" alt="image" loading="lazy"></p>
</li>
<li>
<p>主界面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210111809844-2058491143.png" alt="image" loading="lazy"></p>
</li>
<li>
<p>资管管理根目录界面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210111848929-1444002833.jpg" alt="image" loading="lazy"></p>
</li>
<li>
<p>里面的文件、文件夹页面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210111956510-2017316877.png" alt="image" loading="lazy"></p>
</li>
<li>
<p>功能界面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112032777-657426208.png" alt="image" loading="lazy"></p>
</li>
<li>
<p>几个常用文件编辑预览页面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112110197-1302434593.png" alt="image" loading="lazy"><br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112124694-1458822286.png" alt="image" loading="lazy"><br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112140898-900197671.png" alt="image" loading="lazy"><br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112153093-347307224.png" alt="image" loading="lazy"></p>
</li>
<li>
<p>设置页面<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112212730-701762056.png" alt="image" loading="lazy"></p>
</li>
</ul>
<h1 id="ui设计已经搞好了下面交给前端写界面吧">UI设计已经搞好了,下面交给前端写界面吧,</h1>
<p>看来项目前端Coding中。。。</p>
<blockquote>
<p>本次模拟项目前端使用了一个Python项目的前端实现(再此申明下作者git地址和博客地址) git地址 博客地址,我是个.NET开发,肯定得上.NET做后端,那就直接使用他的前端页面来对接吧,这个前端功能也挺不错的,他也借鉴一个牜的初中生写的Win12来的,星星很高的win12 web界面 win12地址在这。前端我基本不做调整了,顺带大家可以学习下外包时,前端已经写好的情况,你如何对接。</p>
</blockquote>
<p>参考1 leeyoshinari/OneDrive项目 Python地址在这<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112520832-980331923.png" alt="image" loading="lazy"></p>
<p>引用 其使用的win12前端项目 地址在这<br>
<img src="https://img2023.cnblogs.com/blog/675347/202312/675347-20231210112913337-560917126.png" alt="image" loading="lazy"></p>
<h1 id="好了经过上面的步骤我的好前端就算已经写好了下面交给我们的后端吧">好了,经过上面的步骤,我的好前端就算已经写好了,下面交给我们的后端吧</h1>
<p>经过和我的.NET 后端沟通,作为项目经理我直接要求他这么简单的项目,不要给我搞复杂了,能不能给我1000行代码搞定它,后端思考了3秒钟,为了接单毫不在意的肯定得回复了我,看代码行数分析,保证1000行搞定,</p>
<p>看着我怀疑的眼神,他请我拭目以待!殊不知我是在想难道太简单了,妈的是不是钱给太多了?1000行不是几百块就好了,要我1000块!我咬牙切齿,喊他快撸,超过1000行看我不多一行扣1块,让你倒贴!</p>
<p>我把前端写好的静态页面交给了他,点此下载前端页面,叮嘱他小骡子快开始磨面吧,我要出去泡温泉去了,更多后续,请看下回!</p>
</div>
<div id="MySignature" role="contentinfo">
在时间轴上留下点什么,作为个程序员,就在cnblog上吧,我不是技术大牛,也不是IT狂热者,说不上是我选了它还是它选了我,结果是现在我是一名程序员,我对它很感兴趣,不为以后做业务大佬、行业顶尖,只想在自己能力范围内,把事情做到最好,在博客园记录下自己的历程吧,工作,学习,感情,生活。<br><br>
来源:https://www.cnblogs.com/Start201505/p/17892327.html
頁:
[1]