爱猫程序员给自家小猪咪做了一个上门喂养小程序前言每次一到节假日,都好想和好朋友们一起出去玩,但是心里总放不下家里的

真的不得不说,上门喂养的小姐姐真的非常用心和专业。她们来到我家期间,全情投入地照顾着我的毛孩子,让它吃得饱饱的,看起来胖乎乎的。更令我感动的是,她们还全程录像了照料过程,并将视频发送给我,让我能够时刻了解小猪咪的情况。

我也是程序员,为什么我不能自己也做一个上门喂养的小程序呢,于是经过调研,发现了其他的几个平台各有各的弊端和优点,然后诞生出了最初的想法如何做一个把其他平台的弊端去除掉,做一个最好的上门喂养平台。

由于刚入门设计一开始丑丑的,不忍直视~~~

由于页面太多了就不一一展示啦~~~

结合了猫咪的元素统一使用了同一只猫咪素材~整体效果偏向手绘风格。

这个扭蛋机真是一笔一画画了一天才出来的,真的哭啦~,由于AE动画太过麻烦所以每一个扭蛋球球的滚动都用代码去实现~~

uniapp+nestjs+mysql

NestJS是一个基于Node.js的开发框架,它提供了一种构建可扩展且模块化的服务端应用程序的方式,所以对于前端而言是最好上手的一门语法。

给各大掘友推荐一下本人从0到1上手nestjs的教程,就是一下小册就是以下这本,初级直接上手跟着写一遍基本就会啦

建议学习到61章左右就可以开始写后端项目啦

选择服务地点-选择服务人员-点击预约-添加服务宠物-付款

根据申请流程逐步填写,由于服务人员是平台与用户产生信任的标准,所以我们加大了通过审核的门槛,把一些只追求利益,而不是真正热爱宠物的人员拒之门外,保护双方利益。

后端代码写完之后我们需要把服务部署到腾讯云,以下是具体步骤

前往腾讯云创建容器镜像服务,这样我们就可以把本地docker镜像推送到腾讯云中了,这个容器镜像服务个人版是免费的

通过执行docker命令部署到本地的docker

以下是具体docker代码

然后我们去创建一个自动化执行命令,去执行服务器的docker部署

创建命令

执行命令

以下是命令代码

#停止服务dockerstophello#删除容器dockerrmhello#拉取镜像dockerpull你的腾讯云镜像地:{{key}}#读取image名称image_id=$(dockerimages-q你的腾讯云镜像地:{{key}})#运行容器dockerrun-d-p443:443-eTZ=Asia/Shanghai--namehello$image_id5.部署完成命令返回执行结果显示执行完成,说明已经部署成功了

由于node是一个单线程,所以我们使用的是pm2去进行管理node,它可以把node变成一个多线程并进行管理

由于nestjs中使用到了定时任务,而定时任务只需要开一条线程去做就好了,所以我增加了一个环境变量NODE_ENV来对定时任务进行管理

