记一次为学校流浪猫开发的小程序——航海之猫

news2024/11/24 3:21:08

某次刷朋友圈时,看到校园墙上有一个校园流浪猫救助组织在召集爱心人士加入工作小组。其中需要会做微信小程序的给学校里的猫猫做一个猫猫图鉴,于是就有了本次项目经历。

相关技术及工具

  • 工具:Uniapp、XBuilder、微信官方开发者工具
  • 技术:Vue+云开发,其实技术并不难,但是我之前没接触过Vue和云开发(因为没接触过,所以很新奇,嘎嘎学😂),所以开发初期我是边查文档边写的,大概写了一天就掌握了基本写法,后续就快了很多。

初期

加了负责人微信发现这个项目现在只有一个师兄在负责,搭好了大体的框架,已经上线了一个基础的版本。
但我进入小程序,感觉还是比较简陋,反观其他高校的小程序,差距还是挺大的。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aGhQi6ru-1685984244013)(null)]

但是重点在于!
框架已经搭建好了,后面其实开发起来就方便很多了!

第一个难题


其实第一个问题显而易见,就是UI设计(可以说是没有设计)过于简陋。毕竟咱理科男生的美术设计能力…dddd。

然后我第一想法就是和师兄统一设计思路:像素风😀,然后就想找一个会设计的同学做个设计稿。
奈何没找到这种人才,或者说是没有愿意用爱发电的人才/(ㄒoㄒ)/~~。
最后我还是决定我自己一个人揽下来设计界面的任务(因为要是我和师兄一起弄,两个人思路但凡有一点不一样都会导致界面不够统一,进度也会很慢),模仿中大的设计,然后在细节处做出修改。
于是在一次次纠结改版之后,现在的小程序长这样:
在这里插入图片描述

也十分感谢设计图标和logo的美术同学

第二个难题


云开发确实很方便,但是他也带来了很多问题——云数据库要钱、云空间要钱、流量要钱
这些问题很好解决,只需要钱💴。但恰好,咱没钱🤣,咱开发都是用爱发电
云数据库五块一个月倒还好,但那个云存储服务。。。相信接触过的都知道,云存储空间不贵,贵的是他的流量
一张高清图就几M几M的,这谁顶得住?
于是我思来想去,想到了一个服务——MINIO原生对象存储系统

MINIO

选用理由

  1. 虽然MINIO占用的空间还是服务器的内存,但是考虑到小程序目前的体量,我服务器20G的存储空间应该是够的,等到不够的时候,应该就是我们有钱将图片迁出去的时候。
  2. 小程序每次从minio获取图片,其流量是使用的服务器的流量(不值钱),也就省去了OSS云存储服务的流量费

一系列操作后,小程序集成了Minio。
在这里插入图片描述

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jX5pIrlZ-1685984243956)(null)]

这样图片管理起来就十分方便了

唠唠叨

开发来来回回用了大概半个月,包括UI设计、前端代码实现和数据交互。这也是第一次和别人分工做一个项目,也是第一次知道了github在多人开发下同步代码的方便🤣,且属实是学到了很多东西。
也想提一句,因为这次项目,我发现了很多在为校园里流浪猫猫努力的同学,他们是真的幸苦,想尽办法筹钱给猫猫做绝育、买猫粮、治病(我们学校生病的猫猫特别多😭)。
特别是现在广州39°C的天气,我是一步宿舍门都不想出,但还是经常看到他们用课余时间带着小猫去外面绝育治病,真的是十分Respect!

欢迎大家去我们的小程序看我们的猫猫,它们真的很可爱

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/614032.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

chatgpt赋能python:Python如何把文件复制到另一个目录下

Python如何把文件复制到另一个目录下 作为一个有着10年Python编程经验的工程师,我可以告诉你,在Python编程中,复制文件是非常常见的任务之一。无论您是为了备份数据或将文件从一个地方传输到另一个地方,都需要使用文件复制操作。…

Linux中/dev/null和/dev/zero的作用

1./dev/null和/dev/zero介绍 在Linux环境中,我们会经常用到/dev/null和/dev/zero,今天为大家讲讲/dev/null和/dev/zero的作用以及使用场景。 1.1./dev/null介绍 linux中/dev/null,它是一种特殊的虚拟设备,用于写入而不是读取&a…

前端050_单点登录SSO_登录功能实现

登录功能实现 1、登录认证流程2、定义 Api 调用登录接口3、Vuex 登录信息状态管理4、提交登录触发 action5、测试1、登录认证流程 单点登录认证流程图 门户客户端要求登录时,输入用户名密码,认证客户端提交数据给认证服务器认证服务器校验用户名密码是否合法,合法响应用户…

RISC-V学习基础(六)

