uniapp开发极易记事本（备忘录）

已于 2022-07-27 13:29:40 修改
阅读量4.5k 收藏 42
点赞数 15
分类专栏： 小程序(uni-app) vuex Vue全家桶系列(企业实战) 文章标签： 微信小程序 小程序 vue.js
于 2022-04-14 12:48:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48168510/article/details/124169045
版权
@李优秀
关注
专栏目录
基于Uni-App实现的记事本App
04-08
1.前端利用了colorUI以及UviewUI来美化界面，后端基于Node.js和MySQL，同时使用了云服务器，下载即可使用（仅限Android）。 2.包含用户登录、注册，记事本新增、查看以及删除功能。 3.uniappWorkspace里面放的是代码，cashbook是前端页面代码，caskbookServer是后端代码，记事本.apk可以直接安装（推荐发送到微信里面下载）。 4.在本地运行需要修改前后端的配置文件以及接口代码，如不懂可联系博主。
【uniapp】便签记事本组件
ONLYSRY的博客
11-18 1515
【uniapp】便签记事本组件。
uniapp备注备忘录系统个人计划日程系统 微信小程序设计与开发 016og
最新发布
QQ242219979的博客
08-31 1304
（3）JS:js的使用也是和前端中的is没有什么不同的，它的作用是在wxml和 wxss的基础上加以修饰操作的，并且微信小程序中的js是新增了一些微信的API接口的，去除了前端开发中一些没有作用的性能。很强的定制性，用户可以根据自己的需求来添加相应的功能，在保持核心功能简单的同时实现功能的丰富与扩展，其强大的插件库可以让用户实现个性化的网站定制，开发出功能强大的网站。（1）WXML:和前端开发的html5是差不多，使用逻辑也是类似的，wxml是前端开发中的主要功臣点，是一切美化装修的基础、必备因素;
基于uniapp+unicloud开发的手机备忘录小程序
LIAO哥的博客
11-04 1930
基于uniapp+unicloud开发的手机备忘录小程序 注：该小程序是我的一个课设作品，现在
uniapp-开发备忘
sunraining1的专栏
01-05 313
设置absolute需要设置对照控件的positon是relative 父类设置了border-radius，需要设置overflow: hidden，不然会被子类覆盖。（子控件会把父类的border-radius遮住，产生无效的错觉） 一行2列，需要设置item为flex: 0 0 50%;max-width: 50%; 设置控件为固定宽高，如果还要设置padding、margin，则需要设置box-sizing: border-box; 有设置宽实际宽度=width+padding+margin
备忘录(记事本)小应用
04-03
这是一款实现了备忘录的小应用源码，该应用也可以做记事本应用，应用的基本功能包括：新建、修改、删除某条备忘录，可以搜索所有备忘录内容。每次新建或修改备忘录保存当时时间，按创建或修改备忘录时间排序，这也是一款很简单的源码。
uni-app开发备忘录1（持续更新）
虎踞丘上的博客
09-29 4175
果然找到了以上配置，但是通过真机调试发现，这个配置只有在苹果手机上才能生效，安卓手机不生效，并且需要在APP.vue中将page的背景色设为透明。看来，通过配置文件实现这条路已经走不通了，那就只能通过代码实现了。但是遗憾的是，全局背景色只有在小程序中才生效。全端设置pages.json里pages页面的背景色。全端设置pages.json里pages页面的背景色。
记事本备忘录
09-12
总的来说，这个“记事本备忘录”项目为学习软件开发，尤其是桌面应用开发提供了实践材料，对于想要提升编程技能或了解应用程序开发流程的人来说，这是一个很好的学习资源。通过研究源代码，可以深入理解软件工程的...
android毕业设计，记事本,备忘录源码.zip
05-26
本篇文章将围绕一个基于Android Studio开发的记事本和备忘录项目的源码进行深入解析，探讨其核心功能实现与技术要点。 一、项目概述 这个项目是一个完整的Android应用，旨在提供记事本和备忘录的功能，包括新增、...
移动开发期末大作业-备忘录app（附导入文档和项目截图）
06-15
备忘录app（免积分下载） 2022年软件工程专业上学期的一个安卓的课设。 开发工具：androidStudio 开发语言：Java 详细情况请看我的文章介绍： http://t.csdn.cn/4Lb3D
备忘录APP，记事本APP
11-04
【标题】备忘录APP与记事本APP的开发与实现 在当今信息化社会，备忘录和记事本应用程序已经成为智能手机用户不可或缺的工具。它们为用户提供了一个方便、快捷的方式来记录日常生活中的各种事项，无论是待办任务、...
基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。
05-15
基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。 基于uniapp、uviewUI、colorUI实现的记事本，适用于微信小程序。后端基于node.js，已放置在云服务器上。
基于uni-app和springboot开发的记事本app源码(前端+后端)+sql数据库+项目说明.zip
11-28
【资源说明】 基于uni-app和springboot开发的记事本app源码(前端+后端)+sql数据库+项目说明.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 2、适用人群：计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途：项目具有较高的学习借鉴价值，不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行，或热爱钻研，亦可在此项目代码基础上进行修改添加，实现其他不同功能。 欢迎下载，沟通交流，互相学习，共同进步！
移动端备忘录
02-28
移动端备忘录,含代码和截图，可以直接导入，以小程序方式编写
基于Vue的uni-app个人日记App
03-04
使用基于Vue的uni-app框架编写的个人日记App，里面含源代码以及报告，代码下载之后可直接到HbuilderX上运行查看结果
计算机毕业设计Node.js+uniapp安卓PHP记账本APP(源码+程序+lw+远程调试)
nodejs毕设程序源码
01-30 440
项目运行环境配置：Node.js最新版+ Vs项目技术：Express框架+ Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可4.硬件环境：windows 7/8/10 1G内存以上；
记录移动开发初探——用uniApp+sqlite仿XyKey实现密码管理记事本
姜雪辞的博客
07-06 1262
写在前面 最近刚准备上手移动开发，本着想要多端可用的原则，了解到了uniApp。大致扫完一遍文档，基本可以算是vue+微信小程序原生，对我来说基本0难度可直接进入开发。因此想着索性做一款简单的app来做更加深入的了解。就在这时候，朋友给我推了XyKey这个应用，在使用了一番之后，还是非常有兴趣的，于是打算自己仿XyKey开发一个类似的密码管理记事本。 注： 我自己开发的这个项目灵感来源于：聊一聊我是怎么设计 XyKey，界面UI设计也是仿照XyKey来的。XyKey可在安卓市场免费下载，苹果商店12元可购买
uni-app下SQLite应用初探备忘录
sinat_26699091的博客
08-13 3093
uni-app是什么东东，这里就不是多讲了，大家可以看下官网：https://uniapp.dcloud.net.cn/。总之以后，但有实体程序，大多用它来书写。SQLite是什么东西？我认为就是一个本地数据库，可以用SQL语句来完成数据库的操作。写本文是为了备忘，也是为积累知识。
uni-app备忘
个人备忘
12-03 925
1、关于字体图标iconfont 字体图标：微信不支持本地字体图标。 替代方式1：不用图标改用图片，但失去了矢量和方便高亮变色的好处 替代方式2：字体文件放到服务器，从网络地址引用 替代方式3：将字体图标转换为base64格式字符串直接放到css里 特别注意：对于首页底部的原生tab，是在pages.json里配置，微信只支持图片不支持其他任何形式 2、Q：App下添加原生导航栏的按钮怎么不显示？...
用uniapp写一个记事本小程序
04-05
抱歉，作为AI语言模型，我无法编写完整的UniApp程序。但我可以提供一些基本的步骤和代码示例，以帮助您开始编写记事本小程序。 1. 创建一个新的UniApp项目。 2. 在pages文件夹中创建一个名为"notes"的页面，并在其目录下创建"notes.vue"文件。 3. 在notes.vue文件中，添加一个文本框和一个按钮，用于输入和保存笔记。 ``` <template> <view> <textarea v-model="note" placeholder="请输入笔记内容"></textarea> <button @click="saveNote">保存笔记</button> </view> </template> <script> export default { data() { return { note: '' } }, methods: { saveNote() { uni.setStorageSync('note', this.note) uni.showToast({ title: '笔记保存成功', icon: 'success' }) } } } </script> ``` 4. 在saveNote方法中，使用uni.setStorageSync方法将笔记内容保存到本地存储中，并使用uni.showToast方法显示保存成功的提示信息。 5. 在onLoad生命周期中，使用uni.getStorageSync方法获取之前保存的笔记内容，并将其赋值给note。 ``` export default { data() { return { note: '' } }, onLoad() { let note = uni.getStorageSync('note') if (note) { this.note = note } }, methods: { saveNote() { uni.setStorageSync('note', this.note) uni.showToast({ title: '笔记保存成功', icon: 'success' }) } } } ``` 6. 运行小程序，输入笔记内容并点击保存按钮，笔记内容将会保存到本地存储中。下次进入小程序时，之前保存的笔记内容将会自动加载。 这是一个简单的记事本小程序的基本实现。您可以根据需要添加更多功能，例如编辑、删除、分类等。
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@李优秀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值