我们上⾯讨论了再开发过程中如何查找和修正错误，使这些错误不会再发布的代码中出
现，但有时，我们知道可能会有错误发⽣，但不能100%的肯定他们不会发⽣，此时最好
能预料到错误的发⽣，编写⾜够健壮的代码以处理这些错误，⽽不必中断程序的执⾏。  

**错误处理**就是⽤于这个⽬的。下⾯学习异常和处理他们的⽅式。  

## 异常：
异常是在**运⾏期间代码中产⽣的错误**。  

⽰例： 

```c#
 int[] myArray = {1,2,3,4};  
 int myEle = myArray[4];//数组下标越界   
```
 
 
运⾏到这⾥的时候，会出现异常，这个异常的定义已经在CLR中定义好了。  
**如果我们不去处理这个异常，那么当异常发⽣的时候，程序会终⽌掉，然后异常后⾯的代码都⽆法执⾏。**

## 异常处理(捕捉异常)   
**try ... catch ... finally 语句**  
我们处理异常的语法结构如下(包含了三个关键字 try catch finally)  

```c#
try{
...
}
catch( <exceptionType> e ){
...
}
finally{
}  
    
```

其中catch块可以有0或者多个，finally可以有0或者1个  
但是如果没有catch块，必须有finally块，没有finally块，必须有catch块，catch块和finally  
块可以同时存在  

**每个代码块的⽤法**   
- **try**块包含了**可能出现异常的代码**(⼀条或者多条语句)  
- **catch**块⽤来**捕捉异常**，当代码发⽣异常，那么异常的类型和catch块中的类型⼀样的时
- 候，就会执⾏该catch块，如果catch块的参数不写，表⽰发⽣任何异常都执⾏这个catch块  
- **finally**块包含了**始终会执⾏的代码**，不管有没有异常产⽣都会执⾏  
    
**编程题：**
    
1、处理刚刚的下标越界异常。  
```c#
int[] myArr = { 1,2,3,4};

try {
  int temp = myArr[4];
} catch {
  //出现这个异常的时候，怎么处理
  Console.WriteLine("出现了数组下标越界的异常");
} finally {
  Console.WriteLine("不管是否出现异常，都会执行");
}

Console.Write("23");
```
2、让⽤户输⼊两个数字，⽤户可能会出⼊⾮数字类型，处理该异常，如果出现该异常就
让⽤户重新输⼊，输出这两个数字的和  

```c#
Console.WriteLine("请输入两个数字，每行一个");
int n1 = 0, n2 = 0;
while (true) {

  try {
    n1 = Convert.ToInt32(Console.ReadLine());
    n2 = Convert.ToInt32(Console.ReadLine());
    break;
  } catch (FormatException e) {
    Console.WriteLine("你输入的数据，不符合规则,请重新输入");
  }
}
Console.WriteLine(n1 + n2);  
```

错误处理(异常处理)

## 错误（Bug）：
代码中难免存在错误，不论程序员多么优秀，程序总会出现问题，有些问题，⽐如**变量名
字写错，导致编译器⽆法编译（语法错误）**，有的时候我们的**逻辑在某些⽅⾯有瑕疵**，也会产⽣错误，这类错误成为**语义错误（逻辑错误）**。  
我们接下来学习如何在程序出错之后，使⽤VS提供给我们的调试功能，**找到错误的原
因，修改代码。(调试)**  
以及学习c#中的错误处理技术，**对可能发⽣错误的地⽅采取预防措施，并编写弹性代码
来处理可能会发⽣的致命错误。(错误处理)**

## 正常模式下的调试：
正常模式指的是不会影响程序的正常运⾏。    
* 在VS中我们使⽤Console.Write(或者WriteLine)⽅法**向控制台输出变量的值**，通过这个我们可以查看变量的值是否符合我们的预期来调试错误。  
* 在Unity中我们使⽤Debug.Log("") Debug.LogError("") Debug.LogWarn("")，向unity的  Console窗⼝输出信息，帮助我们调试错误。  

## 中断（Debug）模式下的调试：

中断模式指我们可以暂停程序的执⾏，然后查看程序中的状态，也可以让程序继续执⾏。  
:::info{title="相关信息"}
如何让程序中断？
:::
   
