开发一款属于自己的校园跑腿小程序 手把手带你写同城跑腿 代取快递 代买东西 代寄快递 含骑手端 管理员端 用户端 校园圈子论坛

news2024/11/17 0:28:58

今天开始带大家开发一款属于自己的校园跑腿同城跑腿小程序。

  • 第一章讲技术点和效果图，如果你看完效果图觉得不错，可以认真跟着石头哥学习。

  • 第二章教大家如何快速部署项目，如果你只是为了部署源码只需要学习第二章即可。

  • 第三章开始就是带着大家从零开始一行行的敲代码，相信你跟着石头哥也可以开发一款属于自己的校园跑腿同城跑腿小程序。

  • 如果你是只想获取源码并快速部署使用，看第二章就行了。如果是想自己跟着石头哥一行行的敲代码，可以跳过第二章，直接从第三章开始学习即可。我后面也会录制相关的讲解和敲代码视频出来，带着大家一行行的把代码敲出来。

一，技术点和效果图

1，技术点

小程序前端

  • wxml
  • css
  • JavaScript
  • MINA原生小程序框架

数据库

  • 云开发
  • 云数据库
  • 云存储

云数据库是云开发自带的数据库(json类型的弱关系型的基于MongoDB的数据库)

后台（云开发）

  • 基于小程序官方自研的云开发和云函数实现后台数据的管理

2，效果图

小程序首页

2-1，用户端

用户注册

用户登录

修改资料，修改姓名和头像上传


代取快递下单

代寄快递下单

代买下单

下单成功提示

个人中心未登录

个人中心已登录

帮助中心

联系客服
这里要注意的是，联系客服功能模拟器里没法查看，必须在手机上才可以查看

反馈与建议，这里要注意的是，反馈与建议功能模拟器里没法查看，必须在手机上才可以查看

我的订单，新下单还未有骑手抢单

确认收货，也可以投诉骑手

我的收藏

校园圈子发布帖子

小程序首页

查看公告

校园圈子列表页，帖子列表

帖子详情

收藏帖子，发表评论

失物招领与学习交流

发布公告

如果被管理员禁言就无法发布帖子了

2-2，管理员端

管理员登录

管理员页

管理员发布公告

管理公告

审核新注册的骑手

对违规的用户进行禁言和解除禁言


可以模糊搜索用户

2-3，骑手端

注册骑手

骑手注册以后待管理员审核

骑手被禁止抢单

骑手审核通过可以抢单

骑手去抢单大厅抢单，代取快递，代寄快递，代买东西的订单都可以抢

骑手抢到的订单

2-4，数据库数据表和后台


我们这里用的是小程序官方自研的json数据库。

后台用的是官方自研的云开发和云函数

二，源码与数据的导入

如果你是只想获取源码并快速部署使用，看第二章就行了。如果是想自己跟着石头哥一行行的敲代码，可以跳过第二章，直接从第三章开始学习即可。

2-1，去网盘下载源码并解压


2-2，导入源码到小程序开发者工具

注意：导入的时候appid一定要换成你自己的。这一点很重要，所以自己要先注册一个正式的小程序。

2-3，初始化云开发环境

导入小程序源码以后，记得开通下云开发

开通完云开发以后，就可以进行初始化配置了。

  • 1，在app.js里把env换成你自己的云开发环境id

    在app.js里把env替换为你自己的云开发环境id就可以了

  • 2，选择和云开发环境id对应的云函数环境

2-4，添加数据表

这里需要自己在云开发控制台的数据库里添加以下几个数据表
admin 管理员表
answer 论坛帖子回答
collect 收藏表
forum 论坛帖子
news 校园新闻公告表
order 代取订单表，骑手接单表
runner 骑手表
user 用户表

2-5，别忘记改表权限

其中有以下几个表，需要把表权限改为：
所有用户可读，仅创建者可读写

admin
forum
news
user

2-6，添加管理员

改完权限，记得添加一个默认的管理员到admin表

2-7，别忘记部署云函数

三，项目创建与首页的开发

如果你只是想获取源码并快速部署，只需要看第二章即可。如果想跟着石头哥写代码，从这一章开始就要认真的一点点的学习了。

3-1，项目的创建

今天我们就来正式的开始手把手的开发了。后面的每一节都很重要，希望大家好好听。

首先是创建新项目，这里一定要记得用自己的appid,所以你要提前去注册一个属于自己的小程序，小程序的注册我小程序基础课里有讲过。
《10小时零基础入门小程序开发》

3-1-1，获取appid

  • appid获取的位置如下图

3-1-2，创建项目

注意事项：
一定要用自己的appid
后端服务选择不使用云服务
模板选择 全部来源，然后点击全部分类，选择里面的不使用模板。

