当前位置： 首页 > news >正文

【鸿蒙学习笔记】舜和酒店项目开发

news 2026/2/8 12:25:40

这里写目录标题

  • 前期准备
    • 1. 环境准备
    • 2. 开发工具准备
  • 创建项目
    • 1. 使用 `deveco-studio` 创建 `ShunHeHotel` 项目
    • 2. 把`ShunHeHotel` 项目使用`git`进行版本控制
    • 3. 提交第1个commit，`Alt+0` → 输入commit message → 提交
    • 4. 查看已经提交的第一个提交
    • 5. `gitcode` 创建同名远程项目 `ShunHeHotel`
    • 6. 本地`devecho` 添加 `remote`
    • 7. 本地代码推送到`gitcode`：`git` → `push`
  • Gitcode仓库地址
  • 项目开发（仅记录思路具体实现请参考git提交记录）
    • 首页
    • 美食团购
    • 我的订单

前期准备

1. 环境准备

Node.js 准备
json-server 服务准备

2. 开发工具准备

  1. deveco-studio使用版本4.1.3.500。
  2. node.js 使用版本18.14.1。
  3. SDK 使用课上老师发送版本号不详。
  4. 版本管理工具使用：git。 参考：idea如何集成git
  5. 代码托管平台使用：Gitcode

创建项目

1. 使用 deveco-studio 创建 ShunHeHotel 项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2. 把ShunHeHotel 项目使用git进行版本控制

在这里插入图片描述
在这里插入图片描述

3. 提交第1个commit，Alt+0 → 输入commit message → 提交

在这里插入图片描述

4. 查看已经提交的第一个提交

在这里插入图片描述

5. gitcode 创建同名远程项目 ShunHeHotel

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. 本地devecho 添加 remote

在这里插入图片描述
在这里插入图片描述

7. 本地代码推送到gitcode：git → push

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Gitcode仓库地址

https://gitcode.com/zhangziwa/ShunHeHotel/overview

项目开发（仅记录思路具体实现请参考git提交记录）

首页

  1. 使用选项卡 (Tabs)构建首页页面结构，使用自定义导航栏，并自定义实现页签切换逻辑。
  2. 使用Grid构建首页布局。
  3. 使用Scroll组件添加页面垂直滚动效果。

美食团购

  1. 新建class作为网络请求返回数据的载体。
  2. 使用axios发起网络请求，获取json-server服务的delicacyList数据。
    参考：【鸿蒙学习笔记】网络服务・axios数据请求
  3. 解析delicacyList第1层数据：填充背景图（采用线性布局）
  4. 解析delicacyList第2层数据：填充门店信息（采用线性布局）
  5. 解析delicacyList第3层数据：填充团购套餐信息（采用线性布局）
  6. 使用Scroll组件添加页面垂直滚动效果
  7. 美食团购页和首页建立起路由关系

我的订单

  1. 新建class作为网络请求返回数据的载体。
  2. 使用axios发起网络请求，获取json-server服务的orderList数据。
  3. 使用选项卡 (Tabs)构建页面结构，使用自定义导航栏，并自定义实现页签切换逻辑。
  4. 解析orderList数据：填充【全部】页面数据（采用线性布局）。
  5. 使用@Watch装饰器进行数据过滤，筛选出【待付款】【待使用】【已完成】数据。
  6. 使用筛选出【待付款】【待使用】【已完成】数据，填充【待付款】【待使用】【已完成】Tab页面。
  7. 我的订单页和首页建立起路由关系。

相关文章：

【鸿蒙学习笔记】舜和酒店项目开发

这里写目录标题 前期准备1. 环境准备2. 开发工具准备 创建项目1. 使用 deveco-studio 创建 ShunHeHotel 项目2. 把ShunHeHotel 项目使用git进行版本控制3. 提交第1个commit，Alt0 → 输入commit message → 提交4. 查看已经提交的第一个提交5. gitcode 创建同名远程项…...

编程日记 2024/7/19 12:27:57

再进行程序的写时，不要使用eval函数——内建函数eval的坏处!!!!!!!!

一、安全性问题 执行任意代码： eval函数可以执行任意的Python表达式，包括算术运算、逻辑判断、字符串操作等，甚至可以访问当前作用域中的所有变量和函数。这意味着，如果eval处理的字符串来自不可信的源（如用户输入、外…...

编程日记 2024/7/19 12:26:55

Flink HA

目录 Flink HA集群规划 环境变量配置 masters配置 flink-conf.yaml配置 测试 Flink HA集群规划 FLink HA集群规划如下： IP地址主机名称Flink角色ZooKeeper角色192.168.128.111bigdata111masterQuorumPeerMain192.168.128.112bigdata112worker、masterQuorumPee…...

编程日记 2024/7/19 12:19:48

神经网络中如何优化模型和超参数调优（案例为tensor的预测）

总结： 初级：简单修改一下超参数，效果一般般但是够用，有时候甚至直接不够用 中级：optuna得出最好的超参数之后，再多一些epoch让train和testloss整体下降，然后结果就很不错。 高级：…...

