【微信小程序备忘录的设计实现3000字（论文）】

微信小程序备忘录的设计实现摘要随着“互联网+”的大潮兴起，平台型应用再受热捧，其中微信小程序凭借其强大的用户基础及应用是的便捷而深受欢迎。该程序主要采用编程语言为javaScrippt,Vue.js，本系统主要由微信小程序客户端，服务器，数据管理端构成。本系统运行结果可以满足广大高校师生的正常使用需求。文章详细介绍了时间提醒记事本系统的开发背景，需求分析，软硬件环境，系统总体设计，系统详细设计，系统代码设计等问题。设计部分列出了主要的项目展示和核心代码，并附带了相关业务逻辑部分的关键代码。本系统的主要功能有：记录文字，计时和提醒的基本功能。关键词：时间；记事本；提醒目录摘要 I1.导论 11.1开发背景 11.2设计的目的与意义 12.系统需求及分析 12.1需求分析 12.2系统描述 12.3系统开发环境 23.页面效果图及功能介绍 23.1页面效果图 23.2功能介绍 24.云开发环境的的创建及其初始化 34.1创建一个新的小程序项目 34.2开通云开发 45.云数据库 65.1在云数据库中创建一个合集 65.2向数据库中添加数据 65.3数据库权限 75.4数据库的查询方法 76.系统实现 87.测试与发布 127.1测试 127.2发布 12结论 13参考文献 141.导论1.1开发背景目前关于微信备忘录系统的微信小程序已经有较为完善的系统，但仍有许多群众备忘录用其他传统形式进行处理。关乎便捷性的微信备忘录问题，一直以来都被世人密切关注。微信备忘录便捷性问题依旧是一大难题。在移动互联网、大数据时代这样的背景下，开发此微信小程序备忘录系统将一直遵循着以方便群众填写备忘录、提高微信备忘录的工作效率为主要目标，通过微信小程序系统来方便人民群众的生活的同时有效的减少打开备忘录时间长这一难题。1.2设计的目的与意义通过设计一个基于微信小程序开发的备忘录，让其拥有记录文字，计时和提醒的功能，用户可以输入相关的事件，并设定时间，便可完成备忘，当完成过未按期完成时，可以自行确认或删除。通过毕业设计，可以培养自己的开发和设计能力，提供综合运用所学知识和技能去分析判断，解决实际问题的能力，检验自己的学习效果具有重要意义。通过理论与实践的相结合，稳固自己所学理论知识，掌握正确的思维方式和根本技能。提高自己利用计算机解决实际问题以及计算机实际操作水平。2.系统需求及分析2.1需求分析软件开中需求分析是必不可少的，他有助于了解客户需求，对软件功能初步的构思。综合市场已有的备忘录软件，我对系统进行了初步的分析，系统的核心内容是记录，时间，提醒。在移动互联网的快速发展下，人们对记录事项的方法也慢慢从电脑端转移到了移动端，希望能随时随地的记录各项事务，并实现高效快捷的查看、修改、删除等功能。备忘录软件在移动互联网的发展下也在不断更新与发展，它不仅可以实现随时随地记录一切，而且能够増强与社交平台的交互。2.2系统描述项目是一个备忘录，拥有记录文字、计时和提醒的基本功能，只有一个页面，整体简约便捷。用户可以输入相关事件，并设立时间，百年可完成记录，当完成或未按期完成时，可自行确认或删除。2.3系统开发环境系统采用微信云开发，云数据库和云存储开发环境Windows11编程软件微信开发者工具3.页面效果图及功能介绍3.1页面效果图图3-13.2功能介绍程序只是一个备忘录，整个程序非常的简洁便捷，只有一个页面，拥有记录文字，计时，提醒三大功能，用户可以输入相关事件，并设立时间，完成记录，在完成或者未完成的时候可以自主进行确认和删除。4.云开发环境的的创建及其初始化4.1创建一个新的小程序项目图4-1无论什么项目也好，appid一定要写自己的appid，不建议使用测试号。首页布局向使用者展示了一些备忘录的宣传轮播图，让刚进入小程序的用户就可以观赏到最新的手机，还提供了最新公告，每日上新等等。轮播图的实现是通过后端返回图片地址，然后使用ID控制属性将图片遍历到微信云开发文件中。首页还提供了快速搜索和历史搜索的搜索框，方便使用者点进页面就可以查找是否有符合要求的备忘录信息。图4-2在微信公众平台中登录注册的账号即可获取自的appid。在小程序的安全性方面，本设计由于是一款基于微信平台的小程序，不涉及任何联网或者财产安全问题，并且在使用微信开发者工具时已取消“校验合法域名”等选项，同时未使用诸如“微信支付”等功能接口，因此对安全性的需求比较低。本设计不涉及云服务器，所有对数据的操作都针对本地服务器与数据库，因此不会涉及个人隐私问题。图4-3若创建项目时没有填写自己个人的appid，会导致是用不了云开发。在登录页面后用户将来到类型记事页面，在该页面用户可以对不同分类的备忘录本进行查询。图4-4同时用户可以点击列表中任意类型的记事本，进入子页面查看所有记事内容，并可对相关记录进行修改、查询、删除。4.2开通云开发初始云开发环境。图4-5成功开通云开发后，进入云开发页面获取云开发环境id。提醒管理云开发页面中，基本结构与详细记事内容页面相似，以标题及内容的形式列出。图4-6将其直接复制到app.js里配置云开发环境初始化每条云开发记录都有设置时间，用户能直接看到自己在未来一段时间内的事项安排，实现内容较短的消息提醒功能。图4-7App({onLaunch(){wx.cloud.init({env:'xxx'//xxx填写云开发环境id})}}云开发当中用户首先可以按日期添加将会做的事项，同时实现了可以对每一个事项设置完成与否的功能。5.云数据库5.1在云数据库中创建一个合集图5-1在数据记录最下方，用户也可以选择只显示未完成的任务项，或者点击“全部完成”将所有事项作阴影化处理，并且配置一键删除所有事项功能。5.2向数据库中添加数据图5-2用户可以设置个性化的倒数日数据提醒功能，通过对一些未来重要的时间节点设置截止日期来对用户起到警醒作用。5.3数据库权限图5-3用户可以在数据库页面添加事项，同时可以点击任意一条记录，从而查看该项记录离截止日期的天数，并实现了修改与删除的功能。5.4数据库的查询方法图5-4wx.cloud.database().collection('2')//固定写法.get({success(res){console.log('请求成功',res)},fail(err){console.log(''请求失败,err)}})打开调试器，可以观察代码运行的情况用户首先进入记事页面，能够在下方清晰地看到所有类型的备忘录本。图5-5这样，就可以成功获取云数据库的数据了。6.系统实现图6-1该部分用户在通过登录页面后便可进入记事类型页面，在页面上方可以进行记事本不同类型的查询。图6-2图6-3图6-4图6-5图6-6图6-77.测试与发布7.1测试图7-1即可进入该类型下用户创建的事项页面，上方可以对事项进行查询以及添加。在添加窗口页面中用户可以输入记事项的标题以及内容，点击添加按钮。7.2发布图7-2提醒发布页面以列表形式列出，每项提醒事项包括标题、具体内容和待办日期，用户也可以上传与事项相关的背景图片。结论经过一段时间的努力，毕业设计终于一段落。本文是关于微信小程序——备忘录的文稿设计，通过阅读本论文可以对本系统有一定的了解。本文介绍了系统开发所用到的技术，编程语言等。同时在做了分析调查后，对本系统做了详细的需求分析。系统的主要特点有：界面简洁，使用方便，操作简单，权限操作虽然系统设计已经暂告一个段落，但由于本人的能力有限，再加上知识欠缺，以及对的业务不甚熟悉，所以在很多方面还存在着不足，如在系统需求分析方面还有很多方面没有考虑到，而且在具体实现各个功能的时候也存在一定的局限性。所以本系统还有很多地方有待完善。参考文献[1