【微信小程序开发全流程】篇章0：基于JavaScript开发的校园综合类微信小程序的概览

基于JavaScript开发的校园综合类微信小程序的概览

本文仅供学习，未经同意请勿转载

一些说明：上述项目来源于笔者我本科大三阶段2020年电子设计课程项目，在这个项目中，我主要是负责的部分有前端，前后端的对接，一些算法和整个产品的管理与推进。该小程序获得微信小程序华南赛区二等奖和数字媒体奖（忘记全名了....)。

下面我对我自己写的代码以及整个项目管理的流程进行一个简单的介绍。当然这个小程序后面并没有上线，原因比较简单，因为涉及论坛类，上线需要商业证明等来注册（而本人并没有这些商家证明等），所以20年参加比赛的时候也是以体验版的状态参加的。一些介绍我就直接从以前的项目报告摘来了。

项目组其他成员的说明：后端设计来源于玉米,小程序的UI界面设计来源于美工产品设计师Ocean, 一些算法来源于小雨雨，还有其他两个项目小组设计成员 （服务器）& （前期部分前端）。

本小程序的项目公开已征得个小组成员同意，但在【微信小程序开发全流程】博客专题中，我只介绍我写的代码部分。

---

后继持续更新，这里由于是【微信小程序开发全流程】篇章0，所以篇章0这里只展示一下小程序开发的最后demo的样子。

先概览一下小程序的终态

简介

• 微信小程序名称：华小汪
• 功能概览：
  
• 树洞吧
  树洞广场界面，可以发表文字树洞或者图文树洞还有优美的背景音乐和互动种树功能。
• 电话吧
  华工各个职能部门电话，包括热水维修，保卫处等可以一键拨打，解决问题
• 聊天吧
  智能客服机器人，具有闲聊功能和华工事务咨询功能更有人工客服辅助工作
• 资料吧
  课堂学习资料汇总，课外扩展资料收集还有各种报告模板供你使用
• 交易吧
  可以进行校园交易，发布闲置物品互相私聊

各功能主界面概览

主要是概览每个页面的基本样式及功能介绍

1. 树洞吧（树洞广场）
图中展示了树洞界面的基础功能，点击加号，弹出图文选择，发表树洞，点击点赞手进行点赞，点击右端信息框进行评论。点击他人头像可查看他人树洞，点击真机头像可进入自己的树洞。

2. 电话吧（便民电话）
所有电话来源于华南理工大学官网和日常生活中的收集。我们按照首字母进行排列，方便进行查找，点击拨打电话立即跳转到手机的拨打电话界面，方便使用，实现了电话的免输入。[这里我们纠正了平时常见的校园电话错误拨打]

3. 聊天吧（智能客服）
智能咨询问答

4. 资料吧（学习资料）
选择资料类型和资料名称，点击生成链接，即可生成一段百度网盘链接，复制链接在百度网盘打开，将获得本门课程的全部资料，方便学生进行学习。

4. 交易吧（全能市场）
在全能市场，可以发布闲置物品、代拿跑腿、奶茶拼单等，标明品类和价格进行交易，为了保障交易双方安全，本小程序的全能市场仅仅作为信息发布和协。

这里聊天界面不是最后的哦，最后的界面是跟微信聊天界面差不多，这里是从以前的报告直接截取上来的。

---

这个才是最后的聊天界面。

小程序功能导图

下一篇章：【微信小程序开发全流程】篇章1：华小汪小程序项目开发背景及时间线概览

待更中：

【微信小程序开发全流程】篇章2：基于JavaScript开发的校园综合类微信小程序的前端版本迭代概览
【微信小程序开发全流程】篇章3：注册登录界面/验证/密码找回实现
【微信小程序开发全流程】篇章4：我/他or她，你的界面实现
【微信小程序开发全流程】篇章5：智能客服模块的实现
【微信小程序开发全流程】篇章6：树洞广场各大板块功能的实现
【微信小程序开发全流程】篇章7：校园市场模块功能的实现
【微信小程序开发全流程】篇章8：资料获取和电话功能模块的实现
【微信小程序开发全流程】篇章9：一些额外的交互模块功能的实现
【微信小程序开发全流程】篇章10：小程序总体的链接及优化