编程日记 2024/7/19 12:17:46

使用AJAX发起一个异步请求，从【api_endpoint】获取数据，并在成功时更新页面上的【target_element】

使用AJAX发起一个异步请求，从【api_endpoint】获取数据，并在成功时更新页面上的【target_element】 在Web开发中，使用AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）可以实现在不刷新整个页面…...

编程日记 2024/7/19 12:14:43

【AI绘画教程】Stable Diffusion 1.5 vs 2

在本文中，我们将总结稳定扩散 1 与稳定扩散 2 辩论中的所有要点。我们将在第一部分中查看这些差异存在的实际原因，但如果您想直接了解实际差异，您可以跳下否定提示部分。让我们开始吧！ Stable Diffusion 2.1 发布与1.5相比&#x…...

编程日记 2024/7/19 12:11:40

纯前端小游戏，4096小游戏，有音效，Html5，可学习使用

// 游戏开始运行create: function(){this.fieldArray [];this.fieldGroup this.add.group();this.score 0;//4096 增加得分this.bestScore localStorage.getItem(gameOptions.localStorageName) null ? 0 : localStorage.getItem(gameOptions.localStorageName);for(var …...

编程日记 2024/7/19 12:06:36

ROS、pix4、gazebo、qgc仿真ubuntu20.04

一、ubuntu、ros安装教程比较多，此文章不做详细讲解。该文章基于ubuntu20.04系统。 pix4参考地址：https://docs.px4.io/main/zh/index.html 二、安装pix4 1. git clone https://github.com/PX4/PX4-Autopilot.git --recursive 2. bash ./PX4-Autopilot…...

编程日记 2024/7/19 12:05:35

qt 国际化语言，英文和中文切换

1、把需要翻译转换的内用用tr()包含，比如： label->setText("hello word"); 2、在 .pro 文件中添加 TRANSLATIONS lang_en.ts \ lang_zn.ts 3、利用lupdate 工具提取…...

编程日记 2024/7/19 12:01:31

机器学习入门【经典的CIFAR10分类】

