jjzjj

543. 【博客开发】开发进度:基本界面已实现

七镜 2023-10-06 原文

一、首页

首页
  • 阅读摘要:好记性不如烂笔头,在互联网时代,拥抱个人的互联网记事本。未来将支持云端速递摘要到手机的功能
  • 文章锦集:我们的创作都在这儿,精彩的创作不仅是才华的横溢,更是不朽的人生。未来将支持更多社交特性
  • 图片足迹:旅行过程中的绝美风景将永远定格在记忆深处。未来将支持更多社交特性
  • 成长规划:定下我们的目标,每天更新我们的进度,让成长有迹可循。未来将支持更多社交特性
  • 关注我:与你共同见证一个快乐的 IT 从业者在帝都的逆袭之旅。
  1. 左上角logo:在任意界面回到首页
  2. 右上角个人中心:创作入口
  3. 中间图片,博客内容的分类入口
  4. 右边:个人简介

二、登录界面

登录
  1. 点击首页的【个人中心】或者其他需要登录权限的界面,就会弹出登录界面
  2. 点击右上角关闭,可关闭登录界面
  3. 正确输入完用户名密码,点击登录,校验成功会关闭登录界面,校验失败会提示登录失败

三、阅读摘要

阅读摘要
  1. 列表展示从书籍里摘录的句子
  2. 滚动到底部,自动加载数据
  3. 支持搜索

四、文章锦集

文章锦集
  1. 展示创作的文章
  2. 滚动到底部,自动加载数据
  3. 支持搜索

五、个人中心

个人中心
  1. 整体布局参考简书,左侧是各项博客内容(后面皆称作:维度)分类入口
  2. 中间是维度列表,支持添加维度(对于【文章锦集】来说,就是写新的文章)
  3. 最右边是文章编辑器,本质上就是个 <textarea/>
  4. 【发布】功能,支持将写的文章公开给其他人阅读
  5. 【预览】功能,支持左侧编辑维度,右侧预览展示效果


    预览功能

六、代码统计

服务端代码行数统计1
服务端代码行数统计2
服务端代码行数统计3
  • 服务端代码只有 1900 行,代码重复率11.6%主要集中在 Graphql 的服务端解析函数未能抽出公用代码(是对GraphQL和go语言本身的不熟练造成),整体来说,自我感觉还是挺干练的,毕竟是需要什么才加什么,并没有使用其他人现成的代码,代码编译出可执行程序是20M 大小。
客户端代码统计1

客户端代码统计2

客户端代码统计3
  • 客户端代码 4300 行,代码重复率 6%,看起来实现的界面并不多,但代码量比起服务端可多多了,这也验证了一个事实:服务端比客户端更接近底层,越底层的代码抽象度越高,代码量越少。

七、总结

本次博客开发基本告一段落,个人博客的文章展示、编辑、发布等基础功能已经完成,以后每次简书写完文章,都可以同步到自己的个人博客。
博客开发项目启动时间从 2022 年 12 月 21 日开始算,到今天 2023 年 1 月 7 日,可以算是博客开发项目一期已完结。当然了,各项功能并不是很完善,但半个月时间勉强算是实现了个小需求,将应用开发的前前后后涉及到的各个技术点,再次巩固了一遍。

下一步

实现手机端,计划使用前端技术:Taro,实现手机浏览器访问,和小程序访问;

实现评论功能;

实现阅读量、评论数、点赞量等社交数据统计;

有关543. 【博客开发】开发进度:基本界面已实现的更多相关文章

  1. ruby - 使用 C 扩展开发 ruby​​gem 时,如何使用 Rspec 在本地进行测试? - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当

  2. ruby - 如何根据特征实现 FactoryGirl 的条件行为 - 2

    我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征,我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现,但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden

  3. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  4. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  5. ruby - 在 Windows 机器上使用 Ruby 进行开发是否会适得其反? - 2

    这似乎非常适得其反,因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby​​-mysqlgem问题(gem本身发生段错误,一个名为UnixSocket的类显然在Windows机器上不能正常工作,等等)。我只是在浪费时间吗?我应该转向不同的脚本语言吗? 最佳答案 我在Windows上使用Ruby的经验很少,但是当我开始使用Ruby时,我是在Windows上,我的总体印象是它不是Windows原生系统。因此,在主要使用Windows多年之后,开始使用Ruby促使我切换回原来的系统Unix,这次是Linux。Rub

  6. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器,但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型,并且只返回text/plain,如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  7. ruby-on-rails - 有没有办法为 CarrierWave/Fog 设置上传进度指示器? - 2

    我在Rails应用程序中使用CarrierWave/Fog将视频上传到AmazonS3。有没有办法判断上传的进度,让我可以显示上传进度如何? 最佳答案 CarrierWave和Fog本身没有这种功能;你需要一个前端uploader来显示进度。当我不得不解决这个问题时,我使用了jQueryfileupload因为我的堆栈中已经有jQuery。甚至还有apostonCarrierWaveintegration因此您只需按照那里的说明操作即可获得适用于您的应用的进度条。 关于ruby-on-r

  8. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD

  9. 华为OD机试用Python实现 -【明明的随机数】 2023Q1A - 2

    华为OD机试题本篇题目:明明的随机数题目输入描述输出描述:示例1输入输出说明代码编写思路最近更新的博客华为od2023|什么是华为od,od薪资待遇,od机试题清单华为OD机试真题大全,用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为o

  10. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

随机推荐