# My-project-weixin **Repository Path**: fang-xiaojia/my-project-weixin ## Basic Information - **Project Name**: My-project-weixin - **Description**: 咚咚校园通微信小程序开发 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 1 - **Created**: 2022-04-05 - **Last Updated**: 2025-04-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: 微信小程序开发 ## README # My-project-weixin #### 介绍 基于uni-app 开发的微信小程序 ### 2022年4月5日 - #### 1、项目初步搭建完成tabBar功能 ### 2022年4月8日 - #### 1、完成首页样式布局 - #### 2、搭建Nodejs | 首页 | | :----------------------------------------------------------: | | ![image-20220505230126677](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505230126677.png) | ### 2022年4月9日 -10日 - #### 1、完成闲置页面以及闲置详情页面布局 - #### 2、设计闲置页面接口基本交互 - #### 3、通过uni.setStorage将数据缓存存入本地，在其他页面通过 uni.getStorage的方式将数据调出大程度的降低了Api的调用频率 | 二手闲置一级界面 | 二手闲置二级界面 | | :----------------------------------------------------------: | :----------------------------------------------------------: | | ![image-20220505231825526](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505231825526.png) | ![image-20220505232421477](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232421477.png) | ### 2022年4月15日下 - #### 1、完成跑腿页面基本布局 ### 2022年4月15日晚-16日 - #### 1、完善跑腿界面一级二级地址添加及交互 - #### 2、完善地址编辑修改信息的异步问题 - #### 3、完善时间选取等基本js交互操作 | 帮我取 | 帮我买 | 地址选择 | 编辑地址 | 新增地址 | | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | | ![image-20220505232524472](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232524472.png) | ![image-20220505232537252](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232537252.png) | ![image-20220505232555709](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232555709.png) | ![image-20220505232607023](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232607023.png) | ![image-20220505232626885](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232626885.png) | ### 2022年4月17日下 - #### 1、完成帮我买页面图片上传到云端 - #### 2、使用uni-app自带组件配合阿里云oss对象js插件包对图片数据进行存储到云端 - #### 3、修改上传逻辑问题并封装了上传方法 ![image-20220505232811603](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232811603.png) ### 2022年4月17日晚 - #### 1、完成失物招领基本页面的展示 | 失物招领界面 | | :----------------------------------------------------------: | | ![image-20220505232925045](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505232925045.png) | ### 2022年4月18日晚 - #### 1、完成兼职信息页面一级基本样式展示 - #### 2、增加动态加载数据的操作 ### 2022年4月19日下-晚 - #### 1、完善兼职信息页面一级+二级子页面基本交互展示 - #### 2、增加报名人信息填报界面 - #### 3、初步对发布-失物招领页面的排版布局 | 兼职信息一级界面 | 兼职信息详情界面 | 报名信息填写 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220505233014444](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233014444.png) | ![image-20220505233029488](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233029488.png) | ![image-20220505233038913](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233038913.png) | ### 2022年4月20日晚 - #### 1、完善发布界面失物招领布局+闲置发布界面布局 - #### 2、初步完成兼职信息的排版 ### 2022年4月23日晚 - #### 1、完善兼职信息排版与基本交互 | 失物招领发布 | 二手闲置发布 | 兼职信息发布 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220505233234286](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233234286.png) | ![image-20220505233249845](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233249845.png) | ![image-20220505233304263](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233304263.png) | ### 2022年4月24日下-晚 - #### 1、设计微信授权登陆 - #### 2、通过接口设计后端获取微信openid（微信唯一标识） - #### 3、设计Vuex全局持久化存储用户数据 为后续权限限制做准备 ![image-20220505233407598](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233407598.png) ### 2022年4月26日晚 - #### 1、设计我的一级界面基本布局与样式 | 个人中心界面布局 | | :----------------------------------------------------------: | | ![image-20220502234216537](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502234216537.png) | ### 2022年4月29日晚 -30日早 - #### 1、完善我的动态一级二级页面布局 - #### 2、完善删除、编辑信息通过数据缓存的方式在其他页面的展示进行基本交互 | 我的动态 | | :----------------------------------------------------------: | | ![image-20220502234131868](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502234131868.png) | ### 2022年4月30日晚 - #### 1、初步完成应聘中心学生端与商户端界面展示信息 - #### 2、设计学生端报名信息编辑页面设计与布局加上基本交互，预计明天完善应聘中心内容 - #### 3、通过setTimeout()的方式解决了异步传输，v-model 不同步数据的问题。 ### 2022年5月1日下 - #### 1、增加兼职报名人信息编辑修改界面和兼职发布人信息编辑修改界面 - #### 2、完善应聘信息学生/商户两种角色界面的展示 - #### 3、完善一级二级页面基本的数据对接展示 | 商户界面展示（展示报名人信息） | 编辑发布内容 | 学生界面展示（展示发布报名的信息） | 报名填写信息修改 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220502233405759](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502233405759.png) | ![image-20220502233452212](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502233452212.png) | ![image-20220502234600083](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502234600083.png) | ![image-20220502233845233](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502233845233.png) | ### 2022年5月1日晚 - #### 1、设计接单中心基本样式与排版布局 - #### 2、完善接单中心动态加载数据 - #### 3、完善接单中心基本交互动作 | 接单中心 | | :----------------------------------------------------------: | | ![image-20220502233216066](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502233216066.png) | ### 2022年5月2日下-晚 - #### 1、完善跑腿订单界面一级二级页面布局 - #### 2、完善我的订单界面一级二级页面布局 | 接单跑腿订单页 | 接单跑腿详情页 | 我的订单页 | 订单详情页 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220502232944546](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502232944546.png) | ![image-20220502233003473](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502233003473.png) | ![image-20220502232704681](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502232704681.png) | ![image-20220502232858033](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220502232858033.png) | ### 2022年5月5日下-晚 - #### 1、完善认证中心（学生认证、跑腿认证、商户资质认证）三个功能区块的不同展示及图片数据上传 - #### 2、对接联系客服接口 - #### 3、对接微信小程序自带分享接口 | 学生认证 | 跑腿认证 | 资质认证 | 分享转发 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220505225717180](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505225717180.png) | ![image-20220505225741182](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505225741182.png) | ![image-20220505225810607](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505225810607.png) | ![image-20220505225841310](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505225841310.png) | - #### 4、我的钱包（跑腿提现用） | 跑腿认证后个人中心展示相应内容 | 学生个人中心界面展示 | 跑腿钱包 | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![image-20220505233759307](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233759307.png) | ![image-20220505234012332](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505234012332.png) | ![image-20220505233843492](https://bkimges.oss-cn-beijing.aliyuncs.com/Img/image-20220505233843492.png) | # 总结 “不知道肝了多少个日夜！” 第一次接触发微信小程序的时候还是通过哔哩哔哩上面学习别人的开发方式，而后逐渐自己看官方给的说明文档独自进行开发，历经一个月时间的洗礼与艰苦折磨，中途因为上课原因和作业原因开发也是断断续续的。这次主要用的是uni-app框架来开发微信小程序，个人感觉还是一个很不错的框架，集成了很多组件和插件能很快的对界面进行一个布局，以及自带封装的一些方法也能很好的进行交互调用，对于初学者来说也很友善。勤能补拙吧！