【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法鸿蒙 ArkUI实战登录界面肯求网罗竣事教程

发布日期：2024-08-24 09:03 点击次数：97

女儿初熟团队先容作家：徐庆

团队：坚果派[1]【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法

公众号：“大前端之旅”[2]

润开鸿生态手艺众人，华为HDE，CSDN博客众人，CSDN超等个体，CSDN特邀嘉宾，InfoQ签约作家，OpenHarmony布谈师，电子发热友众人博客，51CTO博客众人，擅长HarmonyOS/OpenHarmony期骗建造、老练成业卡片建造。接待相助。

引子：

列位同学有段时代莫得碰面因为一直很忙是以就莫得去更新博客【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法。最近有在学习这个鸿蒙的ark ui建造因为鸿蒙不是发布了一个鸿蒙next的测试版块来岁会运转纯血鸿蒙期骗是以我就思提前给宇宙写一些博客著述

后果图

图片【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法

image-20231206202427615

图片

image-20231206202438894反映数据后果

图片

image-20231206202449876使用腹地网罗就业

图片

image-20231206202459875接口评释：

接口是我腹地使用springboot 框架配合 hibernate 配合jpa写的一个后台就业：

客户端具体竣事：

"requestPermissions": [  {    "name": "ohos.permission.INTERNET"  }]

如图

图片

image.png网罗肯求用具类竣事

import http from '@ohos.net.http';import Constants, { ContentType } from '../constant/Constants';import Logger from './Logger';import { NewsData } from '../viewmodel/NewsData';export function httpRequestGet(url: string) {  return httpRequest(url, http.RequestMethod.GET);}export function httpRequestPost(url: string, params?: NewsData) {  return httpRequest(url, http.RequestMethod.POST, params);}function httpRequest(url: string, method: http.RequestMethod,params?: NewsData){  let httpRequest = http.createHttp();  let responseResult = httpRequest.request(url, {    method: method,    readTimeout: Constants.HTTP_READ_TIMEOUT,//读取超频频代 可选，默许为60000ms    header: {      'Content-Type': ContentType.JSON    },    connectTimeout: Constants.HTTP_READ_TIMEOUT,//通顺超频频代  可选，默许为60000ms    extraData: params // 肯求参数  });  return responseResult.then((value: http.HttpResponse)=>{      Logger.error("肯求情状 --> "+value.responseCode)     if(value.responseCode===200){       Logger.error("肯求奏效");       let getresult = value.result;       Logger.error('肯求复返数据', JSON.stringify(getresult));       return getresult;     }  }).catch((err)=>{    return "";  });}

打印日记用具类竣事：

import hilog from '@ohos.hilog';class Logger {  private domain: number;  private prefix: string;  private format: string = '%{public}s, %{public}s';  /**   * constructor.   *   * @param Prefix Identifies the log tag.   * @param domain Domain Indicates the service domain, which is a hexadecimal integer ranging from 0x0 to 0xFFFFF.   */  constructor(prefix: string = 'MyApp', domain: number = 0xFF00) {    this.prefix = prefix;    this.domain = domain;  }  debug(...args: string[]): void {    hilog.debug(this.domain, this.prefix, this.format, args);  }  info(...args: string[]): void {    hilog.info(this.domain, this.prefix, this.format, args);  }  warn(...args: string[]): void {    hilog.warn(this.domain, this.prefix, this.format, args);  }  error(...args: string[]): void {    hilog.error(this.domain, this.prefix, this.format, args);  }}export default new Logger('HTTPS', 0xFF00)

登录界面竣事：

/** * 创建东谈主：xuqing * 创建时代:2023年8月2日08:38:50 * 类评释： * * */import prompt from '@ohos.promptAction';import router from '@ohos.router';import CommonConstants from '../common/constant/CommonConstants';import StyleConstant from '../common/constant/StyleConstant';import { httpRequestGet }  from '../common/utils/OKhttpUtil';import CommonConstant from '../common/constant/CommonConstants';import  Logger from '../common/utils/Logger';@Extend(TextInput) function inputStyle () {  .placeholderColor($r('app.color.placeholder_color'))  .height($r('app.float.login_input_height'))  .fontSize($r('app.float.big_text_size'))  .backgroundColor($r('app.color.background'))  .width(CommonConstants.FULL_PARENT)  .padding({ left: CommonConstants.INPUT_PADDING_LEFT })  .margin({ top: $r('app.float.input_margin_top') })}@Extend(Line) function lineStyle () {  .width(CommonConstants.FULL_PARENT)  .height($r('app.float.line_height'))  .backgroundColor($r('app.color.line_color'))}@Extend(Text) function blueTextStyle () {  .fontColor($r('app.color.login_blue_text_color'))  .fontSize($r('app.float.small_text_size'))  .fontWeight(FontWeight.Medium)}@Extend(Text) function blackTextStyle () {  .fontColor($r('app.color.black_text_color'))  .fontSize($r('app.float.big_text_size'))  .fontWeight(FontWeight.Medium)}/** * Login page */@Entry@Componentstruct LoginPage {  @State account: string = '';  @State password: string = '';  @State isShowProgress: boolean = false;  private timeOutId = null;  @Builder imageButton(src: Resource) {    Button({ type: ButtonType.Circle, stateEffect: true }) {      Image(src)    }    .height($r('app.float.other_login_image_size'))    .width($r('app.float.other_login_image_size'))    .backgroundColor($r('app.color.background'))  } async  login() {    if (this.account === '' 




            
                
                
            
 
           

            上一篇：【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法 腰肌劳损的 10 个缓解四肢和 12 个正确姿势 
            下一篇：白丝 自慰 深圳一楼盘“5折”卖房仅一周 名目销售按下暂停键

热点资讯

中国东谈主保9月6日公告，公司董事会收到王廷科的辞呈国产自拍，因责任需要国产自拍，辞去实施董事、董事长及政策与投资委员会主任委员等职务，辞任自2024年9月5日起收效。日本人妖海量资讯、精确解读，尽在新浪财经APP...

【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法 鸿蒙 ArkUI实战登录界面肯求网罗竣事教程

热点资讯

相关资讯

【MADV-132】楂樼礆銈姐兗銉?涓夊崄璺法鸿蒙 ArkUI实战登录界面肯求网罗竣事教程