原子指令 RV32A有两种类型的原子操作: 内存原子操作(AMO)加载保留/条件存储(load reserved/store conditional) 图6.1是RV32A扩展指令集的示意图: 图6.2列出了它们的操作码和指令格式 AMO(at…

chatgpt赋能python:Python如何更新包

Python如何更新包 Python是当今最流行的编程语言之一,它通过其丰富的生态系统和充足的工具库为许多开发者提供了便捷、快速、高效的开发体验。在Python的世界里,包是一种最重要的组件之一,因为它们可以让你轻松地扩展Python的功能&#xff0…

【跨域】如何解决跨域问题

同源策略 同源 相同协议相同域名相同端口 内容 浏览器的同源策略 - Web 安全 | MDN (mozilla.org) 浏览器页面向不同源的服务器发送ajax请求资源时,响应的数据会被浏览器拦截 意义 出于安全性的考虑,防止恶意获取数据 解决方案 JSONP 不使用aj…

Rust每日一练(Leetday0022) 最小路径和、有效数字、加一

目录 64. 最小路径和 Minimum Path Sum 🌟🌟 65. 有效数字 Valid Number 🌟🌟🌟 66. 加一 Plus One 🌟 🌟 每日一练刷题专栏 🌟 Rust每日一练 专栏 Golang每日一练 专栏 P…

docker水位如何清理(容器水位清理详细分析)

docker水位过高,清理怕出问题?,不知道清理什么?怕删错了?进入实践 第一步准备测试数据 创建 悬空的镜像(即REPOSITORY和TAG均为的镜像) docker pull busybox:musl docker tag busybox:musl b…

chatgpt赋能python:Python的更新:为什么你需要及时更新并如何更新

Python的更新:为什么你需要及时更新并如何更新 Python是一种强大的程序设计语言,它具有广泛的应用,从数据科学,机器学习到Web开发,都有着广泛的应用。不断更新的Python版本为开发者和用户提供了最新的功能和最佳实践。…

chatgpt赋能python:Python如何在同一行输出

Python如何在同一行输出 Python是一种高级编程语言,广泛应用于数据科学、Web开发、人工智能等领域。其中,输出内容是程序必不可少的一部分。本文将介绍在Python中如何在同一行输出多个内容。 一般输出 在Python中,使用print函数可以将内容…

Lecture 9 Lexical Semantics

目录 Introduction: sentiment analysis 引言:情感分析Word Semantics 单词语义Word meanings 单词含义WordNetSynsets 同义词集Noun Relations in WordNetHypernymy Chain 上位链Word SimilarityWord Similarity with PathsBeyond Path LengthAbstract NodesConcep…

GO 性能分析

GO 性能分析 简介 ​ go提供了内存分析工具,pprof利用它可以看cpu和内存的情况。 包含下面的几种类型: cpu内存阻塞锁 pprof分为大体分为两个部分 数据采集数据分析 数据采集有两种方式: 官方 官方提供了两种方式 runtime/pprof 这是用…

【AI】惠普暗夜精灵9安装Ubuntu20.04+nvidia驱动

1、关闭快速启动 NVIDIA驱动安装很是矫情,为了谨慎起见,还是禁用快速启动吧 在Win11下,进入控制面板–》硬件和声音–》电源选项–》更改电源按钮的功能 禁止“启用快速启动” 2、关闭设备加密 关闭设备加密,否则安装过程中会报:bitlocker加密需要解除 3、设置bios…

SpringMVC《学习笔记(21版尚硅谷)》

一、SpringMVC简介 1、什么是MVC MVC是一种软件架构的思想,将软件按照模型、视图、控制器来划分 M:Model,模型层,指工程中的JavaBean,作用是处理数据 JavaBean分为两类: 一类称为实体类Bean&#xff1…

Form表单(antd-design组件库)简单使用以及单一检查规则

1.Form表单 高性能表单控件,自带数据域管理。包含数据录入、校验以及对应样式。 2.何时使用 用于创建一个实体或收集信息。 需要对输入的数据类型进行校验时。 组件代码来自: 表单 Form - Ant Design 3.本地验证前的准备 参考文章【react项目antd组件-de…

chatgpt赋能python:Python如何变大字体的SEO技巧

Python如何变大字体的SEO技巧 在网页设计和优化中,使用合适的字体和字体大小是至关重要的。对于使用Python编程的开发人员和网站管理员来说,如何使Pyhton代码中的字体变大是一个非常有用的技巧。在本文中,我们将介绍几种方法来增大Python代码…

C语言7:输入若干个学生的成绩,统计出平均成绩

在程序编辑区编写程序,给定程序功能是: 从键盘上输入若干个学生的成绩,统计出平均成绩,并输出低于平均分的学生成绩,用输入负数结束输入。 例如输入: 70 80 90 -1 输出: ave 80.00 --------OUTPUT----------- 70.0 程序有…

【茶话数据结构】查找最短路径——Dijkstra算法详解(保姆式详细图解,步步紧逼,保你学会)

💯 博客内容:【茶话数据结构】查找最短路径——Dijkstra算法详解 😀 作  者:陈大大陈 🦉所属专栏:数据结构笔记 🚀 个人简介:一个正在努力学技术的准前端,专注基础和实…

软考A计划-电子商务设计师-模拟试题卷一

点击跳转专栏>Unity3D特效百例点击跳转专栏>案例项目实战源码点击跳转专栏>游戏脚本-辅助自动化点击跳转专栏>Android控件全解手册点击跳转专栏>Scratch编程案例 👉关于作者 专注于Android/Unity和各种游戏开发技巧,以及各种资源分享&am…

chatgpt赋能python:Python抢票的绝招

Python 抢票的绝招 随着互联网技术的不断发展,越来越多的人开始享受网购的便利。但是,随着一些热门事件的到来,如演唱会、体育比赛等,大家面临同一个问题:如何抢到热门事件的门票?这时,Python …