前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序云开发之用户输入数据后excel表格导出升级版

微信小程序云开发之用户输入数据后excel表格导出升级版

作者头像
lqj_本人
发布2023-10-14 10:50:12
1980
发布2023-10-14 10:50:12
举报
文章被收录于专栏:云开发小程序1云开发小程序1

微信小程序云开发之用户输入数据后excel表格导出升级版  的详细视频教程地址:

腾讯云开发小程序之用户输入数据excel自动导出系统升级版_哔哩哔哩_bilibili

 详解视频的内容包括:

1.从页面的布局到页面的框架结构的整体思路

2.从子页面的自定义样式到app全局样式的调用实现

3.通过子页面的js来调运云函数,再通过云函数来控制云数据库的操作。实现层级式的控制调用等函数逻辑处理

4.node.js的npm安装第三方功能模块的详细操作

5.使用第三方的UI组件库,来方便快捷的实现整个样式的美化以及相对的动画显示效果

详细教学视频地址:

腾讯云开发小程序之用户输入数据excel自动导出系统升级版_哔哩哔哩_bilibili

1.升级版的不同之处

升级版本在UI方面比之前写的其他版本做了相对的优化,用到了第三方UI组件库的模块知识!

2.页面的设计

使用了两个主页面,加一个可跳转的内置隐藏页面

3.首页的内容简介

首页我们使用form表单来创建整体的框架布局,在引用UI组件库:

Vant Weapp - 轻量、可靠的小程序 UI 组件库

实现一个简约风格的首页输入的页面,我们在通过js来直接调动云函数,来实现一个js间接调动数据库的过程!

部分代码:

4.浏览页面内容简介

上面有一个显示那些人已提交,这样更能让我们的管理着更清晰的看到及同志为填写表格的人!

并且“已完成名单”绑定我们的数据做一个动态的实时刷新的数字统计!

下面则是一个点击登录后弹出登录管理员模块:

点击后由下往上滑动弹出:

6.最终实现的效果

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-10-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 微信小程序云开发之用户输入数据后excel表格导出升级版  的详细视频教程地址:
  • 详细教学视频地址:
  • 1.升级版的不同之处
  • 2.页面的设计
  • 3.首页的内容简介
  • 4.浏览页面内容简介
  • 6.最终实现的效果
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档