python,djangoでは2つくらいwebアプリケーションを作ったのですがもっと軽量なフレームワークであるbottleでは特に何も作ったことがありませんでした。
bottleをインストールしていろいろやっていたのですが、
cssの読み込みどうするの???
cssはこう読み込む
というわけでネットの海をポチポチ探っていると見つかりました。
まだいちばんやさしいpython教本から少しづつ改造している途中なのですが、とりあえず.py部分はこのように書きました。
from bottle import route, run, template, request, static_file import os from pybot import pybot BASE_DIR = os.path.dirname(os.path.abspath(__file__)) STATIC_DIR = os.path.join(BASE_DIR, 'static') @route('/douinyosoku/1/') def hello(): return template('template', input_text='', output_text='') @route('/douinyosoku/1/', method='POST') def do_hello(): input_text = request.forms.input_text output_text = pybot(input_text) return template('template', input_text=input_text, output_text=output_text) @route('/static/css/<filename:path>') def send_static(filename): """静的ファイルを返す """ return static_file(filename, root=f'{STATIC_DIR}/css') run(host='localhost', port=8080, debug=True)
cssに関連するのはこの部分
from bottle import static_file import os from pybot import pybot BASE_DIR = os.path.dirname(os.path.abspath(__file__)) STATIC_DIR = os.path.join(BASE_DIR, 'static') @route('/static/css/<filename:path>') def send_static(filename): """静的ファイルを返す """ return static_file(filename, root=f'{STATIC_DIR}/css') run(host='localhost', port=8080, debug=True)
html部分(僕はtemplate.tplと書きましたが)にはこのように書き込みます。
<head> <meta charset="UTF-8"> <title>観客動員予測1号さん</title> <link rel="stylesheet" href="/static/css/style.css" type="text/css" /> </head> <div class="balloon1"> <p>こんにちは。これは例です。</p> </div>
css部分はここを参考(悪く言えばコピペw)
これで
<div class="balloon1"> </div>
の部分が吹き出しに書き換わりました。