## 断点
断点是什么？    
**断点是源代码中⾃动进⼊中断模式的⼀个标记**，当遇到断点的时候，程序会进⼊中断模式。  
:::info{title="如何插⼊断点？ "}
* 右击代码⾏，选择breakpoint(断点) -> insert breakpoint（插⼊断点）  
* 光标定位到代码⾏，选择菜单上的Debug(调试)->Toggle Breakpoint(切换断点)  
* 光标定位到代码⾏，按下F9键，在此按下F9是取消断点  
* 在需要添加断点的⾏⾸位置，直接单击，再次单击取消断点  
:::
 




**窗⼝ Breakpoints**   
我们可以通过 (调试-窗⼝-断点)，打开断点窗⼝，这个窗⼝显⽰了当前项⽬中添加了的所有的断点，我们可以在这⾥定位断点的位置，也可以去删除断点。  

## 监视变量的内容
在中断模式下查看变量值最简单的⽅式，就是把⿏标指向源代码中的变量名，此时会出现
⼀个⼯具提⽰，显⽰该变量的信息。  

中断模式下的窗⼝（左下⾓），有三个选项卡  
-  错误列表 -程序运⾏中发⽣的所有错误的列表  
-  局部变量 -当前运⾏环境中所有的局部变量的值  
-  监视 -监视某个变量的值的变化  
在上⾯的⼏个窗⼝中不但可以观察变量值的变化，还可以直接去修改变量中存储的值  

调⽤堆栈和即时窗⼝：  
在中断模式下，可以在右下⾓看到调⽤堆栈和即时窗⼝  

在调⽤堆栈窗⼝下我们可以观察到当前代码执⾏到哪⼀⾏了，并且可以看到这个代码的是
被什么语句调⽤的  
即时窗⼝我们可以在这⾥输⼊⼀些命令，查看变量的值，修改变量的值，可以输⼊表达式
查看结果   

## 单步执行代码：
在中断模式下我们可以单步执⾏代码，单步执⾏带有有两种 逐过程和逐语句，他们两个
都是⼀条语句⼀跳语句的执⾏，**区别在于逐过程遇到函数，不会进⼊函数内部**，⽽把函数
当成⼀条语句去执⾏。

程序调试

![image.png](/static/img/5ce856daf10d2955912edb35c166664b.image.png)  

![image.png](/static/img/222df31c77b22959516623e4359339ff.image.png)

## 制作教程  

![image.png](/static/img/3fe3bcb62176f9d7f2ab682eb4be29a4.image.png)
> 插入人物素材  

![image.png](/static/img/65f5e62f07869479d18213b4d9f00115.image.png)
> 用线条曲线大致画出一个嘴巴的形状
>右键编辑线条顶点   

![image.png](/static/img/072eaaada01429c1c0a4425ee33b9be0.image.png)
> 调整填充色为肉色

![image.png](/static/img/30698966b8c2b4e6d190562422178aad.image.png)
> 调整线条颜色为黑色   宽度为3榜

![image.png](/static/img/575b9172c7a21f9f5518a69c7df0c4ce.image.png)
> 插入文本框  依次输入文本内容

![image.png](/static/img/a9544a4823acef24dc75b6ab6d700e07.image.png)
> 给标题文字添加一个弹跳的动画  

![image.png](/static/img/5fa7e3794d13f1df32a6b54686822b34.image.png)
![image.png](/static/img/0424df0833a8283e80ea8bb8924a0fcf.image.png)
> 给下一段文字添加出场动画   

![image.png](/static/img/06360d88826731436d0477260832f77c.image.png)
> 动画触发  **与上一动画同时**

![image.png](/static/img/073180fbc3fe158999040c1efec75248.image.png)
> 右键设置文本框，选择效果选项

![image.png](/static/img/8a27fa3b91da8151263cb9b065c0179c.image.png)
> 动画**按字母顺序**出场  延迟秒数0.2秒

![image.png](/static/img/8c95d431ffd3582b00264b5fa8a9dc75.image.png)
> 选中嘴巴  

![image.png](/static/img/9091bf30a0c40444197dbc27904b63c4.image.png)
> 给嘴巴设置一个淡化的动画效果

![image.png](/static/img/cadc16b6baafb29d68672bae274bd69a.image.png)
![image.png](/static/img/bd54702724270b393d43be836cd0e669.image.png)
> 在添加一个闪烁的动画效果  

![image.png](/static/img/06360d88826731436d0477260832f77c.image.png)
> 两个动画  均为**与上一动画同时**

![image.png](/static/img/c21283e25a8a57ca5e88ef907f4f3f7a.image.png)
> 打开动画**效果选项**

