我vscode通过MPE预览我的.md文件，现在我通过MPE（chrome）将我的.md文件转化为PDF，PDF出现大量空白如何解决<h1 align="center">桂林电子科技大学</h>
<h
3 align="center">移动应用开发 实验报告</h
3>
<table style="undefined;table-layout: fixed; width: 7
20px">
<colgroup>
<col style="width: 100px">
<col style="width:
200px">
<col style="width: 60px">
<col style="width: 100px">
<col style="width: 60px">
<col style="width:
200px">
</colgroup>
<tbody>
<tr>
<td>实验名称</td>
<td colspan="
3">实验一 熟悉DevEco Studio开发环境</td>
<td rowspan="
3">评语</td>
<td rowspan="
3"></td>
</tr>
<tr>
<td>院系</td>
<td>计算机与信息安全学院</td>
<td>专业</td>
<td>计算机科学与技术</td>
</tr>
<tr>
<td>学号</td>
<td>
2200
300101
35</td>
<td>姓名</td>
<td>邹昆霖</td>
</tr>
<tr>
<td>实验
日期</td>
<td colspan="
2">
20
25年6月
29
日</td>
<td></td>
<td>成绩</td>
<td></td>
</tr>
</tbody>
</table>
### 一、实验目的
1. 掌握DevEco Studio创建工程的方法;
2. 掌握HarmonyOS应用Stage模型工程目录结构;
3. 掌握ArkUI基本组件(`Button`, `Text`)、布局(`Column`)的使用方式;
### 二、实验内容
<!-- 代码标题、图标标题必须使用**进行加粗显示-->
**1.实验任务**
（1）首先下载并安装DevEco Studio IDE(下载需要
注册并登录华为开发者
账号)。
（
2）启用CodeGenie,CodeGenie 是DevEco AI辅助编程工具,基于BitFun Platform AI能力平台,为开发者提供高效的应用与
服务AI编程支持,支持智能知识问答,同时支持ArkTS代码生成、页面生成、万能卡片生成能力,可以帮助开发者提高编码效率。
**
2.其他任务**
（1）阅读开发指南中的「应用程序包基础知识」章节,了解HarmonyOS应用程序包的结构(Stage模型),了解「应用程序包开发与使用」章节关于HAP、HAR、HSP等的描述。
（
2）阅读开发指南中的「应用配置文件(Stage模型)」章节,了解app.json5、module. json5配置文件的作用及配置文件中的各属性名称及含义。
（
3）了解DevEcoStudi。中「模拟器」和「预览器」调试的差异，学会创建「模拟器」并在其中运行第一个HarmonyOs应用。
（4）观看「HarmonyOs第一课」->「HarmonyOs简介」、「赋能套件和学习资料介绍」章节视频及文字资料，并完成该课程中的「闯关习题」，提交闯关习题成绩至课堂派。
（5）观看「HarmonyOS第一课」视频课程中的「IDE环境搭建」章节视频及文字资料，了解预览器、模拟器、真机调试的方式，并完成该课程中的闯关习题，提交闯关习题成绩至课堂派。
### 三、实验总结
在使用DevEco Studio IDE将代码写入后，在preview页面没有点击刷新页面，让我误以为代码错误，
无法加载。
在仔细阅读指南文档后解决
### 四、实验代码
以下分别是代码和运行结果截图示例。
**代码1. Index.ets**
在`Button`按钮的`onclick`事件中使用`router`组件实现页面跳转。
```ts
// Index.ets
// 导入页面路由模块
import { BusinessError } from &#
39;@kit.BasicServicesKit&#
39;;
@Entry
@Component
struct Index {
@State message: string = &#
39;Hello
World&#
39;;
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
// 添加按钮，以响应用户onClick事件
Button() {
Text(&#
39;Next&#
39;)
.fontSize(
30)
.fontWeight(FontWeight.Bold)
}
.type(ButtonType.Capsule)
.margin({
top:
20
})
.backgroundColor(&#
39;#0D9FFB&#
39;)
.width(&#
39;40%&#
39;)
.height(&#
39;5%&#
39;)
// 跳转按钮绑定onClick事件，单击时跳转到第二页
.onClick(() => {
console.info(`Succeeded in clicking
the &#
39;Next&#
39; button.`)
// 获取UIContext
let uiContext: UIContext = this.getUIContext();
let router = uiContext.getRouter();
// 跳转到第二页
router.pushUrl({ url: &#
39;pages/Second&#
39; }).
then(() => {
console.info(&#
39;Succeeded in jumping to
the second page.&#
39;)
}).catch((err: BusinessError) => {
console.error(`Failed to jump to
the second page. Code is ${err.code}, message is ${err.message}`)
})
})
}
.width(&#
39;100%&#
39;)
}
.height(&#
39;100%&#
39;)
}
}
```
<img src="./pictures/Screenshot_
20
25-07-01T
225
246.png" alt="打开hello
world页面" title="计数器App" width="
280" /> <br>
**图1.第一个页面运行结果**
**代码
2. Seconds.ets代码**
```ts
// Seconds.ets
// Second.ets
// 导入页面路由模块
import { BusinessError } from &#
39;@kit.BasicServicesKit&#
39;;
@Entry
@Component
struct Second {
@State message: string = &#
39;Hi
there&#
39;;
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
Button() {
Text(&#
39;Back&#
39;)
.fontSize(
30)
.fontWeight(FontWeight.Bold)
}
.type(ButtonType.Capsule)
.margin({
top:
20
})
.backgroundColor(&#
39;#0D9FFB&#
39;)
.width(&#
39;40%&#
39;)
.height(&#
39;5%&#
39;)
// 返回按钮绑定onClick事件，单击按钮时返回到第一页
.onClick(() => {
console.info(`Succeeded in clicking
the &#
39;Back&#
39; button.`)
// 获取UIContext
let uiContext: UIContext = this.getUIContext();
let router = uiContext.getRouter();
try {
// 返回第一页
router.back()
console.info(&#
39;Succeeded in returning to
the first page.&#
39;)
} catch (err) {
let code = (err as BusinessError).code;
let message = (err as BusinessError).message;
console.error(`Failed to return to
the first page. Code is ${code}, message is ${message}`)
}
})
}
.width(&#
39;100%&#
39;)
}
.height(&#
39;100%&#
39;)
}
}
```
<img src="./pictures/Screenshot_
20
25-07-01T
225
30
3.png" alt="打开
hit here页面" title="第二个界面" width="
280" /> <br>
**图
2.第
2个页面运行结果**
**「HarmonyOs第一课」成绩截图**
<img src="./pictures/屏幕截图
20
25-07-0
3 19551
2.png" alt="打开
hit here页面" title="第二个界面" width="1
200" /> <br>
**图
3.HarmonyOS介绍——成绩**
<img src="./pictures/屏幕截图
20
25-07-0
3 2000
22.png" alt="打开
hit here页面" title="第二个界面" width="1
200" /> <br>
**图5.DevEco Studio的使用——成绩**
这是源码### 四、实验代码
以下分别是代码和运行结果截图示例。
**代码1. Index.ets**
在`Button`按钮的`onclick`事件中使用`router`组件实现页面跳转。
```ts
// Index.ets
// 导入页面路由模块########这是问题所在，文本和代码块在PDF中存在
2/
3空白页
本文介绍了Hit2日服玩家在注册过程中遇到的困难，提供了解决方案：优化网络环境使用迅游加速器，检查邮箱信息准确性，以及关注官方公告以应对暂时性暂停。
扫一扫
3291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
