c# – 无法正确增加代码

分类：Unity3d作者：编程之家用户

void LateUpdate()
{
    takeHiResShot = Input.GetKeyDown("k");
    resWidth = 256;
    resHeight = 256;

    if (takeHiResShot)
    {
        for (int i = 0; i < 20; ++i)
        {

            Vector3 buffer_x = new Vector3((int)rift.transform.eulerAngles.x + 1, (int)rift.transform.eulerAngles.y, (int)rift.transform.eulerAngles.z);
            rift.transform.eulerAngles = buffer_x;

            int y_buf = 160;
            for (int j = 0; j < 5; ++j)
            {
                Vector3 buffer_y = new Vector3((int)rift.transform.eulerAngles.x, (int)rift.transform.eulerAngles.y + 1, (int)rift.transform.eulerAngles.z);
                rift.transform.eulerAngles = buffer_y;

                Debug.Log(string.Format("i: {0}, j: {1}, eulerangles: {2}", i, j, rift.transform.eulerAngles));

                RenderTexture rt = new RenderTexture(resWidth, resHeight, 24);
                camera.targetTexture = rt;
                Texture2D screenShot = new Texture2D(resWidth, resHeight, TextureFormat.RGB24, false);
                camera.Render();
                RenderTexture.active = rt;
                screenShot.ReadPixels(new Rect(0, 0, resWidth, resHeight), 0, 0);
                camera.targetTexture = null;
                RenderTexture.active = null; // JC: added to avoid errors
                Destroy(rt);
                byte[] bytes = screenShot.EncodeToPNG();
                string filename = ScreenShotName(rift.transform.eulerAngles, max_x, max_y);
                System.IO.File.WriteAllBytes(filename, bytes);
                takeHiResShot = false;
            }

            Vector3 buffer_reset = new Vector3((int)rift.transform.eulerAngles.x, y_buf, (int)rift.transform.eulerAngles.z);
            rift.transform.eulerAngles = buffer_reset;
        }

    }
}

我需要从不同的x和y euler角度拍摄三维物体裂缝.我的代码工作(大部分时间)初始化x = -20和y = -5并且添加1.但是代码卡在x = -16并且没有得到超出该值的任何图片.我根本不理解我的错误,并且在3小时内一直在摸不着头脑.我怎么能纠正这个？

日志,如果我没有多大意义：

i: 1, j: 0, eulerangles: (342.0, 161.0, 0.0)
i: 1, j: 1, eulerangles: (342.0, 162.0, 0.0)
i: 1, j: 2, eulerangles: (342.0, 163.0, 0.0)
i: 1, j: 3, eulerangles: (342.0, 164.0, 0.0)
i: 1, j: 4, eulerangles: (342.0, 165.0, 0.0)
i: 2, j: 0, eulerangles: (343.0, 161.0, 0.0)
i: 2, j: 1, eulerangles: (343.0, 162.0, 0.0)
i: 2, j: 2, eulerangles: (343.0, 163.0, 0.0)
i: 2, j: 3, eulerangles: (343.0, 164.0, 0.0)
i: 2, j: 4, eulerangles: (343.0, 165.0, 0.0)
i: 3, j: 0, eulerangles: (344.0, 161.0, 0.0)
i: 3, j: 1, eulerangles: (344.0, 162.0, 0.0)
i: 3, j: 2, eulerangles: (344.0, 163.0, 0.0)
i: 3, j: 3, eulerangles: (344.0, 164.0, 0.0)
i: 3, j: 4, eulerangles: (344.0, 165.0, 0.0)
i: 4, j: 0, eulerangles: (344.0, 161.0, 0.0)
i: 4, j: 1, eulerangles: (344.0, 162.0, 0.0)
i: 4, j: 2, eulerangles: (344.0, 163.0, 0.0)

