2019/7/2 图书馆检索·真·简陋版（新人学习向）_简易图书馆图书检索库-CSDN博客

本文链接：https://blog.csdn.net/cicivi/article/details/94446343

首先，今天的成果挂出来
lib.py

from flask import Flask,render_template

app = Flask(__name__)

@app.route("/lib")
def index():
    return render_template('lib.html',)


if __name__  ==  '__main__':
    app.run ()

lib.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>来学习吧少年！</title>
<link rel="icon"href="{{url_for('static',filename='q.ico')}}"type="image/q.icon"/>
</head>
<body>
<h1>快来选书吧</h1>
<form method="post" action="">
    <table>
    <tr>
        <td><select id="">
            <option value="1"
                    selectd="selected">题名</option>
            <option value="2">出版社</option>
        </select></td>
    </td><input type="text" id=""/></td>
    </td><input value="查询" type="submit"/></td>
    </tr>
<table><hr>
    <tr>
        <td colspan="3"><strong>1、人间词话</strong></td></tr>
    <tr>
		<td>
		  <img width="60"
		src="{{url_for('static',filename='books/人间词话.jpg')}}"/>
		</td>
		<td>
		  <ul>
              <li>作者:王国维</li>
              <li>出版社：哈尔滨出版社</li>
		  </ul>
		</td>
        <td>
		  <ul>
              <li>馆藏复本:5</li>
              <li>可借复本:4</li>
          </ul>
        </td>
    </tr>

    <tr>
        <td colspan="3"><strong>2、古文观止</strong></td></tr>
    <tr>
		<td>
		    <img width="60"
		src="{{url_for('static',filename='books/古文观止.jpg')}}"/>
		</td>
		<td>
		   <ul>
               <li>作者：吴楚材、吴调侯</li>
               <li>出版社：中华书局</li>
		   </ul>
		</td>
		<td>
		   <ul>
               <li>馆藏复本:6</li>
               <li>可借复本:7</li>
           </ul>
        </td>
    </tr>

    <tr>
        <td colspan="3"><strong>3、围城</strong></td></tr>
    <tr>
		<td>
		    <img width="60"
		src="{{url_for('static',filename='books/古文观止.jpg')}}"/>
		</td>
		<td>
		   <ul>
               <li>作者：沈从文</li>
               <li>出版社：陕西师范大学出版社</li>
		   </ul>
		</td>
		<td>
		   <ul>
               <li>馆藏复本:4</li>
               <li>可借复本:3</li>
           </ul>
        </td>
    </tr>

    </table>

</form>
</body>
</html>

图标

在里用右边这个<link rel=“icon"href=”{{url_for(‘static’,filename=‘q.ico’)}}"type=“image/q.icon”/>（q.ico是图片名，可直接上网在线改格式）

表格

<table border="1px" cellspacing="0" >
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td>第1行第3列</td>
</tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td>
</tr>
<tr>
<td>第3行第1列</td>
<td>第3行第2列</td>
<td>第3行第3列</td>
</tr>
</table>

行：tr,/tr(因为打了尖括号就显示不出来了，，，，dbq我菜）
单元格：td,/td
整个表格：table，/table
border：属性表示设置表格的边框宽度为1px
cellspacing：每个单元格与单元格之间的距离，0表示没有距离，如果不设置cellspacing属性则默认值为1
< td colspan=“2”>第1行第1列 -------要跨列合并（横排）的单元格的第一个td标签里添加colspan属性，值为要合并的单元格个数。

< !–< td>第1行第2列–> ----------删除被合并的原始的单元格（干脆不写哈哈哈）
< td rowspan=“2”>第2行第3列 ---------要跨行合并（竖排）的单元格的第一个td标签里添加rowspan属性，值为要合并的单元格个数。