日程安排小程序实战教程(上篇)

简介: 日程安排小程序实战教程(上篇)

日常办公软件里,常见的工具是日程安排,可以自主的录入日程,并进行查看。本篇我们就开发一款日程安排的小程序。

1 创建数据源


因为需要线上存储数据,我们需要新建一个数据源来存储数据。登录控制台,点击新建数据模型

输入名称和标识

点击编辑按钮进入编辑模式

点击添加字段,录入我们需要的字段。我们一共需要新增标题、内容、开始日期、开始时间、结束日期、结束时间等几个字段

2 创建应用


数据源创建好之后,就需要创建应用,我们选择自定义应用

输入应用的名称,选择小程序

点击空白页完成应用的创建

3 首页功能开发


首页我们需要的功能是先以日历视图显示日程的添加情况,日历下边以列表展示选中日期的日程数据,点击标题可以进入到查看页面。点击+号可以新建日程。

先往页面添加一个日历组件

在日历组件下边添加数据列表组件

在数据列表组件下添加一个普通容器,里边添加一个图片组件

选择普通容器,点击鼠标右键,移到最后

设置普通容器和图片的宽高各位80

图片地址的话可以从素材进行选择

然后给普通容器设置定位,我们设置成固定定位

这样组件部分就搭建完毕了。

我们需要一个查看页面和新增页面,在页面列表旁边点击+号

输入页面的名称和标识,完成新建

给普通容器设置行为,我们绑定为页面跳转,选择我们的新建页面

选中数据列表组件,数据源选择我们的日程数据源

将标题绑定为日程的标题

给标题绑定点击事件,跳转到查看页面

跳转时候我们需要将数据标识传入查看页面,我们需要新建页面参数,从数据字段里绑定数据标识

新增页面


新增页面比较简单我们只需要添加表单容器,选择新增场景,让平台自动生成就可以

查看页面


查看页面也比较简单,选择数据详情组件,筛选条件我们根据数据标识过滤数据就可以

总结


我们本篇完成了日程安排总体页面的搭建,下一篇我们介绍如何显示有数据的日程,如何将日程数据按日期进行切换。

相关文章
|
1月前
|
小程序 容器
日程安排小程序实战教程
日程安排小程序实战教程
|
1月前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
1月前
|
小程序 前端开发 UED
详细讲解uniapp转小程序分包教程!!!
详细讲解uniapp转小程序分包教程!!!
|
1月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程08-购物车功能开发
点餐小程序实战教程08-购物车功能开发
|
1月前
|
小程序 算法 数据可视化
点餐小程序实战教程07-点餐功能开发
点餐小程序实战教程07-点餐功能开发
|
1月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程06-首页开发
点餐小程序实战教程06-首页开发
|
13天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
13天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
13天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
13天前
|
小程序 前端开发 安全
小程序全栈开发中的跨域问题及其解决方案
【4月更文挑战第12天】本文探讨了小程序全栈开发中的跨域问题及其解决方案。跨域问题源于浏览器安全策略,主要体现在前后端分离、第三方服务集成和数据共享上。为解决此问题,开发者可采用CORS、JSONP、代理服务器、数据交换格式和域名策略等方法。实践中需注意安全性、兼容性和性能。通过掌握这些解决方案,开发者能更好地处理小程序的跨域问题,提升用户体验。