![image.png](/static/img/8af50ad1ff642597247dc76b1c9898b7.image.png)
 > 期间  设为**非常快**
   重复  设为**直到幻灯片末尾**  
   
再添加一个淡化的动画

在PPT中添加人物说话

## Firefly III 介绍
Firefly III 是开源免费、无广告的个人财务的（自托管）它可以帮助您跟踪您的支出和收入，统计少花钱多存钱。Firefly III 支持使用预算、类别和标签。使用一堆外部工具，支持可以导入数据。它还提供许多简洁的财务报告。

演示地址:https://demo.firefly-iii.org/login

![image.png](/static/img/982c6c75d3255211cdf7cb2d4295cb5f.image.png)

Firefly III 有多种运行方式

可以将它安装在您的服务器上。  
可以使用 Docker 运行它。  
可以使用 Softaculous 安装它。  
可以使用 AMPPS 安装它。  
可以将它安装在 Cloudron 上。  
可以将它安装在 Lando 上。  
可以将它安装在 Yunohost 上    

github:https://github.com/firefly-iii/firefly-iii/


![image.png](/static/img/65de298faed7c6e70590957cde1bd5e4.image.png)
### 环境准备
- Docker 安装
- MariaDB 安装  

首先打开**套件中心**
![image.png](/static/img/91c8c56a7d252ab18ba2b6d2e792816d.image.png)
选择安装位置

![image.png](/static/img/aadecada3692f2ef57f986419593502c.image.png)
设置密码

![image.png](/static/img/fa907f75df33e6d1df3010be1ac3ffc0.image.png)
确认安装

![image.png](/static/img/5b110c52908bc42326537d233ab9c181.image.png)
服务正常  
勾选完成本地打开插件，勾选TCP/IP连接

![image.png](/static/img/7e6b968787ddd889609c0b4bdf45b1b9.image.png)
本地连接nas服务器 (可以使用xshell, crt等连接)  
如果没有开启，可以后台开启一下

![image.png](/static/img/d64ce8de65738ae72b0e31905671548d.image.png)
创建用户名以及数据库
```
CREATE DATABASE firefly ;   #firefly为库名
CREATE USER 'firefly'@'%' IDENTIFIED BY 'aCna2D@1CZ';  #授权firefly密码为aCna2D@1CZ
grant all privileges on firefly.* to 'firefly'@'%' identified by "aCna2D@1CZ";  #授权firefly库
```

目前我们的MariaDB连接信息如下

- 用户名: root
- 密码: 后台自己设置的
- 端口: 3306
- 地址: nas_ip
安装完成后，我们就可以下载Firefly III镜像

## Docker安装Firefly III  
搜索镜像**firefly**

- fireflyiii/core:beta. 此标签包含 beta 版本。
- fireflyiii/core:alpha. 此标签包含 alpha 版本。
- fireflyiii/core:develop. 始终是最新的开发图像。可能不稳定。

![image.png](/static/img/b544a1e4e443e2e4eef7566929caa459.image.png)
选择镜像启动

![image.png](/static/img/b87d12805e3bc5e671210e8224e8506a.image.png)
此处默认

![image.png](/static/img/97904297794f52d6b40d37c484187a04.image.png)
![image.png](/static/img/171428c148e262d653439807f5b67475.image.png)

手动指定一个端口号
![image.png](/static/img/79d06db4389497c870dea996a09b8465.image.png)

映射持久化目录
![image.png](/static/img/d76421a0339434edb67b03bdd43a35c8.image.png)

创建持久化目录
![image.png](/static/img/5420b5ce12a21e56e097e4fcbb56840a.image.png)

配置
![image.png](/static/img/70b090a0f03e08766fc8db07190b313a.image.png)

|文件夹	|装载路径	|说明|  
| --- | --- | --- |
|docker/firefly/export	|/var/www/html/storage/export	|存放导出文件|  
|docker/firefly/upload	|/var/www/html/storage/upload	|存放上传文件|  

点击完成后，我们不要启动容器。
这时候编辑一下环境变量

![image.png](/static/img/f7bae1cb5afc0767abd126858a961356.image.png)

环境变量如下


|变量名	|Value|
| --- | --- |
| APP_KEY	| 必须是 32 位| 
| DB_HOST	| 数据库地址| 
| DB_PORT	| 数据库端口| 
| DB_CONNECTION	| 数据库类型| 
| DB_DATABASE	| 数据库库名| 
| DB_USERNAME	| 数据库用户| 
| DB_PASSWORD	| 数据库密码| 
按照对应的修改即可，APP_KEY为随机32位，可以随机生成


