質問編集履歴

2

HTMLファイルの追加

2020/10/27 11:28

投稿

tasojiro
tasojiro

スコア16

test CHANGED
File without changes
test CHANGED
@@ -260,6 +260,342 @@
260
260
 
261
261
  ```
262
262
 
263
+
264
+
265
+ 「layout.html」
266
+
267
+ ```HTML
268
+
269
+ <!doctype html>
270
+
271
+ <html lang="ja">
272
+
273
+ <head>
274
+
275
+ <title>{% block titile %}{% endblock %}</title>
276
+
277
+ <meta charset="utf-8"/>
278
+
279
+ <link rel="stylesheet"
280
+
281
+ href="{{url_for('static', filename='style.css')}}">
282
+
283
+ </head>
284
+
285
+ <body>
286
+
287
+ <h1>{% block headline %}{% endblock %}</h1>
288
+
289
+
290
+
291
+ {% block content %}{% endblock %}
292
+
293
+
294
+
295
+ <div class="footer">
296
+
297
+ {% block footer %}{% endblock %}
298
+
299
+ </div>
300
+
301
+ </body>
302
+
303
+ </html>
304
+
305
+ ```
306
+
307
+
308
+
309
+ 「index.html」
310
+
311
+ ```HTML
312
+
313
+ {% extends "layout.html" %}
314
+
315
+
316
+
317
+ {% block title %}
318
+
319
+ index
320
+
321
+ {% endblock %}
322
+
323
+
324
+
325
+ {% block headline %}
326
+
327
+ Web Server
328
+
329
+ {% endblock %}
330
+
331
+
332
+
333
+ {% block content %}
334
+
335
+ <p>{{ message }}</p>
336
+
337
+ <div>
338
+
339
+ <form method="post" action="/" >
340
+
341
+ <input type="text" name="field">
342
+
343
+ <input type="submit" name="send" value="送信">
344
+
345
+ </form>
346
+
347
+ </div>
348
+
349
+ <p>Answer = {{ answer }}</p>
350
+
351
+ {% endblock %}
352
+
353
+
354
+
355
+ {% block footer %}
356
+
357
+ RURSystem.
358
+
359
+ {% endblock %}
360
+
361
+ ```
362
+
363
+
364
+
365
+ 「login.html」
366
+
367
+ ```HTML
368
+
369
+ {% extends "layout.html" %}
370
+
371
+
372
+
373
+ {% block title %}
374
+
375
+ Login
376
+
377
+ {% endblock %}
378
+
379
+
380
+
381
+ {% block headline %}
382
+
383
+ {{ title }}
384
+
385
+ {% endblock %}
386
+
387
+
388
+
389
+ {% block content %}
390
+
391
+ <p>{{ message }}</p>
392
+
393
+ <form method="post" aciton="/login">
394
+
395
+ <table>
396
+
397
+ <tr>
398
+
399
+ <th>id</th>
400
+
401
+ <td>
402
+
403
+ <input type="text" name="id" value="{{id}}">
404
+
405
+ </td>
406
+
407
+ </tr>
408
+
409
+ <tr>
410
+
411
+ <th>password</th>
412
+
413
+ <td>
414
+
415
+ <input type="password" name="pass">
416
+
417
+ </td>
418
+
419
+ </tr>
420
+
421
+ <th></th><td>
422
+
423
+ <input type="submit" value="Login">
424
+
425
+ </td>
426
+
427
+ </div>
428
+
429
+ </form>
430
+
431
+ </table>
432
+
433
+ {% endblock %}
434
+
435
+
436
+
437
+ {% block footer %}
438
+
439
+ RURSystem_Message board.
440
+
441
+ {% endblock %}
442
+
443
+ ```
444
+
445
+
446
+
447
+ 「messages.html」
448
+
449
+ ```HTML
450
+
451
+ {% extends "layout.html" %}
452
+
453
+
454
+
455
+ {% block title %}
456
+
457
+ Message
458
+
459
+ {% endblock %}
460
+
461
+
462
+
463
+ {% block headline %}
464
+
465
+ {{ title }}
466
+
467
+ {% endblock %}
468
+
469
+
470
+
471
+ {% block content %}
472
+
473
+ <div class="logout"><a href="logout">Logout</a></div>
474
+
475
+ <p>{{ message }}</p>
476
+
477
+ <form method="post" action="/">
478
+
479
+ <table>
480
+
481
+ <tr>
482
+
483
+ <th>Message</th>
484
+
485
+ <td>
486
+
487
+ <input type="text" name="comment" width="80">
488
+
489
+ </td>
490
+
491
+ <td>
492
+
493
+ <input type="submit" value="POST NOW">
494
+
495
+ </td>
496
+
497
+ </tr>
498
+
499
+ </table>
500
+
501
+ </form>
502
+
503
+ <hr>
504
+
505
+ <ul>
506
+
507
+ {% for item in data | reverse %}
508
+
509
+ <li>{{item[1]}} ({{item[0]}})</li>
510
+
511
+ {% endfor %}
512
+
513
+ </ul>
514
+
515
+ {% endblock %}
516
+
517
+
518
+
519
+ {% block footer %}
520
+
521
+ tasojiro.
522
+
523
+ {% endblock %}
524
+
525
+ ```
526
+
527
+
528
+
529
+ 「style.css」
530
+
531
+ ```CSS
532
+
533
+ body{
534
+
535
+ margin: 10px;
536
+
537
+ background-color: aliceblue;
538
+
539
+ }
540
+
541
+ h1{
542
+
543
+ color: lightsteelblue;
544
+
545
+ font-size: 36pt;
546
+
547
+ margin:0px;
548
+
549
+ }
550
+
551
+ p{
552
+
553
+ font-size: 14pt;
554
+
555
+ }
556
+
557
+ pre{
558
+
559
+ background-color: white;
560
+
561
+ font-size: 12pt;
562
+
563
+ padding: 10px;
564
+
565
+ }
566
+
567
+ div.footer{
568
+
569
+ text-align: right;
570
+
571
+ border-bottom: 1px solid lightskyblue;
572
+
573
+ color: lightskyblue;
574
+
575
+ margin: 50px 0px;
576
+
577
+ }
578
+
579
+ div.logout{
580
+
581
+ position: absolute;
582
+
583
+ right: 10px;
584
+
585
+ top: 10px;
586
+
587
+ font-weight: bold;
588
+
589
+ font-size: 12pt;
590
+
591
+ }
592
+
593
+
594
+
595
+ ```
596
+
597
+
598
+
263
599
  ###ディレクトリ構成
264
600
 
265
601
  「WebServer」

1

質問内容に関してご指摘をいただいたので、追記させていただきます。

2020/10/27 11:28

投稿

tasojiro
tasojiro

スコア16

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,10 @@
6
6
 
7
7
  ここで、ラズパイ本体に保存されている「app.py」ファイルから外部ストレージとして接続されているUSB内の「message.py」というファイルを実行したいと考えています。
8
8
 
9
+ ※追記
10
+
11
+ 本問題は、「コード」による問題が原因だと考えています。なので、「外部ストレージ」関連の問題は考慮外であることをお伝えします。しかし、可能性は0では無いので、あくまで問題の本筋を外部ストレージ関連の問題で固定してしまわないようにお願いします。
12
+
9
13
 
10
14
 
11
15
  ※ファイルの説明