模型 神经网络采用下图 我使用之后发现迭代多了之后一直最高是正确率65%左右，然后我自己添加了一些Relu激活函数和正则化，现在正确率可以有80%左右。 模型代码 import torch from torch import nnclass YmModel(nn.Module):def __init__(self):super(…...

编程日记 2024/7/19 11:59:30

01 安装

安装和卸载中，用户全部切换为root，一旦安装，普通用户也能使用 初期不进行用户管理，全部用root进行，使用mysql语句 1. 卸载内置环境 检查是否有mariadb存在，存在走a部分卸载 ps axj | grep mysql ps ajx |…...

编程日记 2024/7/19 11:56:25

AI 模型本地推理 - YYPOLOE - Python - Windows - GPU - 吸烟检测（目标检测）- 有配套资源直接上手实现

Python 运行 - GPU 推理 - windows 环境准备python 代码 环境准备 FastDeploy预编译库下载 conda config --add channels conda-forge && conda install cudatoolkit11.2 cudnn8.2 pip install fastdeploy_gpu_python-0.0.0-cp38-cp38-win_amd64.whlpython 代码 impo…...

编程日记 2024/7/19 11:55:24

全国媒体邀约，主流媒体到场出席采访报道

传媒如春雨，润物细无声，大家好，我是51媒体网胡老师。 全国媒体邀约，确保主流媒体到场出席采访报道，可以带来一系列的好处，这些好处不仅能够增强活动的可见度，还能对品牌或组织的长期形象产生积…...

编程日记 2024/7/19 11:54:23

计算机视觉8 图像增广

图像增广（image augmentation）是通过对训练图像进行一系列随机改变，从而产生相似但又不同的训练样本的技术。 图像增广有以下两个主要作用： 扩大训练数据集的规模；随机改变训练样本可以降低模型对某些属性的依赖&#…...

编程日记 2024/7/19 11:53:22

Transformer中的自注意力是怎么实现的？

在Transformer模型中，自注意力（Self-Attention）是核心组件，用于捕捉输入序列中不同位置之间的关系。自注意力机制通过计算每个标记与其他所有标记之间的注意力权重，然后根据这些权重对输入序列进行加权求和&#xff0c…...

编程日记 2024/7/19 11:52:21

LabVIEW鼠标悬停在波形图上的曲线来自动显示相应点的坐标

步骤 创建事件结构： 打开LabVIEW，创建一个新的VI。 在前面板上添加一个Waveform Graph控件。 在后面板上添加一个While Loop和一个事件结构（Event Structure）。 配置事件结构，选择Waveform Graph作为事件源&#xf…...

编程日记 2024/7/19 11:48:16

操作系统发展简史（Unix/Linux 篇 + DOS/Windows 篇）+ Mac 与 Microsoft 之风云争霸

操作系统发展简史（Unix/Linux 篇） 说到操作系统，大家都不会陌生。我们天天都在接触操作系统 —— 用台式机或笔记本电脑，使用的是 windows 和 macOS 系统；用手机、平板电脑，则是 android（安卓&…...

编程日记 2024/7/19 11:41:08

钡铼分布式 IO 系统 OPC UA边缘计算耦合器BL205

深圳钡铼技术推出的BL205耦合器支持OPC UA Server功能，以服务器形式对外提供数据。符合IEC 62541工业自动化统一架构通讯标准，数据可以选择加密（X.509证书）、身份验证方式传送。 安全策略支持basic128rsa15、basic256、basic256s…...

编程日记 2024/7/19 11:30:57

实现了一个心理测试的小程序，微信小程序学习使用问题总结

1. 如何在跳转页面中传递参数 ，在 onLoad 方法中通过 options 接收 2. radio 如何获取选中的值？ bindchange 方法 参数e, e.detail.value 。 如果想要获取其他属性，使用data-xx 指定，然后 e.target.dataset.xx 获取。 3. 不刷…...

编程日记 2024/7/19 11:27:54

vue是如何进行监听数据变化的？vue2和vue3分别是什么？vue3为什么要更换？

Vue如何进行监听数据变化的？ Vue.js 通过其响应式系统来监听数据变化。这个系统允许你声明式地将数据和 DOM 绑定，一旦数据发生变化，相关的 DOM 将自动更新。Vue 使用以下机制来实现数据的监听和响应： 响应式数据：在 …...

编程日记 2024/7/19 11:26:53

转转集团旗下首家二手多品类循环仓店“超级转转”开业

6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...

编程新知 2026/2/8 4:08:40

微信小程序 - 手机震动

一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码 注&#xff1a;文档 https://developers.weixin.qq…...

编程新知 2026/1/29 8:41:55

12.找到字符串中所有字母异位词

&#x1f9e0; 题目解析 题目描述&#xff1a; 给定两个字符串 s 和 p&#xff0c;找出 s 中所有 p 的字母异位词的起始索引。 返回的答案以数组形式表示。 字母异位词定义&#xff1a; 若两个字符串包含的字符种类和出现次数完全相同&#xff0c;顺序无所谓&#xff0c;则互为…...

编程新知 2026/1/31 12:52:29

SpringTask-03.入门案例

一.入门案例 启动类&#xff1a; package com.sky;import lombok.extern.slf4j.Slf4j; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cache.annotation.EnableCach…...

编程新知 2026/2/2 0:35:08

大学生职业发展与就业创业指导教学评价

这里是引用 作为软工2203/2204班的学生&#xff0c;我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要&#xff0c;而您认真负责的教学态度&#xff0c;让课程的每一部分都充满了实用价值。 尤其让我…...

编程新知 2025/11/16 1:39:27

Java线上CPU飙高问题排查全指南

一、引言 在Java应用的线上运行环境中&#xff0c;CPU飙高是一个常见且棘手的性能问题。当系统出现CPU飙高时&#xff0c;通常会导致应用响应缓慢&#xff0c;甚至服务不可用&#xff0c;严重影响用户体验和业务运行。因此&#xff0c;掌握一套科学有效的CPU飙高问题排查方法&…...

编程新知 2025/11/2 5:30:15

腾讯云V3签名

想要接入腾讯云的Api&#xff0c;必然先按其文档计算出所要求的签名。 之前也调用过腾讯云的接口&#xff0c;但总是卡在签名这一步&#xff0c;最后放弃选择SDK&#xff0c;这次终于自己代码实现。 可能腾讯云翻新了接口文档&#xff0c;现在阅读起来&#xff0c;清晰了很多&…...

编程新知 2026/1/24 4:39:04

Kafka主题运维全指南：从基础配置到故障处理

#作者&#xff1a;张桐瑞 文章目录 主题日常管理1. 修改主题分区。2. 修改主题级别参数。3. 变更副本数。4. 修改主题限速。5.主题分区迁移。6. 常见主题错误处理常见错误1&#xff1a;主题删除失败。常见错误2&#xff1a;__consumer_offsets占用太多的磁盘。 主题日常管理 …...

编程新知 2025/6/10 21:14:43

什么是VR全景技术

VR全景技术&#xff0c;全称为虚拟现实全景技术&#xff0c;是通过计算机图像模拟生成三维空间中的虚拟世界&#xff0c;使用户能够在该虚拟世界中进行全方位、无死角的观察和交互的技术。VR全景技术模拟人在真实空间中的视觉体验&#xff0c;结合图文、3D、音视频等多媒体元素…...

编程新知 2026/2/5 19:40:10

6个月Python学习计划 Day 16 - 面向对象编程（OOP）基础

第三周 Day 3 &#x1f3af; 今日目标 理解类&#xff08;class&#xff09;和对象&#xff08;object&#xff09;的关系学会定义类的属性、方法和构造函数&#xff08;init&#xff09;掌握对象的创建与使用初识封装、继承和多态的基本概念&#xff08;预告&#xff09; &a…...

编程新知 2025/11/12 9:47:25