假设eulerangles按照我的方式增加可能是个问题,我尝试使用rift.transform.Rotate和Vector3(1.0F,0.0F,0.0F)进行x轴旋转(外环)和Vector3(0.0 F,1.0F,0.0F)用于y轴旋转(内环).它也会卡在x_angle = 9处.我不确定为什么旋转会卡住.

日志(我没有在这个版本中增加内部循环,所以175.0值是故意的)：

i: 7, j: 4, eulerangles: (8.0, 175.0, 0.0)
i: 8, j: 0, eulerangles: (9.0, 175.0, 0.0)
i: 8, j: 1, eulerangles: (9.0, 175.0, 0.0)
i: 8, j: 2, eulerangles: (9.0, 175.0, 0.0)
i: 8, j: 3, eulerangles: (9.0, 175.0, 0.0)
i: 8, j: 4, eulerangles: (9.0, 175.0, 0.0)
i: 9, j: 0, eulerangles: (9.0, 175.0, 0.0)
i: 9, j: 1, eulerangles: (9.0, 175.0, 0.0)
i: 9, j: 2, eulerangles: (9.0, 175.0, 0.0)
i: 9, j: 3, eulerangles: (9.0, 175.0, 0.0)
i: 9, j: 4, eulerangles: (9.0, 175.0, 0.0)
i: 10, j: 0, eulerangles: (9.0, 175.0, 0.0)

我在i = 9时再次停止递增并继续相同的值直到i = 19(循环结束).

新守则：

Vector3 GenerateXBuffer(Vector3 eulerAngles)
{
    Vector3 x_buffer;
    x_buffer = new Vector3((int)eulerAngles.x + 2, (int)eulerAngles.y, (int)eulerAngles.z);
    return x_buffer;
}

Vector3 GenerateYBuffer(Vector3 eulerAngles)
{
    Vector3 y_buffer;
    y_buffer = new Vector3((int)eulerAngles.x, (int)eulerAngles.y + 2, (int)eulerAngles.z);
    return y_buffer;
}

void StartTakingPictures()
{
    for (int i = 0; i < 20; ++i)
    {
        rift.transform.eulerAngles = GenerateXBuffer(rift.transform.eulerAngles);
        int y_buf = 175;
        for (int j = 0; j < 5; ++j)
        {
            rift.transform.eulerAngles = GenerateYBuffer(rift.transform.eulerAngles);

            Debug.Log(string.Format("i: {0}, j: {1}, eulerangles: {2}", i, j, rift.transform.eulerAngles));

            RenderTexture rt = new RenderTexture(resWidth, resHeight, 24);
            camera.targetTexture = rt;
            Texture2D screenShot = new Texture2D(resWidth, resHeight, TextureFormat.RGB24, false);
            camera.Render();
            RenderTexture.active = rt;
            screenShot.ReadPixels(new Rect(0, 0, resWidth, resHeight), 0, 0);
            camera.targetTexture = null;
            RenderTexture.active = null; // JC: added to avoid errors
            Destroy(rt);
            byte[] bytes = screenShot.EncodeToPNG();
            string filename = ScreenShotName(rift.transform.eulerAngles, max_x, max_y);
            System.IO.File.WriteAllBytes(filename, bytes);
            takeHiResShot = false;
        }

        Vector3 buffer_reset = new Vector3((int)rift.transform.eulerAngles.x, y_buf, (int)rift.transform.eulerAngles.z);
        rift.transform.eulerAngles = buffer_reset;
    }
}

void LateUpdate()
{
    takeHiResShot = Input.GetKeyDown("k");
    resWidth = 256;
    resHeight = 256;

    if (takeHiResShot)
    {
        StartTakingPictures();
    }
}

嗨@Aizen,正如你的建议,我把计算从更新循环中取出,它确实有所帮助.我现在得到82张图片(之前有56张图片),虽然我应该得到100张.你能再看到可能导致问题的错误吗？

解决方法:

你有两个问题：

>你正在危险地操纵轮换(参见docs);
>您正在危险地操纵浮点数(参见docs).