:::info{title="相关信息"}
可以直接复制我的 AgXj2E9M0PGhRqhzoMtycqDRkNwIRHjO
:::


![image.png](/static/img/2e07a2f8c59aed90685591c4707e5dda.image.png)

启动后等待一会就可以访问系统了
![image.png](/static/img/2b47debdff36e8ddff7f3efad1337845.image.png)

我们需要给自己注册一个管理员用户

:::tip{title="提示"}
密码需要16位
:::
设置货币以及中文


![image.png](/static/img/721114cd53845208af4cb6651451aac1.image.png)

此时已经配置完成

![image.png](/static/img/7dc4a3307201faff1d2ad5b766894e55.image.png)




:::info{title="相关信息"}
特别感谢 FRPS（原文作者）的文章，原文链接：https://frps.cn/261.html  
如涉及侵权，请联系删除
:::

群晖搭建个人理财记账工具

![image.png](/static/img/4463af292b749dcfda7873b9613c06e9.image.png)  

![image.png](/static/img/f6db99e1171cdcb7c38ce45105a75f78.image.png)

# 制作教程 

![image.png](/static/img/38df5c8720228bfcb5f837bf884596e2.image.png)
> 插入一个全屏矩形 

![image.png](/static/img/d683e4ac566c32d62566bcae1303f736.image.png)
> *  设置形状格式   去掉线条 ( 无线条 )  
> * 填充  纯色填充  黑色  透明度50

![image.png](/static/img/c83b1e505a8f1f443c97a0901ae88361.image.png)
>  给矩形添加一个  **淡化** 的动画效果

![image.png](/static/img/a6ffe4c8e6460be90d03ee141d57e474.image.png)
> 绘制一个圆环  放在页面居中位置 

![image.png](/static/img/8d835dd4284d0b6f8ffb7457991a90cc.image.png)
> 拖动黄色的控点调节圆环宽度

![image.png](/static/img/a72ab4c86e2406d2d45ce063e1add462.image.png)  
> * 设置形状格式   去掉圆环的线条 ( 无线条 )    
> *  填充   渐变填充 角度90  
> * 渐变光圈  保留两个光圈  蓝色和绿色  将两个光圈往中间移动 

![image.png](/static/img/51b7e4e2485ac1f76be2e295ccace386.image.png)
> 给光圈添加一个  **陀螺旋**  动画效果

![image.png](/static/img/b37fde4b75aed75a4e44eaf1bf38462b.image.png)
> * 插入一个文本框  
> * 输入文字Thanks  粗体  字号 72

![image.png](/static/img/6f529497ab3ad2e706301ac4c8574bdf.image.png)
> 将文字放在圆环中间居中对齐 

![image.png](/static/img/2c32c52820b0aefd46be94d6c67d5fe0.image.png)
> 再给文字添加一个  **淡化**  动画效果

![image.png](/static/img/ac019e6e26797a9a85db9ef4559bd362.image.png)
> 插入一张图片   图片置于底层 

![image.png](/static/img/e588b7b0b3051de04cec876e46bc2713.image.png)
> 把图片放的超大 

![image.png](/static/img/a249c3fd8a2e964001ca534ec0411c91.image.png)
> 给图片添加一个  **放大缩小**  动画效果 

![image.png](/static/img/70965f35c26e0e8535a720cafb82eea0.image.png)
> 效果选项  较小

> 点选动画窗格 

![image.png](/static/img/9dec97dba3fc8f0cb5a34c09642a9cea.image.png)
> 所有动画开始都改为  **与上一动画同时** 

![image.png](/static/img/1c241b75a01e5eea90410ab54a70b1a0.image.png)
> 矩形  **持续时间**  改为2秒  

![image.png](/static/img/605f8dd02c31388bc2c239d35c24b51a.image.png)
> 文本  **动画延迟**  2秒

PPT动画结尾

msvalidate.01

360-site-verification

sogou_site_verification

baidu-site-verification

95f521bf6bd97279d4c7d479ce66ad91_1745636273

shenma-site-verification

script

link

《千纸鹤》是一个关于个人成长、心灵探索和生活哲学的博客。通过结合纸鹤的象征意义，博客传递着希望、自由、勇气和梦想的理念，分享作者在人生旅途中所遇到的挑战与感悟。每一篇文章都如同一只飞翔的纸鹤，轻盈地载着思想与情感，带领读者在迷茫与困顿中找到属于自己的方向。