校园表白墙微信小程序,校园小情书、告白墙、论坛,大学表白墙搭建教程

article/2025/9/29 11:56:57

0x01 前言

校园小情书是一个微信小程序的表白墙,主要功能有表白(匿名表白和短信表白)、卖舍友、情侣脸对比、以及步数旅行。适合大学校园内运营,建立自己学校的表白墙社区。

项目原地址:https://github.com/oubingbing/wechatAlliance

PS:该小程序属于【社区/论坛】类,微信规定【社区/论坛】类的小程序在微信公众平台上线的话,必须需要企业或者个体工商户资质才可以。同时,还得需要该资质下的一个备案域名。

0x02 效果图

在这里插入图片描述

0x03 注册管理后台

1、首先登录校园小情书的后台站点进行注册:https://mp.wx-union.cn
2、注册成功后会提示发送一封激活邮件到您的邮箱,点击邮件中的激活链接进行账户激活。
3、激活账户后登录会跳转到小程序的建立页面,小程序的名字必须和你微信注册的名称一模一样
在这里插入图片描述
在后台注册好小程序,这时管理后台就注册完成了。
在这里插入图片描述

0x04 在微信公众平台绑定服务端的域名

在这里插入图片描述

request合法域名
https://mp.wx-union.cn //后台域名
https://apis.map.qq.com //地图api

uploadFile合法域名
https://up-z2.qbox.me //七牛
https://mp.wx-union.cn //后台地址
https://img.wx-union.cn //七牛oss地址

downloadFile合法域名
https://img.wx-union.cn //七牛云存储的域名
https://mp.wx-union.cn //后台域名
https://wx.qlogo.cn //微信头像
https://thirdwx.qlogo.cn //微信头像

PS:如果用博主的后台的话,以上地址都不用改的,直接复制上就可以

0x05 下载小程序代码

最新版代码(20221019更新)已打包放到了服务器上,点击下方链接下载即可

https://img.wx-union.cn/xiaoqignshu.zip

项目原地址:https://github.com/oubingbing/school_wechat

获取源码后直接解压导入微信开发者工具即可

0x06 配置小程序

用微信开发者工具打开源码后在项目根目录的config.js进行如下配置。
在这里插入图片描述
这里的alliance_key是后台生成的,去后台找到然后替换掉就OK了,以及在腾讯地图开放平台注册一个账号,把开发者ID粘贴到TX_MAP_KEY就可以了。

此外,我们还需要用到一个叫七牛传图的第三方插件用于上传图片,下面我们来讲讲这个插件怎么添加到我们的小程序里面。
在这里插入图片描述
对比一下插件版本号,看看是否是最新的版本,如果不是就在app.json里面填上最新的版本号即可。
在这里插入图片描述

到这里客户端基本上配置就完成了

清除全部缓存,然后再点编译,项目应该就没问题可以运行了。

上传代码到微信公众平台,然后提交审核,审核过了即可发布上线。


http://chatgpt.dhexx.cn/article/hJQQeKdX.shtml

相关文章

java实现表白小程序——java小程序

今天闲来无事,教大家一个哄妹子的小case。我们需要创建一个心形图案,按照心形图案的位置和长度,对所创建的字符串进行截断并在所需的位置上输出,最终能呈现在屏幕上满满的爱心。废话不多说,直接上源码看效果 ~ packag…

基于c#实现的表白小程序

源代码文件链接如下https://pan.baidu.com/s/1vp1srDC_ju8JlNFLt924Zg 提取码:rlk5 昨天看书学c#,赠送了一个Windows应用程序开发,想起来以前很火的表白小程序,尝试写了一下虽然表白没有成功,程序写的很是比较满意的哈…

用Python实现表白代码 抖音最火的整蛊表白小程序如何做出来的

这篇文章带大家实现表白代码 看过很多用批处理写的表白,就想着用Python实现一个 实现用的是tkinter 点击关闭按钮 无法关闭 def closeWindow():messagebox.showinfo(title"警告", message"关不掉吧,气不气")return点击不喜欢的事…

python有趣小程序 表白-python表白小程序

广告关闭 2017年12月,云社区对外发布,从最开始的技术博客到现在拥有多个社区产品。未来,我们一起乘风破浪,创造无限可能。 # tkinter是python的标准gui(图形用户界面)库 ,python使用tkinter可以快速的创建gui应用程序…

用C++写一个简单的表白小程序

先来看一下所达到效果为: 输入no系统会一直提醒你再试一次;输入yes会显示出一颗会变色的心和“爱你,么么哒”的字样,在VC2010学习版中测试如下图: 运行结果: 假如输入no: 当继续输入no: 系…

python小程序表白

抖音表白小程序 通过点击按钮触发方法实现只能通过点击其中一个按钮才能关闭小程序。若点击另一个按钮,该程序将一直不会退出,实现起来较为简单(此处需要注意,打开任务管理也可关闭该小程序!) from tkinte…