Unity在内部存储和操作所有旋转为Quaternions,而不是Euler Angles,并且他们有reasons这样做.因此,Transform.rotation是Quaternion类型的字段.对于人们来说,四元数不太直观,因此在大多数情况下,您希望将旋转应用为单独的Euler组件.这就是为什么他们添加像Transform.eulerAngles这样的属性,返回并使用Vector3.

但是,当您设置此属性时,例如rift.transform.eulerAngles = buffer_x; Transform类中没有Vector3支持字段,存储您传递的相同值.相反,它被转换为Quaternion并存储在Transform.rotation的支持字段中.同样,当您获得此属性时,其内部Quaternion值将转换为Vector3并返回.作为这两个内部操作的后果,您从此属性返回的值可能与传递给它的值不同.

我建议你做这个实验.在Component脚本的任何可访问部分内尝试此代码段：

for (float i = 0f; i <= 360f; i++)
{
  rift.transform.eulerAngles = new Vector3(i, 0, 0);
  Debug.Log(i.ToString("R") + " -> " + rift.transform.eulerAngles.x.ToString("R"));
}

并查看日志：

0 -> 0
1 -> 1
2 -> 2
3 -> 3
4 -> 4
5 -> 5.00000048
6 -> 6
7 -> 7.00000143
8 -> 8
9 -> 9.000001
10 -> 9.999999
11 -> 11
12 -> 12
13 -> 13.000001
14 -> 14
15 -> 15.0000019
16 -> 16.0000038
17 -> 17
18 -> 18.0000019
19 -> 18.9999981
20 -> 20.0000038
21 -> 21
22 -> 22.0000038
23 -> 22.9999981
24 -> 24.0000019
25 -> 25
26 -> 25.9999981
27 -> 27
28 -> 28
29 -> 29
30 -> 30.0000038
31 -> 31.0000019
32 -> 32
33 -> 33
34 -> 34
35 -> 34.9999962
36 -> 36.0000038
37 -> 36.9999962
38 -> 37.9999962
39 -> 39.0000038
40 -> 40.0000076
41 -> 41.0000038
42 -> 42.0000038
43 -> 43.0000038
44 -> 43.9999962
45 -> 45.0000038
46 -> 46
47 -> 47.0000038
48 -> 48
49 -> 49.0000038
50 -> 50.00001
51 -> 51
52 -> 52.0000038
53 -> 52.9999962
54 -> 54.0000038
55 -> 55.0000076
56 -> 56.00001
57 -> 57.0000038
58 -> 58
59 -> 59
60 -> 60.0000038
61 -> 61.0000038
62 -> 61.9999962
63 -> 62.9999924
64 -> 64
65 -> 65
66 -> 66.00001
67 -> 67
68 -> 68.00001
69 -> 69.00001
70 -> 70.0000153
71 -> 71.00001
72 -> 72
73 -> 73.00001
74 -> 74
75 -> 75
76 -> 76.0000153
77 -> 77.0000153
78 -> 78.00002
79 -> 79
80 -> 80.00003
81 -> 80.9999847
82 -> 82.0000153
83 -> 83.00002
84 -> 84.0000153
85 -> 85.00005
86 -> 86.00002
87 -> 87.00004
88 -> 88.00002
89 -> 89.00005
90 -> 90
91 -> 89.00005
92 -> 88.00002
93 -> 87.00004
94 -> 86.00002
95 -> 85.00001
96 -> 84.0000153
97 -> 83.00002
98 -> 81.99998
99 -> 80.9999847
100 -> 80.0000153
101 -> 79
102 -> 78.00001
103 -> 77.0000153
104 -> 76
105 -> 75
106 -> 74.0000153
107 -> 73.0000153
108 -> 72.0000153
109 -> 71.00001
110 -> 70.0000153
111 -> 69.00001
112 -> 68.0000153
113 -> 67
114 -> 66.00001
115 -> 64.99999
116 -> 64
117 -> 63.00001
118 -> 61.9999962
119 -> 61.0000038
120 -> 60.0000038
121 -> 59
122 -> 58.0000076
123 -> 57.0000038
124 -> 56.0000038
125 -> 55.0000038
126 -> 54.0000076
127 -> 53.0000038
128 -> 52.0000038
129 -> 51.0000076
130 -> 50
131 -> 49.0000076
132 -> 48
133 -> 47.0000038
134 -> 46.00001
135 -> 45.0000038
136 -> 44.0000076
137 -> 43.0000038
138 -> 42
139 -> 40.9999962
140 -> 40.0000038
141 -> 39.0000076
142 -> 37.9999962
143 -> 37.0000076
144 -> 36
145 -> 35
146 -> 34.0000076
147 -> 32.9999962
148 -> 32.0000038
149 -> 31.0000019
150 -> 30.0000038
151 -> 28.9999924
152 -> 28
153 -> 27.0000076
154 -> 25.9999981
155 -> 25.0000038
156 -> 23.9999962
157 -> 23
158 -> 22.0000076
159 -> 21
160 -> 20.0000076
161 -> 18.9999943
162 -> 18.0000038
163 -> 17.0000076
164 -> 16.0000038
165 -> 15.00001
166 -> 13.999999
167 -> 13.0000038
168 -> 11.9999952
169 -> 11.000001
170 -> 10.0000076
171 -> 8.999999
172 -> 8.000005
173 -> 6.999997
174 -> 6.000002
175 -> 5.000008
176 -> 4
177 -> 3.00000525
178 -> 1.9999975
179 -> 1.000003
180 -> -5.008956E-06
181 -> 359
182 -> 358
183 -> 357
184 -> 356
185 -> 355
186 -> 354
187 -> 353
188 -> 352
189 -> 351
190 -> 350
191 -> 349
192 -> 348
193 -> 347
194 -> 346
195 -> 345
196 -> 344
197 -> 343
198 -> 342
199 -> 341
200 -> 340
201 -> 339
202 -> 338
203 -> 337
204 -> 336
205 -> 335
206 -> 334
207 -> 333
208 -> 332
209 -> 331
210 -> 330
211 -> 329
212 -> 328
213 -> 327
214 -> 326
215 -> 325
216 -> 324
217 -> 323
218 -> 322
219 -> 321
220 -> 320
221 -> 319
222 -> 318
223 -> 317
224 -> 316
225 -> 315
226 -> 314
227 -> 313
228 -> 312
229 -> 311
230 -> 310
231 -> 309
232 -> 308
233 -> 307
234 -> 306
235 -> 305
236 -> 304
237 -> 303
238 -> 302
239 -> 301
240 -> 300
241 -> 299
242 -> 298
243 -> 297
244 -> 296
245 -> 295
246 -> 294
247 -> 293
248 -> 292
249 -> 290.999969
250 -> 290
251 -> 289
252 -> 288
253 -> 287
254 -> 285.999969
255 -> 285
256 -> 284
257 -> 283
258 -> 282
259 -> 280.999969
260 -> 280
261 -> 279
262 -> 277.999969
263 -> 277.000031
264 -> 275.999939
265 -> 275
266 -> 273.999939
267 -> 272.999878
268 -> 271.999969
269 -> 270.999939
270 -> 270
271 -> 270.999939
272 -> 271.999969
273 -> 273.000031
274 -> 273.999969
275 -> 275
276 -> 276
277 -> 276.999969
278 -> 278
279 -> 279
280 -> 280
281 -> 281
282 -> 282
283 -> 283
284 -> 284
285 -> 285
286 -> 285.999969
287 -> 287
288 -> 288
289 -> 289
290 -> 290
291 -> 290.999969
292 -> 292
293 -> 293
294 -> 294
295 -> 295
296 -> 296
297 -> 297
298 -> 298
299 -> 299
300 -> 300
301 -> 301
302 -> 302
303 -> 303
304 -> 304
305 -> 305
306 -> 305.999969
307 -> 307
308 -> 308
309 -> 309
310 -> 310
311 -> 311
312 -> 312
313 -> 313
314 -> 314
315 -> 315
316 -> 316
317 -> 317
318 -> 318
319 -> 319
320 -> 320
321 -> 320.999969
322 -> 322
323 -> 323
324 -> 324
325 -> 325
326 -> 326
327 -> 327
328 -> 328
329 -> 329
330 -> 330
331 -> 331
332 -> 332
333 -> 333
334 -> 334
335 -> 335
336 -> 336
337 -> 337
338 -> 338
339 -> 339
340 -> 340
341 -> 341
342 -> 342
343 -> 343
344 -> 344
345 -> 344.999969
346 -> 346
347 -> 347
348 -> 348
349 -> 349
350 -> 349.999969
351 -> 351
352 -> 352
353 -> 353
354 -> 354
355 -> 354.999969
356 -> 356
357 -> 357
358 -> 358
359 -> 359
360 -> 1.00179122E-05

