鸿蒙（HarmonyOS）入门应用开发实战

在搭建完鸿蒙开发环境后，可以编写一些简单的页面程序来快速上手，开启鸿蒙开发之旅。这里主要对openharmony与DAYU200开发板的新手使用进行讲解。

项目介绍

功能描述：

我们基于OpenHarmony开发一个专门的应用端来帮助脑卒中患者更好地管理上肢康复过程。旨在为脑卒中患者提供全面的康复辅助和健康管理。

主要功能：

康复计划管理：应用端允许用户创建个性化的康复计划，根据医生的建议和康复进度进行调整。用户可以轻松追踪自己的康复目标，记录进展并定时提醒康复运动。

康复训练评估：应用通过系统采集患者康复运动数据，对肢体进行误差评估，形成康复等级和康复报告。这些数据将被可视化呈现，以便用户和医生更好地了解康复情况。

平台交流和资源分享：卒中管家建立了一个平台，患者可以在这里获取配套资源课程进行康复，能和其他患者、医师进行交流，并获得他人的支持和鼓励。

数据安全和隐私：应用将用户的健康数据存储在安全的云端服务器上，确保数据的隐私和保密性。用户完全掌握自己的数据，并可以选择与医生共享以获得更好的医疗建议。

主要开发内容

登录

启动器后首先是登录界面，能够实现账号登陆、账号注册及其他登录方式。主要由文本、文本框、按钮组成。

Text("欢迎登陆")  
 .fontSize(60).fontWeight(FontWeight.Bold)  
 .fontColor('\#85caf9').position({x:110,y:-240})  
TextInput({ placeholder: "请输入账号" })  
 .width(440).height(40)  
 .backgroundColor('\#fffff')  
 . placeholderColor(Color.Grey)  
 .position({x:20,y:-80 })  
TextInput({ placeholder: "请输入密钥" })  
 .width(440).height(40)  
 . placeholderColor(Color.Grey)  
 .backgroundColor('\#fffff')  
 .type(InputType.Password)  
 .position({x:20,y:-30 })  
//按钮  
Button("登录")  
 .width(440).height(50)  
 .position({x:20,y:20 })  
 .fontWeight(FontWeight.Bold).fontSize(25)  
 .backgroundColor('\#85caf9')  
 .onClick(() =\> {  
 router.pushUrl({  
 url: 'pages/tabbar'  
 })  
 })  
Button("注册")  
 .width(400).height(40)  
 .position({x:40,y:80 })  
 .fontWeight(FontWeight.Normal)  
 .fontColor('\#4264b2').fontSize(20)  
 .backgroundColor('\#fffff')  
 .onClick(() =\> {  
 router.pushUrl({  
 url: 'pages/zhuce'  
 })  
 })

Checkbox()  
Text("已阅读并同意使用服务协议和隐私保护指引")  
 .fontSize(16).fontColor('\#4264b2')

更换其他方式进行登录或找回密钥。

Text("-----其他登陆方式-----")  
 .fontSize(15).width(170).height(100)  
 .position({x:155,y:230 })  
 .fontColor('\#4264b2')  
Column() {  
 Flex({ alignItems: ItemAlign.Center, wrap: FlexWrap.Wrap }) {  
 Text('手机号登录')  
 .fontColor('\#4264b2')  
 Divider().vertical("true").margin(20).height(15)  
 Text('找回密钥')  
 .fontColor('\#4264b2')  
 Divider().vertical("true").margin(20).height(15)  
 Text('其他方式登录')  
 .fontColor('\#4264b2')

修改地址

这部分代码是在前端应用中创建一个Select,用于实现修改地址的功能。

Select([{value:'郑州',icon: "/common/yuan.png"},  
 {value:'北京',icon: "/common/2.png"},  
 {value:'杭州',icon: "/common/3.png"},  
 {value:'上海',icon: "/common/4.png"}])  
 .select