module.exports={apps:[{name:'wx-applets',//指定要运行的应用程序的入口文件路径script:'/app/src/main.js',exec_mode:'cluster',//集群模式下的实例数-启动了2个服务进程instances:4,//如果设置为true,则避免使用进程ID为日志文件添加后缀combine_logs:true,//如果服务占用的内存超过300M,会自动进行重启。//max_memory_restart:'1000M',env:{NODE_ENV:'production',},},{name:'wx-applets-scheduled-tasks',script:'/app/src/main.js',instances:1,//采用分叉模式,创建一个单独的进程exec_mode:'fork',env:{NODE_ENV:'tasks',},},],};后端总结到目前为止前台的业务接口都写完了做了个统计一共有179个接口

后期展望,帮助更多的流浪动物有一个温暖的家

目前小程序已经上线啦~,友友们可以前往小程序搜索喵汪舰前往体验,或者扫描一下二维码前往

因为我是一个前端开发,所以对于设计感觉还是挺好的,所以上手比较快。一条学习建议路线:前端-后端-设计-产品,最终形成了一个完整的产品产出。

以下的链接是这个项目中我经常用到的素材网站:

一个产品的产出不仅仅依靠代码,还要好的用户体验,还需要不断的优化迭代,

最后给一起并肩前行的创业者们的一段话:

在创业的道路上,我们正在追逐梦想,挑战极限,为自己和世界创造新的可能性。这个旅程充满了风险和不确定性,但也蕴藏着无限的机遇和成就,不要害怕失败,勇于面对失败,将其视为成功的必经之路。

THE END
1.基于springboot+vue.js+uniapp小程序的宠物领养系统附带文章源码...简介: 基于springboot+vue.js+uniapp小程序的宠物领养系统附带文章源码部署视频讲解等 前言 博主介绍:?CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战,以及程序...https://developer.aliyun.com/article/1534395
2.爱无价商城app素材网站图片免费下载荷叶健康商城app 2 五月yy 宠物商城app 4 明悦及时回 商城app小程序奢侈品商城网站 105 尖尖上创意设计 创富商城app|购物商城类app|ui设计 2 热風 花信商城 app 2 瑰璃 万全商城app |购物商城类app |界面设计ui设计 22 任毛毛ing 理想汽车app-商城思路(2020) 6 李斌bnlee dylive-uniapp基于vue3+uni-app...https://www.zcool.com.cn/tag/ZMjc0MjQ1Ng==.html
3.惠商保个体工商户app惠商保个体工商户app,一般又称惠商保app。 “惠商保”APP是为山西省个体工商户保险保障内容宣传、保险理赔、政策法规支持、宣传教育培训、数据归集与信息公开等功能于一体的系统平台。 个体工商户可线上查看保障方案、在线完善信息、发起理赔申请并跟进理赔流程,同时可接收相关政策宣传和风险提醒,提高风险防范意识。 开...https://m.iuuu9.com/app/uni.UNI0559D87
1.热门!狗狗同城社交圈子,便捷的同城遛狗圈子小程序app,一键解锁轻松代遛...在现代都市,养宠物的人越来越多,遛狗服务成了热门同城服务。那么,如何搭建一款同城遛狗小程序APP。下面从基础概念、理论背景和使用流程三方面,简单说说。同城圈子 同城生活圈子 同城社交圈子 同城信息圈子 同城搭子圈子 同城交流圈子 同城论坛圈子 同城资讯圈子 同城爱好圈子 ...https://blog.csdn.net/2403_89072056/article/details/143845571
2.宠物用品购买新渠道:宠物店小程序助力商家引流与用户便捷购物...宠物小程序定制开发宠物护理预约小程序模板,显示门店地址信息、电话号码、宠物预约时间。通过展示附近的小程序,推送给宠物主人,让宠物店小程序能够更好的推送出去,从而获得更多的线上资源。 4. 宠物领养 宠物领养功能专为宠物爱好者开发,展示宠物的出生日期、血型、宠物特征等,转化线下交易,让潜在用户安心购买宠物。 https://m.bjhwtx.com/h-nd-347785.html
3.UNIAPP·HashMart盲盒商城源码及教程UNIAPP·HashMart盲盒商城源码及教程 1、环境准备 推荐您使用宝塔搭建本系统,本系统也以宝塔为例演示如何搭建,其他环境,请根据您的实际情况自行安装。 码云仓库地址:HashMart开源盲盒: 基于ThinkPHP6 + VUE + UNIAPP 的高性能面向生产的公平盲盒系统,可多端运行 APP、小程序、H5。代码简洁、美观,文档完善,便于二...https://www.arlulu.com/1582.html
4.niushopV4多商户多城市版开源,在线更新后端开源,前端uniapp 全插件,IP+域名授权 修复 1、商品已发货状态下的订单项中,有一个商品退款后,订单页面出现评价按钮问题 2、前台验证码不受后端设置控制的问题 3、一个待收货订单中确认收货后,其中一个商品维权结束后,订单状态会变为待收货问题 4、发票开关已关闭,PC下单时还能选择发票问题 ...https://www.embd.cn/18774.html
5.fuint会员营销系统uniapp小程序端源码:本项目是fuint会员营销...uni_modules fixed 制表符 2年前 utils fixed https问题 3个月前 uview-ui fixe UI优化 1年前 .gitignore code init 3年前 App.vue fixed 分销提成功能完善 5个月前 LICENSE code init 3年前 README.md fixed README.md 1年前 app.scss fixed 会员h5端登录优化 ...https://toscode.mulanos.cn/fuint/fuint-uniapp
6.宠物市场·一站式宠物交易平台?AppStore宠物市场成立于2015年,八年深耕宠物活体行业,以宠物担保交易为核心,延伸宠物用品、宠物保险、宠物洗澡、宠物美容、宠物寄养、宠物医疗、宠物酒店、宠物托运、宠物训练、宠物出行、宠物摄影、宠物殡葬等服务,为您提供安全省心的一站式养宠服务。汇集全国各地犬舍、猫舍、宠物店、宠物医院,涵盖狗狗、猫咪、仓鼠、鹦鹉、兔子...https://apps.apple.com/bh/app/%E5%AE%A0%E7%89%A9%E5%B8%82%E5%9C%BA-%E4%B8%80%E7%AB%99%E5%BC%8F%E5%AE%A0%E7%89%A9%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0/id977050477?l=ar
7.推荐几个uniapp写的商城源码4、开源中国: 中文开源技术交流社区,提供最新的开源软件资讯。 5、宠友帮:您身边的宠物服务综合平台。 <来客推(www.laiketui.com)是国内知名商城系统及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购商城系统、微信分销系统、小程序商城、uniapp商城源码等多端商城网站建设解决方案>...https://www.laiketui.com/11040.html
8.精品源码,网站源码,小程序源码,公众号模块,APP源码,商城软件源码...168源码网收揽全网精品源码、网站源码、小程序源码、PHP网站、微擎小程序、公众号模块、软件源码、APP源码、H5、商城、商业、支付、游戏、区块链、直播、影音、小说等源码教程,注册会员可免费下载。http://www.ahf168.com/
9.GitHublianyim/petpet-life是一个宠物社区小程序 主要功能有: 宠物领养、寻宠、宠物社区、签到答题、对话咨询等。 gitee地址:https://gitee.com/lianyiming/pet-life.git 核心技术 依赖 mysql5.7 jdk1.8 前端 uniapp npm vue element-ui 后端 springboot spring security redis mybatis mybatis-plus fastjson jwt 小程序截图 联...https://github.com/lianyim/pet-circle
10.**安卓app开发商城软件开发小程序开发公众号办公软件APP原生开发...经过多年的发展积累沉淀,湾流科技已成为行业内最知名的互联网开发公司; 【纵深精耕 覆盖30+场景解决方案】 教育培训,电商行业,餐饮外卖,**行业,医疗行业,旅**业,运动APP,地产行业,社交APP,物流行业,物业O2O, 微信小程序,语音约单直播,相亲交友平台,娱乐直播系统,直播带货系统,短视频系统,花火系统,直销系统,分销...https://xuqiu.zbj.com/Yqc3QDT0Alxwjtw1.html
11....海外仓系统,网站建设,会员管理系统等软件制作,APP开发,小程序...网域信息制作软件,APP开发,小程序开发多年,特别是开发国际快递转运系统,海外仓系统,网站建设,商城系统,分类信息APP/小程序及各种会员管理系统等系统的小程序/APP开发https://www.wangyusoft.com/
12.PHP网站源码下载APP小程序源码之家论坛正版源码坑位教程APP源码 精品APP源码在线下载 最新坑位 【坑位】牧纸人回收系统全开源+前端uniapp源码2024-11-03 【坑位】萝卜抽奖2024-11-03 新版pbootcms网站模板宠物店宠物培训机构网站源码 宠物饲养育种机构类2024-11-03 【坑位】随心项目管理系统2024-11-03 【坑位】精美企业公司官网小程序+插件2024-11-03 ...https://www.esmo.cn/page/12