球场笔记小程序的由来

一 由来

    关于球场笔记这个小程序的由来,主要是出于以下两个方面的初衷         

1 作为篮球爱好者

    作为一个篮球爱好者,你是否有过每搬一次家的第一件事就是看看周围的球场在哪里?有没有距离比较近的?强度如何?是否有过每次和朋友约球都要找半天球场?是否篮球群加了一个又一个?是否觉得高德上搜出的球场都是一些培训机构,而找不到自己想要的?尤其是那种小区啊社区啊公园啊那些在地图上没有标注的室外篮球场?还有纠结哪个室内的性价比要高一点?

      以上的问题我个人也是感同身受,所以我就想着把去过的这些球场可以收集起来,慢慢的就想着可以把球友们知道的球场都收集起来,这样无论是约朋友、搬家等情况都可以快速的找到合适的球场。

2 作为前端程序员

      作为一个前端程序员,也是很想拥有属于自己的小程序,服务器,域名的,于是想了很久之后终于决定整一个,服务器是买的阿里的云服务器,系统是linux,域名是新人一块钱买的,小程序是个人小程序,微信对个人小程序也是限制的很,第一次审核通过了,第二次审核不过,说类目不符合你说搞不搞笑。

       那么,接口是怎么来的呢?自己写,我是直接用的若依框架,因为平时公司的项目有好几个也是若依框架居多,而且有些java代码也能看懂,于是就尝试自己写后端,起初的时候不会我也是问的同事,后面慢慢的,知道了大致流程,也就慢慢的熟练起来了。项目部署这一块儿,在linux上我感觉下载那些杂七杂八的软件不如windows熟,所以我选择了宝塔面板,当然在这里面也是遇到了一大堆的坑,不提也罢,所幸的是,目前后端项目部署起来了,另一方面,球场笔记小程序的后台是部署起来的,主要是nginx那一块得搞通才行,反正说多了都是泪,就不多说了,如果你也是程序员,遇到类似方面的问题,可以留言,会的不会的都会解答的哈哈。

二 介绍

    接下来,我将从4个方面(就是小程序下面的四个可以点的,首页,地图,上传,我的)介绍一下小程序的使用

1 我的

      第一个版本功能没有很多

请添加图片描述

   上传历史,喜欢,收藏这三个大家顾名思义,就不介绍了哈;头像刚登录可能没有,昵称会有一个默认的昵称,诸如帅气的欧文之类的,然后点击昵称或者是头像的位置可以跳转到账号设置页面,如下

请添加图片描述

点击头像就可以换头像了 也可以选择用微信头像 点击昵称也是可以修改昵称的哈

请添加图片描述

2 上传

请添加图片描述

填上球场的名称,类型(室内,室外),价格,上传好图片,选好位置就可以点击下面的提交,需要注意的是选择位置那个地方一定要点击最右侧那个圆圆的地图图标哈,然后你就会看到如下的界面,选择完位置后选择完成就可以了,当然,如果有些需要写详细地址的可以写一下的 方便寻找

请添加图片描述

点击上传,上传完成后,大家可以根据自己的情况自行选择

请添加图片描述

上传成功的球场,大家可以在我的-上传历史 看到

请添加图片描述

只有管理员也就是我通过审核了之后 大家上传的球场才可以被其他人看到 希望大家能够理解 万一有居心不良的人传一些影响不好的图片被大家看到了不好 也可能导致我被举报 躺着中枪

3 地图

    地图页面已进入会进行一个地理位置的授权

请添加图片描述

确定之后会进入一个有地图的页面,目前的定位不是很精准,只能定位一个大概

请添加图片描述

大家可以通过手指缩放地图,就能看到一些球场了

最上面左边是可以点击的 但是目前这个功能还没有完善 后续会完善 目前的默认是成都市

最上面有个搜索框,可以搜索并选择地点

请添加图片描述

选择后就可以在搜索的地点附近查看球场了,可以搜索自己家附近

点击球场旁边黄色的图标,会出现点击查看详情的文字

请添加图片描述

点击一下 就会跳转到球场详情的页面 比较简单 大家有想法的可以公众号留言

请添加图片描述

在这个页面 大家可以进行点赞和收藏,然后大家可以在我的页面对应的版块里看到自己点赞和收藏的球场
地址的右边有一个导航按钮 可以直接进行一个球场导航

请添加图片描述

请添加图片描述

四 首页

    首页的话就是可以查看一些球场 我这里做了几个分类 最新 最热 免费室外以及性价比室内 

请添加图片描述

这里布局呢是和小红书啊抖音啊类似的一个瀑布流的布局 因为图片的话有横屏的也有竖屏的 看着比较协调 点击每一个方块 会跳转到详情页面 可以很清晰的看到球场的图片

三 说在最后

小程序目前只是第一个版本,多多少少会有很多问题,有很多不够完善的地方,大家发现问题可以在公众号留言,畅所欲言,我希望这个公众号和小程序可以帮助到大家,不足之处,还请见谅哈

四 小程序入口
微信关注公众号:酷爱篮球的前端小李
回复:球场笔记

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值