现在,查找对应于i = 345f的输出,您将看到344.999969.你现在明白了吗？好吧,在你的代码中,在i = 3迭代中,你将rift.transform.eulerAngles设置为值为345f作为x分量.然后,在下一次迭代中,你做(int)rift.transform.eulerAngles.x.那将解析为(int)344.999969,再次是344,而不是345！ (请记住,从float到int的显式转换只会删除小数部分,不会舍入).从这一点开始,它不断重复这个结果,这就是为什么你的增量卡住了.

这是Unity认为这是一种错误做法的原因之一,并说：

the mistake here is that we are reading, modifying then writing the Euler
values from a quaternion. Because these values calculated from a Quaternion,
each new rotation may return very different Euler angles, which may suffer from gimbal lock.

现在是提及gimbal lock的适当时机.我不会深入研究这一点,但我非常推荐阅读.此外,看看i = 90f和i = 270f之间的日志,看看你正在做什么的危险.

顺便说一句……为什么你要将Euler组件转换为int？我不明白为什么那里有必要.您可以使用浮点值并一直递增它们.您甚至可以在do循环中使用float迭代变量,就像我之前的代码片段一样.

避免从浮点值假设整数表示的实践.在float上应用简单的操作可以打破这个假设,也可以使用高数字.看看这个：

