質問するログイン新規登録

質問編集履歴

2

HTMLファイルの追加

2020/10/27 11:28

投稿

tasojiro
tasojiro

スコア16

title CHANGED
File without changes
body CHANGED
@@ -129,6 +129,174 @@
129
129
  if __name__== '__main__':
130
130
  app.run(debug=True, host='localhost', port=5000)
131
131
  ```
132
+
133
+ 「layout.html」
134
+ ```HTML
135
+ <!doctype html>
136
+ <html lang="ja">
137
+ <head>
138
+ <title>{% block titile %}{% endblock %}</title>
139
+ <meta charset="utf-8"/>
140
+ <link rel="stylesheet"
141
+ href="{{url_for('static', filename='style.css')}}">
142
+ </head>
143
+ <body>
144
+ <h1>{% block headline %}{% endblock %}</h1>
145
+
146
+ {% block content %}{% endblock %}
147
+
148
+ <div class="footer">
149
+ {% block footer %}{% endblock %}
150
+ </div>
151
+ </body>
152
+ </html>
153
+ ```
154
+
155
+ 「index.html」
156
+ ```HTML
157
+ {% extends "layout.html" %}
158
+
159
+ {% block title %}
160
+ index
161
+ {% endblock %}
162
+
163
+ {% block headline %}
164
+ Web Server
165
+ {% endblock %}
166
+
167
+ {% block content %}
168
+ <p>{{ message }}</p>
169
+ <div>
170
+ <form method="post" action="/" >
171
+ <input type="text" name="field">
172
+ <input type="submit" name="send" value="送信">
173
+ </form>
174
+ </div>
175
+ <p>Answer = {{ answer }}</p>
176
+ {% endblock %}
177
+
178
+ {% block footer %}
179
+ RURSystem.
180
+ {% endblock %}
181
+ ```
182
+
183
+ 「login.html」
184
+ ```HTML
185
+ {% extends "layout.html" %}
186
+
187
+ {% block title %}
188
+ Login
189
+ {% endblock %}
190
+
191
+ {% block headline %}
192
+ {{ title }}
193
+ {% endblock %}
194
+
195
+ {% block content %}
196
+ <p>{{ message }}</p>
197
+ <form method="post" aciton="/login">
198
+ <table>
199
+ <tr>
200
+ <th>id</th>
201
+ <td>
202
+ <input type="text" name="id" value="{{id}}">
203
+ </td>
204
+ </tr>
205
+ <tr>
206
+ <th>password</th>
207
+ <td>
208
+ <input type="password" name="pass">
209
+ </td>
210
+ </tr>
211
+ <th></th><td>
212
+ <input type="submit" value="Login">
213
+ </td>
214
+ </div>
215
+ </form>
216
+ </table>
217
+ {% endblock %}
218
+
219
+ {% block footer %}
220
+ RURSystem_Message board.
221
+ {% endblock %}
222
+ ```
223
+
224
+ 「messages.html」
225
+ ```HTML
226
+ {% extends "layout.html" %}
227
+
228
+ {% block title %}
229
+ Message
230
+ {% endblock %}
231
+
232
+ {% block headline %}
233
+ {{ title }}
234
+ {% endblock %}
235
+
236
+ {% block content %}
237
+ <div class="logout"><a href="logout">Logout</a></div>
238
+ <p>{{ message }}</p>
239
+ <form method="post" action="/">
240
+ <table>
241
+ <tr>
242
+ <th>Message</th>
243
+ <td>
244
+ <input type="text" name="comment" width="80">
245
+ </td>
246
+ <td>
247
+ <input type="submit" value="POST NOW">
248
+ </td>
249
+ </tr>
250
+ </table>
251
+ </form>
252
+ <hr>
253
+ <ul>
254
+ {% for item in data | reverse %}
255
+ <li>{{item[1]}} ({{item[0]}})</li>
256
+ {% endfor %}
257
+ </ul>
258
+ {% endblock %}
259
+
260
+ {% block footer %}
261
+ tasojiro.
262
+ {% endblock %}
263
+ ```
264
+
265
+ 「style.css」
266
+ ```CSS
267
+ body{
268
+ margin: 10px;
269
+ background-color: aliceblue;
270
+ }
271
+ h1{
272
+ color: lightsteelblue;
273
+ font-size: 36pt;
274
+ margin:0px;
275
+ }
276
+ p{
277
+ font-size: 14pt;
278
+ }
279
+ pre{
280
+ background-color: white;
281
+ font-size: 12pt;
282
+ padding: 10px;
283
+ }
284
+ div.footer{
285
+ text-align: right;
286
+ border-bottom: 1px solid lightskyblue;
287
+ color: lightskyblue;
288
+ margin: 50px 0px;
289
+ }
290
+ div.logout{
291
+ position: absolute;
292
+ right: 10px;
293
+ top: 10px;
294
+ font-weight: bold;
295
+ font-size: 12pt;
296
+ }
297
+
298
+ ```
299
+
132
300
  ###ディレクトリ構成
133
301
  「WebServer」
134
302
  →(app.py)

1

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

2020/10/27 11:28

投稿

tasojiro
tasojiro

スコア16

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  現在Webアプリケーションを開発しており、「Raspberry pi(以下、ラズパイ)」で「Flask」を利用して開発しています。
4
4
  ここで、ラズパイ本体に保存されている「app.py」ファイルから外部ストレージとして接続されているUSB内の「message.py」というファイルを実行したいと考えています。
5
+ ※追記
6
+ 本問題は、「コード」による問題が原因だと考えています。なので、「外部ストレージ」関連の問題は考慮外であることをお伝えします。しかし、可能性は0では無いので、あくまで問題の本筋を外部ストレージ関連の問題で固定してしまわないようにお願いします。
5
7
 
6
8
  ※ファイルの説明
7
9
  ①「app.py」...ラズパイ本体に保存されている実行ファイル。Web上に用意しているテキストボックスに文字が入力され送信ボタンが押されると、「judg.py」ファイルへ値を送信する。