和后端赌气,自己纯前端技术开发一个功能完整小程序

728 阅读3分钟

最近因为后端老说接口这也不能改,那也不能改,导致项目推进不下去也,自己和老板商量,由我换个技术做前后端功能。最后3天时间打脸

前端 技术栈是uni-app

页面

小程序中页面和组件是有区别的。我们可能大部分都是vue 开发者,在vue 里面都是组件。也就是说我页面拥有的生命周期,在组件里面都有,但小程序不是这样的,页面有生命周期,比如onshow() 但组件就没有,所以要有这个概念的转变,不急,写多了就会了。

组件

可能我们写项目都喜欢用第三方样式库,但是小程序我不建议,

  1. 小程序大多产品都是C端,所以用第三方样式库有违我们自己产品样式设计,意义不大。
  2. 第三方库体积过大,小程序重在一个小字。
  3. 第三方的自己想改不够灵活。

那我的做法可能是自己写个人组件,累计起来也是一个属于我自己样式风格的一个组件库。因为我是个人开发者嘛,平时也会出很多产品,所以有个自己的库更灵活,更高效。

接口代码设计

我的后台是用uni-cloud 写的(纯前端技术js)。所以我有两个调用后台的方式。1是传统的接口调用 2是直接前端操作数据库.

所以我封装了两个文件

后端 技术栈uni-cloud

uni-cloud 是云开发,里面集成了云函数,数据库,云存储,然后免费,也不能完全说免费,免费的空间很小,所以我是每月5元买了个基础版的,所以我开发的产品成本是每月共5元,然后就没其他费用了。

云函数

它其实就是传统意义上的后端写接口啊,不过被封装的很简单,语法就是我们熟悉的js 比node 简单,你就像写前端一下,去数据库查东西就好。

数据库

就是一个数据库,不过是页面式的,你在页面上点点就能创建一个数据表,解决我们前端多数据库不熟的问题。真的是傻瓜式的。

云存储

就是我们要存图片的空间啊,一般我们项目都有用户上传文件需求

价格

我刚刚也说了,有免费版,但空间不多,我现在的用户量勉强够。5元每月的基础版那就更足够了。

说一个我项目里面的小坑-地图的特性

我项目刚好有一个避开常规增删改查的功能,有个附近的人功能。为什么单独把这个拿出来说呢?

  1. 是证明这种开发方式是可以覆盖说有业务的,java 能行,它也行。
  2. 是吐槽一下它的文档或者是我看文档的能力,地图查询位置要用的Geo()方法,然后文档呢没有详细举例怎么使用,但是有一定的方法描述,最关键的一点是要加一个地图索引。这个后端词汇就难倒前端了,我们可能只知道id 是数据库的索引,但一个表其实有多个索引,比如下图

这个问题我百度了很久,解决起来却很简单。

  1. 是我想找一些对这个技术感兴趣的朋友,建个交流群。这样以后遇到这种问题,大家可以相互提个醒。可以私信我拉你进群。

最后就是这个3天做出来的小程序,【邻里有信】。可以扫码看一下(或长按图片),我完成的怎么样,最后打脸没?

微信图片_20230731112520.jpg

下一篇聊部署(小程序审核)的坑