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

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

news 2026/2/10 17:31:36

这里写目录标题

  • 前期准备
    • 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

微信小程序之bind和catch

这两个呢，都是绑定事件用的，具体使用有些小区别。 官方文档： 事件冒泡处理不同 bind：绑定的事件会向上冒泡，即触发当前组件的事件后，还会继续触发父组件的相同事件。例如，有一个子视图绑定了b…...

编程新知 2026/2/5 5:05:56

椭圆曲线密码学(ECC)

一、ECC算法概述 椭圆曲线密码学（Elliptic Curve Cryptography）是基于椭圆曲线数学理论的公钥密码系统，由Neal Koblitz和Victor Miller在1985年独立提出。相比RSA，ECC在相同安全强度下密钥更短（256位ECC ≈ 3072位RSA…...

编程新知 2025/10/1 22:26:06

mongodb源码分析session执行handleRequest命令find过程

mongo/transport/service_state_machine.cpp已经分析startSession创建ASIOSession过程，并且验证connection是否超过限制ASIOSession和connection是循环接受客户端命令，把数据流转换成Message，状态转变流程是：State::Created 》 St…...

编程新知 2026/1/15 4:39:38

Linux相关概念和易错知识点（42）（TCP的连接管理、可靠性、面临复杂网络的处理）

目录 1.TCP的连接管理机制（1）三次握手①握手过程②对握手过程的理解 （2）四次挥手（3）握手和挥手的触发（4）状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...

编程新知 2026/1/30 0:09:51

HBuilderX安装（uni-app和小程序开发）

下载HBuilderX 访问官方网站：https://www.dcloud.io/hbuilderx.html 根据您的操作系统选择合适版本： Windows版（推荐下载标准版） Windows系统安装步骤 运行安装程序： 双击下载的.exe安装文件 如果出现安全提示&…...

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

精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南

精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南 在数字化营销时代，邮件列表效度、用户参与度和网站性能等指标往往决定着创业公司的增长成败。今天，我们将深入解析邮件打开率、网站可用性、页面参与时…...

编程新知 2025/12/13 4:04:33

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

C# 表达式和运算符(求值顺序)

求值顺序 表达式可以由许多嵌套的子表达式构成。子表达式的求值顺序可以使表达式的最终值发生 变化。 例如，已知表达式3*52，依照子表达式的求值顺序，有两种可能的结果，如图9-3所示。 如果乘法先执行，结果是17。如果5…...

编程新知 2026/1/31 13:13:28

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。 如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径 在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2026/1/24 13:26:57

为什么要创建 Vue 实例

核心原因：Vue 需要一个「控制中心」来驱动整个应用 你可以把 Vue 实例想象成你应用的**「大脑」或「引擎」。它负责协调模板、数据、逻辑和行为，将它们变成一个活的、可交互的应用**。没有这个实例，你的代码只是一堆静态的 HTML、JavaScript 变量和函数，无法「活」起来。 …...

编程新知 2026/2/9 7:06:29