首页 > 编程语言 >Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

时间:2024-07-25 21:28:12浏览次数:10  
标签:10 item Text 100% width 源码 Harmony 文末

Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

文章目录


运行工具:DevEco Studio

一、运行演示

1、注册

image-20240720224224107

2、登录

3、主页

image-20240720232643892

4、编写

image-20240720232548529

二、部分代码

import router from '@ohos.router'
import { NoteInfo } from '../model/data'
import { DBUtil } from '../util/DBUtil'
@Entry
@Component
struct Home {

  @State arr: NoteInfo[] = []
  async onPageShow(){
    this.arr = await DBUtil.queryNote()
  }

  build() {
    Column(){
      Row() {


        Row() {
          Blank()
          Text($r('app.string.add'))
            .fontSize(24)
            .fontWeight(400)
            .fontColor(Color.White)
            .width(50)
            .onClick(() => {
              router.pushUrl({
                url: 'pages/New'
              })
            })

        }.width("100%")
        .padding(10)

      }
      .width('100%')
      .height(60)
      .linearGradient({
        direction: GradientDirection.Bottom,
        colors: ['#F1F3F5', 0.5, ['#725A4E', 1]]
      })


      List({space: 10}){
        ForEach(this.arr,(item: NoteInfo,index: number) => {
          ListItem(){
            Column({space: 3}){
              Text(item.title)
                .fontSize(20)
                .fontWeight(FontWeight.Bold)
              Text(item.content)
                .maxLines(1)
                .textOverflow({overflow: TextOverflow.Ellipsis})
              Text(item.crateTime)
                .fontSize(13)
                .fontColor("#ff9f9f9f")
            }
            .onClick(() => {
              router.pushUrl({
                url: "pages/Old",
                params: item
              })
            })
            .backgroundColor(Color.White)
            .borderRadius(5)
            .padding(10)
            .justifyContent(FlexAlign.Center)
            .alignItems(HorizontalAlign.Start)
            .width("100%")
          }
          .width("100%")
        })
      }
      .layoutWeight(1)
      .width("100%")

    }
    .backgroundColor("#ffeeeeee")
    .width("100%")
    .height("100%")
    .padding(10)
  }
}

三、源码

通过百度网盘分享的文件:…zip
链接:https://pan.baidu.com/s/1xbu6QWOItJCKOzAaG49Piw
文件已经加密,请联系请加下方(wx号),获取源码,仅一杯奶茶钱
号码:Y1POQMH48

标签:10,item,Text,100%,width,源码,Harmony,文末
From: https://blog.csdn.net/m0_63324772/article/details/140611944

相关文章

  • 新版ChatGPT网站系统源码(GPT-4大模型支持、联网模型提问、DALL-E3文生图),AI绘画/AI视频
    目录一、人工智能SparkAi创作系统系统文档二、功能模块介绍......
  • MFC制作MQTT(EMQX)客户端 - 开、关功能实现(附源码)
    前言全局说明MFC制作MQTT客户端(附源码)一、说明环境:Windows7旗舰版VisualStudio2013CMakeversion3.19.8paho.mqtt.cV1.3.13二、MFC功能代码:2.1引入h头文件#include"include\MQTTAsync.h"#include"include\MQTTClient.h"2.2添加连接服务器信息......
  • 2024企业网站源码|网站后台管理系统 带搭建教程
    在网站搭建前需要考虑的问题了解完网站的搭建基本流程后,我们需要知道,网站该怎么设计,怎么搭建?在建站的时候需要从哪些方面考虑?网站的需求,是用来干什么的,比如:展示产品、品牌宣传、营销推广等;打算用什么方式建站,外包公司还是SaaS产品甚至是自己开发;网站内容,标准的企业网站需要包......
  • MFC制作MQTT(EMQX)客户端 - 约定、依赖文件放置(附源码)
    前言全局说明MFC制作MQTT客户端(附源码)一、说明环境:Windows7旗舰版VisualStudio2013CMakeversion3.19.8paho.mqtt.cV1.3.13二、说明、约定:说明:因为MFC调用paho.mqtt.c的API所以,要把编译出来的相关文件,放到MFC的工程中,方便调用约定:为了方便后续描......
  • HarmonyOS NEXT 学习笔记5--extend扩展组件
    1.代码:@Entry@ComponentstructPage_Button_Extend{@Statemessage:string='HelloWorld';build(){Column({space:10}){Button('微信支付').MyButton('wechat')Button('支付宝').My......
  • SSM-网络课程系统-29230(免费领源码+开发文档)可做计算机毕业设计JAVA、PHP、爬虫、APP
    SSM网络课程系统摘 要本论文主要论述了如何使用SSM框架开发一个网络课程系统,将严格按照软件开发流程进行各个阶段的工作,采用B/S架构Java技术,面向对象编程思想进行项目开发。在引言中,将论述网络课程系统的当前背景以及系统开发的目的,后续章节将严格按照软件开发流程,对系统......
  • Nacos 配置中心配置加载源码分析
    前言:上一篇我们分析Nacos配置中心服务端源码的时候,多次看到有去读取本地配置文件,那本地配置文件是何时加载的?本篇我们来进行详细分析。Nacos系列文章传送门:Nacos初步认识和Nacos部署细节Nacos配置管理模型–命名空间(Namespace)、配置分组(Group)和配置集ID(DataID)......
  • 爬虫爬取免费代理ip(附源码)
    在爬取某些网站的时候我们有可能遇到ip反爬措施,通常可以使用代理ip的方法应对,本次我们要爬取的是国内某知名的代理ip网站,并挑选出其中响应速度符合我们要求的IP。爬取代码如下:defget_ip(last):proxies_list=[]#ip池forpageinrange(1......
  • PixPro 全开源图床系统源码,非常强大的压缩率 自定义尺寸,支持多种格式
    PixPro全开源图床系统源码,非常强大的压缩率自定义尺寸,支持多种格式PixPro全开源图床系统源码,非常强大的压缩率自定义尺寸,支持多种格式一款专为个人需求设计的高效图床解决方案,集成了强大的图片压缩功能与优雅的前台后台管理界面。项目结构精简高效,提供自定义图片压缩率......
  • 新版saas餐饮外卖小程序源码通用小程序,扫码点餐,DIY装修,代付,收银台,全开源
    新版saas餐饮外卖小程序源码通用小程序,扫码点餐,DIY装修,代付,收银台,全开源新版saas餐饮外卖小程序源码通用小程序,扫码点餐,DIY装修,代付,收银台,全开源使用场景:百货超市/奶茶店/加盟餐饮店/蔬菜店/零食店/咖啡店/水果店/便利店/蛋糕店通用小程序。营销玩法:优惠券、满额立减......