3-1-3，删除无用文件

我们创建好以后的项目目录如下，有些我们用不到，可以直接删除了。

箭头所指的两个删除了

删除后如下

3-1-4，创建home页面

我们在app.json里添加home页面如下

添加以后点击编译，就可以自动生成home页面了

有的同学编译后会报如下错误

我会在讲解视频里教大家如何修复这个错误。

3-2 ，首页轮播图的开发

要实现的效果图

本节知识点

  1. swiper组件
  2. swiper-item组件
  3. image组件
  4. wx:for列表循环
  5. 云数据库请求数据
  6. 轮播图的增删改查

这些知识点在我会在视频里带着大家一行行的敲出来。

对应文档

  • swiper组件文档
    https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
  • swiper-item组件
    https://developers.weixin.qq.com/miniprogram/dev/component/swiper-item.html
  • image组件
    https://developers.weixin.qq.com/miniprogram/dev/component/image.html

代码缩影

样式代码

持续更新中。。。。。

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

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

相关文章

【Java 基础】25 比较器

【Java 基础】25 比较器

文章目录 1.什么是比较器2.比较器的种类1）Comparable2）Comparator4）组合比较器 总结 1.什么是比较器 比较器是用于对对象进行比较的工具 比较器允许开发者定义对象之间的顺序，使得排序和比较操作更加灵活。 还记得我们之前学的数…
阅读更多...
SpringAOP专栏二《原理篇》

SpringAOP专栏二《原理篇》

上一篇SpringAOP专栏一《使用教程篇》-CSDN博客介绍了SpringAop如何使用，这一篇文章就会介绍Spring AOP 的底层实现原理，并通过源代码解析来详细阐述其实现过程。 前言 Spring AOP 的实现原理是基于动态代理和字节码操作的。不了解动态代理和字节码操作…
阅读更多...
Sql Server Management Studio连接Mysql

Sql Server Management Studio连接Mysql

目标 已知mysql连接参数（地址和用户），期望通过Microsoft Sql Server Management Studio （以下简称MSSSMS）连接Mysql，在MSSSMS中直接查询或修改Mysql中的数据。 下载MySql Connector/ODBC并安装&#xff0c…
阅读更多...
Python configparser 模块：优雅处理配置文件的得力工具

Python configparser 模块：优雅处理配置文件的得力工具

更多资料获取 📚 个人网站：ipengtao.com 配置文件在软件开发中扮演着重要的角色，而Python中的 configparser 模块提供了一种优雅而灵活的方式来处理各种配置需求。本文将深入介绍 configparser 模块的各个方面，通过丰富的示例代码…
阅读更多...
力扣（LeetCode）-1. 两数之和

力扣（LeetCode）-1. 两数之和

给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回…
阅读更多...
一个简单的 postman设置接口关联让我措施了大厂的机会

一个简单的 postman设置接口关联让我措施了大厂的机会

postman设置接口关联 在实际的接口测试中，后一个接口经常需要用到前一个接口返回的结果， 从而让后一个接口能正常执行，这个过程的实现称为关联。 在postman中实现关联操作的步骤如下： 1、利用postman获取上一个接口指定的返回值…
阅读更多...
好莱坞明星识别

好莱坞明星识别

一、前期工作 1. 设置GPU from tensorflow import keras from tensorflow.keras import layers,models import os, PIL, pathlib import matplotlib.pyplot as plt import tensorflow as tfgpus tf.config.list_physical_devices("GPU")if gpus:gpu0 …
阅读更多...
mybatis数据输出-使用resultMap标签定义实体类属性和数据库字段对应关系，再在SQL语句中引用这个对应关系

mybatis数据输出-使用resultMap标签定义实体类属性和数据库字段对应关系，再在SQL语句中引用这个对应关系

有三种方式实现实体类属性和数据库字段对应关系 起别名对应&#xff0c;将字段的别名设置成和实体类属性一致全局配置自动识别驼峰式命名规则&#xff0c;在Mybatis全局配置文件加入配置 <setting name"mapUnderscoreToCamelCase" value"true"/>使用…
阅读更多...
Pipenv环境配置+Pytest运行

Pipenv环境配置+Pytest运行

环境配置 使用Pipenv进行虚拟环境管理&#xff0c;Pipfile为依赖模块管理文件。 安装pipenv&#xff1a;brew install pipenv根项目根目录下执行命令创建虚拟环境&#xff1a; pipenv install在Pycharm中指定项目运行的虚拟环境 &#xff1a;File->Settings->Project:-…
阅读更多...
16mic圆形麦克风阵列电路与声源定位算法设计

16mic圆形麦克风阵列电路与声源定位算法设计

16mic圆形麦克风阵列电路与声源定位算法设计 是否需要申请加入数字音频系统研究开发交流答疑群(课题组)&#xff1f;可加我微信hezkz17, 本群提供音频技术答疑服务&#xff0c;群赠送语音信号处理降噪算法&#xff0c;蓝牙耳机音频&#xff0c;DSP音频项目核心开发资料, 1 实…
阅读更多...
消息队列kafka详解：Kafka重要知识点+面试题大全

消息队列kafka详解：Kafka重要知识点+面试题大全

重要面试知识点 Kafka 消费端确保一个 Partition 在一个消费者组内只能被一个消费者消费。这句话改怎么理解呢&#xff1f; 在同一个消费者组内&#xff0c;一个 Partition 只能被一个消费者消费。 在同一个消费者组内&#xff0c;所有消费者组合起来必定可以消费一个 Topic 下…
阅读更多...
信号量的使用和注意事项

信号量的使用和注意事项

大家好&#xff0c;今天给大家介绍信号量的使用和注意事项&#xff0c;文章末尾附有分享大家一个资料包&#xff0c;差不多150多G。里面学习内容、面经、项目都比较新也比较全&#xff01;可进群免费领取。 信号灯(信号量)集 POSIX 线程中的同步用的是无名信号量 进程间的同步使…
阅读更多...
【C语言】函数递归详解（一）

【C语言】函数递归详解（一）

目录 1.什么是递归&#xff1a; 1.1递归的思想&#xff1a; 1.2递归的限制条件&#xff1a; 2.递归举例&#xff1a; 2.1举例1&#xff1a;求n的阶乘&#xff1a; 2.1.1 分析和代码实现&#xff1a; 2.1.2图示递归过程&#xff1a; 2.2举例2&#xff1a;顺序打印一个整数的…
阅读更多...
JS中call()、apply()、bind()改变this指向的原理

JS中call()、apply()、bind()改变this指向的原理

大家如果想了解改变this指向的方法&#xff0c;大家可以阅读本人的这篇改变this指向的六种方法 大家有没有想过这三种方法是如何改变this指向的&#xff1f;我们可以自己写吗&#xff1f; 答案是&#xff1a;可以自己写的 让我为大家介绍一下吧&#xff01; 1.call()方法的原理…
阅读更多...
zabbix（2）

zabbix（2）

zabbix的自动发现机制 zabbx客户端主动和服务端联系&#xff0c;将自己的地址和端口发送服务端&#xff0c;实现自动添加监控主机 客户端是主动的一方 缺点&#xff1a;自定义网段中主机数量太多&#xff0c;登记耗时会很久&#xff0c;而且这个自动发现机制不是很稳定 zabb…
阅读更多...
python 使用 watchdog 实现类似 Linux 中 tail -f 的功能

python 使用 watchdog 实现类似 Linux 中 tail -f 的功能

一、代码实现 import logging import os import threading import timefrom watchdog.events import FileSystemEventHandler from watchdog.observers import Observerlogger logging.getLogger(__name__)class LogWatcher(FileSystemEventHandler):def __init__(self, log_…
阅读更多...
105.长度最小的子数组（力扣）|滑动窗口

105.长度最小的子数组（力扣）|滑动窗口

代码演示 class Solution { public:int minSubArrayLen(int target, vector<int>& nums) {int result INT_MAX; // 用于存储最小子数组的长度int sum 0; // 滑动窗口的长度int i 0; // 滑动窗口的起始位置int sumlength 0; // 当前子数…
阅读更多...
Python语言基础知识（二）

Python语言基础知识（二）

文章目录 1、条件表达式2、分支结构—常见的分支结构2.1、分支结构—单分支选择结构2.2、分支结构—双分支选择结构2.3、分支结构—多分支选择结构2.4、分支结构—选择结构的嵌套 3、循环结构3.1、循环结构— for循环与while循环 1、条件表达式 在选择和循环结构中&#xff0c…
阅读更多...
git更换远程地址

git更换远程地址

1、命令修改 git remote -v git remote set-url origin http://xxx.git git remote -v 2、工具修改
阅读更多...
常见的性能测试缺陷有哪些?你都遇到过吗

常见的性能测试缺陷有哪些?你都遇到过吗

前言 性能测试&#xff0c;是结合被测系统应用架构、业务场景和实现细节、逻辑&#xff0c;对软件响应时间、处理速率、容错能力等进行分析测试&#xff0c;找到系统的性能瓶颈&#xff0c;并确认问题得到解决的过程。 由于工作需要&#xff0c;对性能测试缺陷分类进行了整理…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023