int a = 1000;
float x = Mathf.Sqrt(a) * Mathf.Sqrt(a);
Debug.Log("a: " + a + "; x: " + x.ToString("R") + " -> (int)x: " + (int)x);
// a: 1000; x: 999.999939 -> (int)x: 999

a = 100000001;
x = a;
Debug.Log("a: " + a + "; x: " + x.ToString("R") + " -> (int)x: " + (int)x);
// a: 100000001; x: 1E+08 -> (int)x: 100000000

如果你真的,真的需要将角度转换为int,我建议你采用这种方法：

void LateUpdate()
{
  // (...)
  takeHiResShot = Input.GetKeyDown("k");
  if (takeHiResShot)
  {
    Vector3 startAngles = rift.transform.eulerAngles;
    for (int i = 1; i <= 20; ++i)
    {
      for (int j = 1; j <= 5; ++j)
      {
        //Setting transform.rotation is safer than setting transform.eulerAngles
        rift.transform.rotation = Quaternion.Euler((int)startAngles.x + i, (int)startAngles.y + j, (int)startAngles.z);
        Debug.Log(string.Format("i: {0}, j: {1}, eulerangles: {2}", i, j, rift.transform.eulerAngles));
        // (...)
      }
      //It is safe here because you didn't manipulate the value,
      //but Quaternion.Euler is still more advisable
      rift.transform.eulerAngles = startAngles;
    }
  }
}

