智能软件开发微专业

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

音乐分享
素未谋面
点击收听

第一部分

1、使用 v-html 指令用于输出 html 代码
2、使用 v-model 指令来实现双向数据绑定
3、条件判断使用 v-if 指令指令的表达式返回 true 时才会显示
4、循环使用 v-for 指令
5、用于播放 HTML5 音频文件

<audio></audio>

6、使用css隐藏一个div(不去显示元素)

display:none

7、引入外部样式

<link href="my.css" rel="stylesheet">

8、HTML 两个列表实例

一个有序列表<ol>和一个无序列表<ul>
<li>标签定义列表项目

9、

align 属性规定 <div> 元素中的内容的水平对齐方式。
HTML5中已不再支持<div> align 属性请使用 CSS 替代。

属性值left向左对齐内容、right向右对齐内容、center居中对齐内容、justify…

10、表单提交方式

1、有get和post两种方式
2、post比get更加安全
3、post提交的数据不会显示在地址栏、而get的会显示

11、action 属性规定当提交表单时向何处发送表单数据
12、重置按钮reset
13、换行使用

<br>

14、css属性中用于指定内容与边框之间距离(内边距)padding
15、css属性中用于指定背景图片background-image
16、Vue 使用 v-on 指令来监听 DOM 事件
17、HTML中的注释

<!--注释-->

18、外部样式的文件扩展名为.css
19、

在HTML中使用<img>标签插入图像那么<img>的src属性
是用来设置图片文件所在位置的

20、HTML的块状标签(独占一行)

<h1>

第二部分

鸿蒙系统

1、HarmonyOS是一款面向万物互联时代的、提供全场景移动办公、运动健康、社交通信、媒体娱乐等业务能力的分布式操作系统。
2、HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念能够支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备。
3、鸿蒙的三大特征

1 搭载该操作系统的设备在系统层面融为一体、形成超级终端让设备的硬件能力可以弹性扩展实现设备之间硬件互助**资源共享**。
2 面向开发者实现一次开发多端部署。
3 一套操作系统可以满足不同能力的设备需求实现统一OS弹性部署。

4、鸿蒙系统的构成HarmonyOS整体遵从分层设计从下向上依次为内核层、系统服务层、框架层和应用层。系统功能按照“系统 > 子系统 > 功能/模块”逐级展开在多设备部署场景下支持根据实际需求裁剪某些非必要的子系统或功能/模块。

鸿蒙开发环境的搭建

1、华为账号注册及认证在华为HarmonyOS应用开发官网首页点击“注册”进入注册页面点击这里。
2、下载开发工具载DevEco Studio
3、安装DevEco Studio
4、安装HW的SDK工具库

鸿蒙的UI(UI指用户的界面接口)

1、主要用于与用户的交互,主要包含用来显示的可视化内容以及与用户交互的相关操作。
2、UI框架的分类

命令式UI框架是一种“过程导向”式的实现方式 即告诉“机器”实现某种视图效果需要哪些具体步骤每个步骤要如何做
声明式UI框架是一种“结果导向”式的实现方式即只需告诉“机器”需要什么而不用告诉“机器”怎么做

3、JavaUI应用将在屏幕上显示一个用户界面该界面用来显示所有可被用户查看和交互的内容。应用中所有的用户界面元素都是由Component和ComponentContainer对象构成

Component是绘制在屏幕上的一个对象用户能与之交互
ComponentContainer是一个用于容纳其他Component和ComponentContainer对象的容器

JAVA常用的UI组件

根据组件的功能可以将组件分为布局类、显示类、交互类三类。 Component是所有组件的基类Component支持的XML属性其他组件都支持。

用户登录界面修改resources\base\layout\ability_main.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="horizontal"
        ohos:top_margin="150px"
        ohos:left_margin="50px"
        >
        <Text
            ohos:id="$+id:uname_text"
            ohos:height="match_content"
            ohos:width="200px"
            ohos:text="账号:"
            ohos:text_size="30fp"
            />
        <TextField
            ohos:id="$+id:uname_textfield"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:text_size="30fp"
            ohos:focus_border_enable="true"
            ohos:focus_border_width="5px"
            />
    </DirectionalLayout>
    
    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="horizontal"
        ohos:top_margin="180px"
        ohos:left_margin="50px"
        >
        <Text
            ohos:id="$+id:passwd_text"
            ohos:height="match_content"
            ohos:width="200px"
            ohos:text="密码:"
            ohos:text_size="30fp"
            />
        <TextField
            ohos:id="$+id:passwd_textfield"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:text_size="30fp"
            ohos:focus_border_enable="true"
            ohos:focus_border_width="5px"
            />
    </DirectionalLayout>
    
    <DirectionalLayout
        ohos:height="150vp"
        ohos:width="match_parent"
        ohos:orientation="horizontal"
        ohos:top_margin="240px"
        ohos:left_margin="50px"
        ohos:alignment="center"
        >
        <Button
            ohos:id="$+id:btok"
            ohos:height="150px"
            ohos:width="300px"
            ohos:text="确定"
            ohos:text_size="30fp"
            ohos:text_color="#ffcccc"
            />
    </DirectionalLayout>

</DirectionalLayout>

或者是

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <DependentLayout
        ohos:height="match_parent"
        ohos:width="match_parent">
        <Text
            ohos:id="$+id:login_txt_userlogin"
            ohos:height="50vp"
            ohos:width="match_parent"
            ohos:text_size="30vp"
            ohos:text="用户登录"
            ohos:text_alignment="center"
            ohos:top_margin="30vp"
            />
        <TextField
            ohos:id="$+id:login_input_uname"
            ohos:height="40vp"
            ohos:width="match_parent"
            ohos:text_size="20vp"
            ohos:hint="输入账号"
            ohos:background_element="#cccccc"
            ohos:below="$id:login_txt_userlogin"
            ohos:top_margin="20vp"
            />
        <TextField
            ohos:id="$+id:login_input_passwd"
            ohos:height="40vp"
            ohos:width="match_parent"
            ohos:text_size="20vp"
            ohos:hint="输入密码"
            ohos:text_input_type="pattern_password"
            ohos:background_element="#cccccc"
            ohos:below="$id:login_input_uname"
            ohos:top_margin="20vp"
            />
        <Button
            ohos:id="$+id:login_btok"
            ohos:height="50vp"
            ohos:width="200vp"
            ohos:text_size="20vp"
            ohos:text="确定登陆"
            ohos:text_alignment="center"
            ohos:background_element="red"
            ohos:align_parent_bottom="true"
            ohos:center_in_parent="true"
            />
    </DependentLayout>
    
</DirectionalLayout>