微信小程序练手项目(云开发)

2023-11-10

入门回顾

微信开放社区:https://developers.weixin.qq.com/community/develop/doc/000c2e7a3d0c501c95b9c3c935640d

  • 1 小程序—注册—使用—配置
  • 2 小程序的逻辑层----wxml—wxss—事件系统
  • 3 组件–模块化----组件化
  • 4 api–weui–分包—小程序的运行机制----小程序更新机制—兼容
  • 5 开发能力—微信小程序的login-----获取用户的信息-----云开发
  • 数据库
  • 存储
  • 云函数
  • 云调用
  • 软件的开发流程

1云菜谱

  • 云菜谱是用户发布菜谱的一个小程序,使用小程序程序技术+weui+云开发开发的一个能上线运营的菜谱系统,功能主要为前台和后台,后台—菜谱的分类管理,前台—首页—分类列表页—菜谱列表页—菜谱详情页(用户登录了才能关注)–搜索列表页—个人中心(登录后–发布菜谱–我的发布–我的分类—我的关注)

2个人中心页面

  • 登录-获取用户的信息
  • 第一点击登录,用户获取授权成功,下一次用户不需要重新登录了。
    • 判断用户点击是否同意
    • 获取用户的详情
    • 获取用户的openid,
    • 将用户的信息存入到数据库
      • user
      • _id _openid userInfo
    • 将用户的信息存入缓存
    • 修改初始化的数据

3 分类管理页面

  • 只有管理员才能管理分类。正常来说应该有一个管理后台
    • gz_cate
    • _id _openid cate_name

添加分类。

  • 判断用户输入分类是否为空
  • 判断用户输入分类是否存在
  • 添加数据库
  • 重新获取分类数据展示
  • 展示分类
  • 取的所有的分类
    • 1先查总条数
  • 如果总条数不为空
    • 2 获取分几次取
    • 3 获取数据
    • 4 使用reduce进行处理
  • 删除分类
    • 删除时传递一个index的值
    • 删除根据id删除
  • 修改分类
    • 1点击修改先展示修改的分类
    • 2 点击修改时根据分类id修改

4菜谱发布页面

  • menu
  • _id _openid menu_name cate_id menu_img menu_desc menu_addtime menu_view menu_colloct menu_status
  • 1 布局
  • 2验证
  • 3 完成业务(先处理上传,操作数据库)
  • 4 完成后返回页面

5个人中心—我的菜谱

  • 1什么时候获取
    • 点击登录成功取我的菜谱
    • 检测有无授权后进行获取
  • 2 获取什么样的数据
    • 开始时获取openid是当前用户的,没有被删除的菜谱获取10条,下拉加载更多
  • 完成点击进入详情
  • 长按进行逻辑删除

6个人中心—我的菜谱

  • 1什么时候获取
    • 点击切换选项卡并且分类里没有数据时去取
  • 2取什么样的数据
    • 取我发布过的菜谱的分类

7首页

  • 1 取三个分类
  • 2 取阅读量最多菜谱
  • 3 上拉加载更多热门菜谱
  • 4 下拉刷新

8分类列表

  • 所有的分类
  • 点击分类
    • id&name----------------------list 根据分类id查询
    • 关键字+flag=1----------------------------list 根据关键字搜索

9菜谱详情

  • 获取用户是否关注的状态
  • 如果用户没有登录显示的是都是未登录的状态
  • 如果用户登录了,还要判断用户有没有关注过该菜谱
user
_id   _openid   userInfo          
1      001      zhangsan         
2      002      lisi  

menu
_id   _openid   menu_name    cate_id   menu_img  menu_desc   menu_addtime    menu_view   menu_colloct    menu_status    
1   红烧鱼     
2   红烧肉

collect
_id   _openid        menu_id
​           1            11            22            1
  • 1点击关注‘
    • 获取当前用的menu_id
    • [1,2,3]
  • 修改menu_id

10 项目上线

  • 1考虑表的权限
  • 2 代码量的大小
    • 写项目之前功能多不多,功能较多使用分包,功能较少可以不适用分包
    • 把一些没有用的图片删除。
  • 个人没有方法发布带有发布功能的小程序。
  • 因为使用的使用云开发,所以不需要再开发设置中设置请求域名。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序练手项目(云开发) 的相关文章