情人节告白-C语言带窗口的小程序。

首先让我们看看,带窗口的表白程序的效果吧。 再安利推荐另一个简单的告白小程序哦~ 程序员七夕告白,浪漫的跳动的心 这个程序很简单,它实际上就是调用Windows里的库函数实现的。 首先打开我们的集成开发环境,点击新建项目&a…

情人节特辑|桌面表白小程序

临近情人节,还在为送什么礼物而发愁吗?身为程序员为何不制作一个别出心裁的表白小程序来制造惊喜让你脱颖而出呢? 实现流程1、创建项目2、界面实现3、打包为exe实现流程 1、创建项目 打开Visual Studio,右侧选择创建新项目。搜索框输入winform,选择windows窗体应用,填写…

【表白合集】表白文案+小程序准备好了,请问对象哪里领?(内含多份源码)拿去。

​导语​​ "月色暗淡还有星辰—山河失色你还有我" ——《告白文案》 ​ 🎠1个月就要跨入2022年了,编也没有什么拿得出手的🎁礼物 所以我准备了很多很多的告白小故事表白的小程序送给大家,单身的你可以好好学习下&…

【Python表白小程序】表白神器——赶紧收藏起来~

前言 “我路过庄园,却只思念一朵玫瑰,我见过星河,但只爱一颗行星。” 今天5.20了!!!趁现在还不赶紧偷偷的制造一个惊喜给女朋友(男朋友),本文分享一个 Python 表白程序&…

表白小程序制作

大家可能都会在抖音上刷过,那种表白小程序,但在我看来表白还是亲口说出来比较好,这类小程序只适合在平常的一些小节日给对方一个惊喜。话不多说,现在进入正题: 首先,要在电脑上安装微软的编译软件&#xff…

十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!

十款表白小特效 用代码表白 一个比一个浪漫 赶紧收藏起来吧!!! 文章简介 最近看了一街坊视频,问路人“你眼中的程序员是怎样的?” 然后一堆关键词就出来了“直男、宅、不懂浪漫、秃头、掉发、油头、戴眼镜、瘦、没得休息、枯燥…

如何编写表白微信小程序

微信小程序: 微信公众平台:https://mp.weixin.qq.com/ 小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ 微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.ht…

表白小程序

首先在电脑上新建一个文本文档,输入以下代码,然后保存并将后缀名改为vbs 最后用鼠标双击就会出现以下效果 do msgbox(“做我女朋友好不好”) msgbox(“我会做饭”) msgbox(“爱你一辈子”) msgbox(“带你去旅游”) magbox(“你说啥是啥”) msgbox(“永…

抖音火爆表白小程序(C#语言实现)

文章目录 前言第一步:创建项目1、创建windows窗体应用程序2、更改项目名称和储存位置3、选择合适的.NET框架4、项目创建完成 第二步:设计窗体1、添加控件2、更改属性3、更改窗体属性 第三步:添加事件1、添加[好呀]事件2、添加[算了吧]事件3、…

程序员得浪漫--十款表白小程序 一个比一个浪漫 赶紧收藏起来吧!!!

十款表白小特效 用代码表白 一个比一个浪漫 赶紧收藏起来吧!!! 文章简介 最近看了一街坊视频,问路人“你眼中的程序员是怎样的?” 然后一堆关键词就出来了“直男、宅、不懂浪漫、秃头、掉发、油头、戴眼镜、瘦、没得休息、枯燥乏…

❤️Python制作表白小程序,七夕能不能脱单就全靠它了!❤️(附源码)

眼看七夕就要来了,我已经预感到我那天会忙的不可开交。因为我早上要卖花,晚上要卖TT,凌晨我还得蹲酒店门口卖yao,顿时感觉生活好艰辛啊。 虽然有点小丢人,但是我一点也不担心,因为我能碰到同行的几率很低&a…

HTML5移动Web开发指南

HTML5移动Web开发指南 唐俊开 著 ISBN978-7-121-16083-7 2012年3月出版 定价:59.00元 16开 384页 宣传语 绝无仅有的HTML5移动Web开发专著 jQuery Mobile、Sencha Touch、PhoneGap入门首选 HTML5研究小组成员原创书籍 示例丰富,轻松上手 内 …

移动应用开发——作业1

题目一:请查找资料,简单描述Web应用开发框架Vue.js、React.js、Angular.js的特点,及在移动应用方面的发展,每种400字至600字。 1. Web应用开发框架——Vue.js: 特点: Vue.js是一套用于构建用户界面的渐进式…

Web笔记-移动前端开发笔记

因为最近有个移动端的小项目,在此稍微学习下移动端开发基础概念。免得用框架的时候莫名其妙。 px(CSS pixels):逻辑像素,浏览器使用的抽象单位; dp,pt(device independent pixels):设备无关像素; dpr(dev…