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

最近因为后端老说接口这也不能改，那也不能改，导致项目推进不下去也，自己和老板商量，由我换个技术做前后端功能。最后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 是数据库的索引，但一个表其实有多个索引，比如下图

这个问题我百度了很久，解决起来却很简单。 3. 是 我想找一些对这个技术感兴趣的朋友，建个交流群。这样以后遇到这种问题，大家可以相互提个醒。可以私信我拉你进群。

最后就是这个3天做出来的小程序，【邻里有信】。可以扫码看一下，我完成的怎么样，最后打脸没？

下一篇聊部署（小程序审核）的坑

这篇好文章是转载于：学新通技术网