随机推荐

  • Tracy 小笔记 Vue - Vue 对象

    Vue 对象 const vue new Vue options el 类型 String HtmlElement 作用 挂载对象 决定之后Vue 对象会管理哪个 Dom template 当同时有 el 和 tempalte 的时候这里写
  • java泛型

    一 泛型概念的提出 为什么需要泛型 首先 我们看下下面这段简短的代码 1 public class GenericTest 2 3 public static void main String args 4 List list new Ar
  • 计算机文档加密如何解锁,bitlocker怎么解锁_bitlocker解锁方法

    许多用户为了保护电脑文件安全不被偷看 都会喜欢使用bitlocker加密功能来进行加密 Bitlocker是一种独特的为磁盘添加密码的工具 但是很多用户使用bitlocke加密完之后 不知道要怎么解锁 为此小编这就给大家带来bitlocke
  • Vue 使用 mqttws31.js 实现消息实时推送功能(WebSocket)

    1 在 vue 文件中引入 mqttws31 js 文件 mqttws31 js 文件代码在本页底部 import utils mqttws31 2 在 vue 文件中添加代码 export default data return clie
  • MapReduce官方案例wordcount

    wordcountReduce java package MaperReduce import java io IOException import org apache hadoop io LongWritable import org
  • Python后端Flask学习项目实践---搭建一个问答网站

    1 项目效果展示 这里主要以后端为主 前端的代码不做展示 如果需要代码可以评论或者私信 用户注册 登录相关 用邮箱进行注册 并通过向邮箱发送验证码来进行判断 一个邮箱只能注册一个账号 首页相关 用户登录后可以进行发布问题和回答 同时也提供搜
  • 外罚函数法计算机,罚函数法与障碍函数法

    罚函数法与障碍函数法 罚函数法与障碍函数法是求解约束极小化问题的较好的算法 其基本原理是在原目标函数中加上一个罚 障碍 函数 而得到一个增广目标函数 罚 障碍 函数的功能是对非可行或企图穿越边界而逃离可行域的点赋予一个极大的函数值 可以作一
  • 使用 Date 和 SimpleDateFormat 类表示时间以及Calendar 类的应用

    在程序开发中 经常需要处理日期和时间的相关数据 此时我们可以使用 java util 包中的 Date 类 这个类最主要的作用就是获取当前时间 我们来看下 Date 类的使用 使用 Date 类的默认无参构造方法创建出的对象就代表当前时间
  • sql:SQL优化知识点记录(七)

    1 索引优化5 2 索引优化6 3 索引优化7 查询 百分号加右边 否则索引会失效 没建立索引之前都是全表扫描 没建立索引 建立索引 建立索引 id是主键 他也可以从主键上取 覆盖索引要到了name 索引没有失效 覆盖索引要到了age 索引
  • 使用OpenCV,Python和dlib进行眨眼检测及计数

    前三篇博客学习了 windows10 Python3 7安装dlib库进行面部标志识别 python dlib实现面部标志识别 使用python dlib OpenCV提取眼睛 鼻子 嘴唇及下颌 这篇博客将进行进阶版的学习 眨眼检测 眨眼检
  • 如何利用codesense的GJB8114模板对c++源码进行进行规则检测

    2013年7 10 中国 民解放军总装备部发布了中华 民共和国国家军 标准GJB 8114 全称为 8114 2013 C C 语 编程安全 集 提出软件编程标准 以提 国家军 软件的安全性 并作为静态规则检查的依据 量数据表明 软件存在的
  • Python可视化图系列(1)-----jupyter notebook

    Python可视化 复杂的散点图 文章目录 Python可视化 复杂的散点图 前言 一 我们的目标是什么 二 实现目标的知识准备 1 引入库 2 导入数据 3 准备标签的列表和颜色 三 画目标图片 复杂的散点图 四 解读图像 总结 前言 提
  • 五大常用算法之四:分治法

    分治法和动态规划有点像 都是分解成子问题 中科大的张署老师课件很清楚 摘录如下 1 什么是分治法 当求解的问题较复杂或规模较大时 不能立刻得到原问题的解 但这些问题本身具有这样的特点 它可以分解为若干个与原问题性质相类似的子问题 而这些子问
  • 加载超炫动画

    1 MainActivity 1 package com zyhui zyh splash 2 3 import android os Bundle 4 import android os Handler 5 import android
  • 谈谈中间件开发,给想从事中间件开发的同学

    前言 本文主要是写给那些想从事中间件开发的同学看的 如果你没有这个打算 那么本文的学习路线非但不实用 还可能会影响你正常的工作 什么是中间件开发 随着国内软件行业的发展 国内互联网公司规模越来越大 业务越来越复杂 随之使用大量的中间件来提高
  • 【unity3d之UI界面学习】NGUI插件的导入步骤

    首先将下载好的NGUI资源包 我下载的是3 11 4版本 导入到引擎中进行使用 在unity3d界面点击鼠标右键 弹出的菜单送选中import package 然后选择custom package 自定义资源包 弹出资源路径窗口 找到NGU
  • 得物H5页面url中sign逆向分析

    一 抓包分析 https app dewu com api v1 h5 activity fire activity platform product feeds recommend detail sign b3e37ea512b177be
  • Java 字符流和字符缓冲流

    文章目录 1 字符的编码解码 2 字符流 2 1 字符输出流 写数据 2 2 字符输入流 读数据 2 3 案例 3 字符缓冲流 3 1 字符缓冲输入流 读数据 3 2 字符缓冲输出流 写数据 3 3 案例 4 小结 1 字符的编码解码 wi
  • emWin - BMP图片显示

    BmpCvt exe 用途 利用BMP图片 进行GUI显示 ICON等图标都是小BMP图片 核心是将BMP图片 转成emWin支持的方式 最终显示到TFT屏上 使用BmpCvt exe工具 将各个图片转成相应的C文件 emWin有关的工具
  • 微信小程序练手项目(云开发)

    入门回顾 微信开放社区 https developers weixin qq com community develop doc 000c2e7a3d0c501c95b9c3c935640d 1 小程序 注册 使用 配置 2 小程序的逻辑层