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

2021/6/10 22:23:02

本文主要是介绍微信小程序练手项目(云开发),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

入门回顾

微信开放社区: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            1
​           1            2
​           2            1
  • 1点击关注‘
    • 获取当前用的menu_id
    • [1,2,3]
  • 修改menu_id

10 项目上线

  • 1考虑表的权限
  • 2 代码量的大小
    • 写项目之前功能多不多,功能较多使用分包,功能较少可以不适用分包
    • 把一些没有用的图片删除。
  • 个人没有方法发布带有发布功能的小程序。
  • 因为使用的使用云开发,所以不需要再开发设置中设置请求域名。


这篇关于微信小程序练手项目(云开发)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程