原文地址：https://codeday.me/bug/20190701/1346661.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

Unity3D中如何通过Animator动画状态机获取任意animation clip的准确播放持续时长
这篇文章将为大家详细讲解有关Unity3D中如何通过Animator动画状态机获取任意animation clip的准确播放持续时长，小编觉得挺实用的，因此分享给大家做个参考，
Unity3D如何播放游戏视频
这篇文章主要介绍了Unity3D如何播放游戏视频，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解
Unity3D各平台路径是什么
这篇文章给大家分享的是有关Unity3D各平台路径是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。1、Resources路径 Reso...
Unity3D如何实现移动平台上的角色阴影
小编给大家分享一下Unity3D如何实现移动平台上的角色阴影，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！由于目前主流使用Unity3.x在移动平...
如何解析基于Unity3D的平坦四叉树地形与Virtual Texture的分析
如何解析基于Unity3D的平坦四叉树地形与Virtual Texture的分析，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希
Unity3D如何实现动态分辨率降低渲染开销
这篇文章主要介绍Unity3D如何实现动态分辨率降低渲染开销，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！之前项目降低分辨率我们都普...
unity3d中如何使用屏幕空间改善shadowmap漏光
这篇文章主要介绍了unity3d中如何使用屏幕空间改善shadowmap漏光，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编...
unity3d如何实现基于屏幕空间的描边
这篇文章主要介绍unity3d如何实现基于屏幕空间的描边，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！Outline(Based on Image Space)由...
unity3d中导入fbx时的Scale是什么
这篇文章给大家分享的是有关unity3d中导入fbx时的Scale是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。在Unity中点击GameOb...
unity3d中如何实现ttc转ttf及制作字体
这篇文章主要为大家展示了“unity3d中如何实现ttc转ttf及制作字体”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习
unity3d中水彩风渲染有什么用
这篇文章主要介绍了unity3d中水彩风渲染有什么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了...
unity3d中图像压缩原理是什么
这篇文章将为大家详细讲解有关unity3d中图像压缩原理是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。1 图像可压缩...
unity3d中光照公式有哪些
这篇文章给大家分享的是有关unity3d中光照公式有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。漫反射、高光、物理渲染（PBR...
unity3d中光照探针的示例分析
小编给大家分享一下unity3d中光照探针的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我...
Unity3D中Rendering Paths及LightMode的示例分析
这篇文章将为大家详细讲解有关Unity3D中Rendering Paths及LightMode的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有
unity3d中图形学的光照原理是什么
这篇文章将为大家详细讲解有关unity3d中图形学的光照原理是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。首先，在...
unity3d中图片渲染流程是什么
这篇文章给大家分享的是有关unity3d中图片渲染流程是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。相关名词GPU（Graphic Pr...
基于Unity3D的智能家居仿真系统——户型绘制基本功能介绍
本篇我们来介绍一下左侧工具栏中基本绘制的应用。 一、墙体绘制直墙 & 矩形墙绘制墙体时，可以看到上方的工具栏中对墙体进行参数的设定。 弧形墙在建筑版的户...
Unity3D|-XLua热更新用法的大致流程
xlua是由腾讯维护的一个开源项目，我们可以在github上下载这个开源项目并查看一些相关文档官网：https://github.com/Tencent/xLua配置文档：https://github.com/Tencent/xLua/blob/master/Assets/XLua/Doc/hotfix.md常见问题解答：https://github.com/Tencent/xLua/blob/master/Assets/
Unity3D 游戏贴图法线贴图，漫反射贴图，高光贴图
我们都知道，一个三维场景的画面的好坏，百分之四十取决于模型，百分之六十取决于贴图，可见贴图在画面中所占的重要性。在这里我将列举一些贴图，并且初步阐述其概念，理解原理的基础上制作贴图，也就顺手多了。我在这里主要列举几种UNITY3D中常用的贴图，与大家分享，希望对大家有帮助。01 首先
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot