|一个基于微信的接龙小程序,开箱即用。

功能说明

  • 发起接龙 - 简单易用,分「活动」及「拼团」两种类型,可设置报名上限

  • 接龙报名 - 报名参加活动,拼团类活动能够自动计算金额

  • 报名确认 - 活动创建者可针对报名的用户标记完成情况

功能体验

部署说明

在部署前,你应该先了解小程序的申请、开发、发布流程,以及小程序的云开发功能。本文不做介绍。

1.修改项目名称及 appid 配置

在下载代码后,开发者优先修改小程序的配置信息。你可以打开根目录下的 `project.config.json` 文件,修改 `appid` 和 `projectname`。

{  "miniprogramRoot": "miniprogram/",  "cloudfunctionRoot": "cloudfunctions/",  "setting": {    "urlCheck": true,    "es6": true,    "postcss": true,    "minified": true,    "newFeature": true  },  "appid": "your appid", // 开发者需要修改成自己的appid  "projectname": "wechat-solita", // 开发者需要修改成自己的项目名称  "libVersion": "2.7.0",  "simulatorType": "wechat",  "simulatorPluginLibVersion": {},  "cloudfunctionTemplateRoot": "cloudfunctionTemplate",  "condition": {    "search": {      "current": -1,      "list": []    },    "conversation": {      "current": -1,      "list": []    },    "plugin": {      "current": -1,      "list": []    },    "game": {      "list": []    },    "miniprogram": {      "current": 0,      "list": []    }  }}

2.使用小程序开发工具创建数据库

目前小程序用到两个数据库集合,开发者需要自行创建 `post` 和 `apply` 两个数据库集合。当然,你可以通过修改代码后,自行命名数据库名称。

3.创建 release 和 test 环境

为避免开发过程中对生产环境功能及数据造成影响,我们需要创建生产环境 `release` 和测试环境 `test` 。开发者可以通过小程序开发工具云开发功能进行创建。

| release 和 test 是环境ID,不是环境名称

所有的云函数及 app.js 都有使用环境变量入口,默认是 release 环境,开发者需要根据实际情况进行修改。

| 环境变量使用示例

cloud.init({    // 1.release - 正式    // 2.test    - 测试    // env: 'test'    env: 'release'});

4.发布你的小程序

好了,现在你拥有一个自己的小程序了。

Github  地址

https://github.com/eyson/wechat-solita

微信小程序轮播中的current_开源 | 微信接龙小程序 wechatsolita 开源相关推荐

  1. 微信小程序轮播中的current_微信小程序轮播图

    微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名类型默认值说明 autoplay Boolean ...

  2. 微信小程序轮播中的current_微信小程序 swiper轮播图的按钮切换

    一.前言 swiper组件自带autoplay切换,本文将会介绍如何用到左右按钮切换轮播图,以及如何解决快速点击按钮出现的bug. 核心属性 circular: 负责切换衔接的效果(否则最后一张与第一 ...

  3. 微信小程序轮播中的current_手把手教你美化微信小程序中的轮播效果

    微信小程序现在依然很火,相信大家有目共睹:所以作为前端开发者,掌握如何开发小程序,是一项必备技能了,你觉得呢? 相对于PC和H5开发,小程序坑很多,所以需要慢慢"踩",被坑多了,路 ...

  4. 微信小程序轮播中的current_微信小程序开发之自定义轮播图实例

    轮播图是大部分应用的一个常用的功能,常用于广告投放.产品展示.活动展示等等. 漂亮的轮播图效果可以吸引用户的点击,达到推广产品的作用. 废话少说,下面开始动手. 业务需求: 5个图片轮番播放,可以左右 ...

  5. 五分钟掌握微信小程序轮播图

    微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名 类型 默认值 说明 autoplay Boole ...

  6. 微信小程序 轮播图代码

    微信小程序轮播图的代码如下: 首先,在小程序的 wxml 文件中,添加如下代码: <!-- 轮播图组件 --> <swiper class="swiper" in ...

  7. 微信小程序轮播图高度与图片高度不匹配问题

    微信小程序轮播图高度与图片高度不匹配问题 在微信小程序项目中,为了美观给page设置了padding值,然后让轮播图里面的图片宽度为100%,高度widthFix自适应,出现了如下问题:指示器位置不对 ...

  8. 微信小程序--轮播图

    微信小程序轮播图的实现是利用了swiper组件(滑块视图容器). 主要参数如下: 属性名 类型 默认值 说明 indicator-dots Boolean false 是否显示面板指示点 indica ...

  9. 微信小程序---轮播图

    0. 微信小程序轮播图的实现 a. 是利用了swiper组件滑块视图容器 b. swiper的文档 文档https://developers.weixin.qq.com/miniprogram/dev ...

最新文章

  1. 关于Hystrix超时机制和线程状态的测试观察和个人理解
  2. SAP MM 初阶循环盘点的ABCD 标识符
  3. k8s get命令:以yaml格式输出deployment对象
  4. 何为奇偶校验码?简述它们的区别。_加速试验中,HAST和HASS的区别
  5. Webpack2的基本使用
  6. HR数据抽取:通过 Read Master Data 转换规则读取时间相关主属性数据
  7. getopt在Python中的使用
  8. 前端学习(2455):layout处理
  9. 蚂蚁金服隗华:十五年时间见证分布式数据库的崛起
  10. 服务器镜像工作原理,镜像服务器的原理是什么,怎么工作的
  11. 一些弹出框的用法例子(二)
  12. 2019年CSDN博客前十排名
  13. 知乎Python后端面试总结
  14. 蓝桥杯 入门训练 序列求和
  15. Nginx+PHP-FPM优化技巧总结
  16. 数据结构第三篇——线性表的链式存储之单链表
  17. javascript异步延时加载及判断是否已加载js/css文件
  18. Python编程基础
  19. openbravo与淘宝对接文档一
  20. 我是如何走进黑客世界的?

热门文章

  1. Android多媒体框架图
  2. 如何选择深度学习框架 TensorFlow/Torch/Mxnet/Theano
  3. RGB图像中值平滑和均值平滑
  4. UE4之Import源码解析
  5. 进阶10 补充知识点
  6. B-数,B+树,B*树简单定义
  7. html 显示接口数据格式化,科技常识:html格式化输出JSON示例(测试接口)
  8. 自动生成html_python自动化测试中pytest的使用
  9. python 对角阵_numpy创建单位矩阵和对角矩阵的实例
  10. mybatis 里面concat()函数t模糊查询