Python制作网页Day 2 （书目检索系统初步构建）

最新推荐文章于 2023-08-26 07:45:00 发布
最新推荐文章于 2023-08-26 07:45:00 发布
阅读量996 收藏 18
点赞数 4
分类专栏： Python Study 文章标签： Python 网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/april_town/article/details/95258115
版权

完成书目检索系统的初步构建：

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(host='0.0.0.0')

Lib.Html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书目检索系统</title>
    <link rel="icon" href="C:/Users/77045/Desktop/hhh.ico" type="image/x-icon"/>
</head>
<body>
<img width="450"src="{{url_for('static',filename = 'image/lib.jpg')}}"/>
<table>
   <!-- 书目检索 -->
   <h1>书目检索</h1>

<form method="post" action="">
    <!-- 搜索框 -->
   <table>
   <tr>
      <td><select id="">
         <option value="1" select="selected">题名</option>
         <option value="2">出版社</option>
         </select>
      </td>
      <td><input type="text" id=""></td>
      <td><input value="查询" type="submit"></td>
   </tr>
   </table>
    <!-- 图书排序 -->
    <table>
   <tr>
      <td>1、机器人Python极客入门实战</td>
   </tr>
   <tr>
      <td>
         <table>
            <tr>
               <td><img width="60" src="{{url_for('static',filename="book/java.jpg")}}"></td>
               <td>
               <ul>
                  <li>Python极客团队著</li>
                  <li>电子工业出版社2017.9</li>
                  <li>查看馆藏</li>
               </ul>
               </td>
               <td>
               <ul>
                  <li>馆藏副本：</li>
                  <li>可借副本：</li>
               </ul>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td>2、Learning Python=学习Python</td>
   </tr>
   <tr>
      <td>
         <table>
            <tr>
               <td><img width="60" src="{{url_for('static',filename="book/Python.jpg")}}"></td>
               <td>
                  <ul>
                  <li>Luiz Mark</li>
                  <li>东南大学2008</li>
                  <li>查看馆藏</li>
                  </ul>
               </td>
               <td>
                  <ul>
                  <li>馆藏副本：</li>
                  <li>可借副本：</li>
                  </ul>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   </table>
</form>
</body>
</html>

在这里插入图片描述
一些笔记：

1、html中部分是：
告诉我们，解析它要用UTF-8，所以EditPlus要用UTF-8保存。

2、如何在网页主题中添加ico小图标

何为Icon小图标？（以下绿色框框内的图标即是）
在这里插入图片描述
添加方法：

A、用在线转换器（百度搜索）将一张图片转换为ico图片
B、将ico图标拖入static文件夹下的image文件夹中
C、在html的部分输入如下代码：

 <link rel="icon" href="{{url_for('static',filename = 'image/squ.ico')}}" type="image/x-icon"/>

/squ.ico为图片命名+后缀名

添加效果如下图：

在这里插入图片描述

作业： 尝试做两个表格
一、
在这里插入图片描述
html 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style type="text/css">
        table tr td,th{border:1px solid #000;}
    </style>
</head>
<body>
<div style="text-align:center">
 <table>

  <tr><!-- 第一行 -->
   <td colspan="2" width="500">书本基本信息表</td>
  </tr>

  <tr><!-- 第二行 -->
   <td width="250">书名</td>
   <td width="250"><input type="text" name="bookname"></td>
  </tr>

  <tr><!-- 第三行 -->
   <td width="250">作者</td>
   <td width="250"><input type="text" name=""></td>
  </tr>

  <tr><!-- 第四行 -->
   <td width="250">出版日期</td>
   <td width="250"><input type="text" name=""></td>
  </tr>

  <tr><!-- 第五行 -->
   <td width="250">出版社</td>
   <td width="250">
      <select>
      <option value="" select="selected">华中师范大学出版社</option>
      <option value="">华中科技大学出版社</option>
      <option value="">武汉大学出版社</option>
      </select>
   </td>
  </tr>

  <tr><!-- 第六行 -->
   <td width="250">ISBN</td>
   <td width="250"><input type="text" name=""></td>
  </tr>

  <tr><!-- 第七行 -->
   <td colspan="2" width="500">

            <input type="submit" value="提交">&nbsp;&nbsp;<input type="reset"  value="重置">

    </td>
  </tr>
 </table>
</div>
</body>
</html>

二、
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格2</title>
     <style type="text/css">
        table tr td,th{border:1px solid #000;}
    </style>
    <style>
        .td{width:100px;overflow:hidden}
    </style>

</head>
<body>

<div style="text-align:center">

 <table width="300"><!-- 第一张表 -->
  <tr><!-- 第一行 -->
   <td colspan="2" class="td">书本详情表</td>
  </tr>

  <tr><!-- 第二行 -->
   <td class="td">出版社</td>
   <td class="td">XXXX</td>
  </tr>

  <tr><!-- 第三行 -->
   <td class="td">作者</td>
   <td class="td">XXXX</td>
  </tr>

  <tr><!-- 第四行 -->
   <td class="td">内容简介</td>
   <td class="td">XXXX</td>
  </tr>

  <tr><!-- 第五行 -->
   <td class="td">作者简介</td>
   <td class="td"">XXXX</td>
  </tr>
</table>
<br>
<table width="300"><!-- 第二张表 -->
  <tr><!-- 第一行 -->
   <td colspan="2" class="td">书本馆藏记录表</td>
  </tr>

  <tr><!-- 第二行 -->
   <td class="td">馆藏副本</td>
   <td class="td">馆藏副本可借</td>
  </tr>

   <tr><!-- 第三行 -->
   <td class="td">5</td>
   <td class="td">2</td>
  </tr>
 </table>
<br>
 <table width="300"><!-- 第三张表 -->
  <tr><!-- 第一行 -->
   <td colspan="2" width="500">书本借阅记录表</td>
  </tr>

  <tr><!-- 第二行 -->
   <td class="td">读者</td>
   <td class="td">借阅时间</td>
  </tr>

  <tr><!-- 第三行 -->
   <td class="td">a</td>
   <td class="td">XXXX</td>
  </tr>

  <tr><!-- 第四行 -->
   <td class="td">b</td>
   <td class="td">XXXX</td>
  </tr>

  <tr><!-- 第五行 -->
   <td class="td">c</td>
   <td class="td">XXXX</td>
  </tr>

     <tr><!-- 第六行 -->
   <td colspan="2" class="td">总计:CONT</td>
  </tr>
</table>
<br>
<table width="450"><!-- 第四张表 -->
   <tr>
   <td class="td" colspan="3"> 书本评分记录表</td>
   </tr>
   <tr>
   <td class="td">读者</td>
   <td class="td">评分</td>
   <td class="td">评论</td>
   </tr>
   <tr>
   <td class="td">a</td>
   <td class="td">XXXX</td>
   <td class="td">XXXX</td>
   </tr>
   <tr>
   <td class="td">b</td>
   <td class="td">XXXX</td>
   <td class="td">XXXX</td>
   </tr>
   <tr>
   <td class="td">c</td>
   <td class="td">XXXX</td>
   <td class="td">XXXX</td>
   </tr>

   <tr>
   <td class="td">总计：COUNT</td>
   <td class="td">平均：AVG</td>
   <td class="td">XXXXXXX</td>
   </tr>
</table>

</div>
</body>
</html>

总结：
<调整单元格宽度>

<style>
	.td{width:100px;overflow:hidden}
</style>


<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>

<给表格加边框>

<style type="text/css">
        table tr td,th{border:1px solid #000;}
</style>

<table border=”1”> </table>
四月青城
关注
专栏目录
Python从0到100（四十二）：构建公司销售管理系统
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！交流学习、商务合作：https://bbs.csdn.net/topics/614347534
07-19 7万+
Django 中的一个app 就是项目里面的一个应用的意思。一个项目包含多个app。一个app 通常就是一个相对独立的模块 ，实现相对独立的功能。比如，我们可以把 这个系统的 管理员管理的功能 做在一个名字为 mgr的app里面，把 销售人员的操作 实现在另外一个名字为 sales的app里面。一个app 本质上 就是一个 Python 包， 里面包含了一些应用相关的代码文件。当然，一个项目分成多少个app 这完全取决你的设计。
Python制作抽奖系统
不脱发的程序猿
12-19 6189
马上就要到圣诞节了，使用Python制作抽奖系统。
图书搜索
02-10
BookNook 目的： 读者申请浏览新书，阅读提要，保存到个人列表并跟踪以前阅读过的书。 使用的语言： React，JavaScript，HTML，Bootstrap，React，MongoDB，Express，Passport，节点 部署的站点： 执照 麻省理工学院执照（c）2020 Halle Wehmeyer 特此免费授予获得该软件和相关文档文件（“软件”）副本的任何人无限制使用软件的权利，包括但不限于使用，复制，修改，合并的权利，发布，分发，再许可和/或出售本软件的副本，并允许具备软件的人员这样做，但须满足以下条件： 以上版权声明和本许可声明应包含在本软件的所有副本或大部分内容中。 该软件按“原样”提供，不提供任何形式的明示或暗示担保，包括但不限于对适销性，特定目的的适用性和非侵权性的担保。 无论是由于软件，使用或其他方式产生的，与之有关或与之有关的合同，侵权或其他
python趣味编程范例_厦门大学图书馆v5.5书目检索系统
weixin_39575850的博客
11-21 127
题名/责任者:Python趣味编程10例/(美) Brendan Scott著 东洋译出版发行项:北京:人民邮电出版社,2018ISBN及定价:978-7-115-47680-7/CNY89.00载体形态项:222页;24cm个人次要责任者:非控制主题词:中图法分类号:一般附注:STEAM&创客教育趣学指南 达人迷责任者附注:责任者Scott规范汉译姓: 斯科特责任者附注:布伦丹·斯科特 (Bre...
通过图书编号查询python_Python图书分类
weixin_39789094的博客
12-08 979
li=[2,45,1,68,41,10]li.sort()print(’----------排序之前--------{}’.format(li))newlist=sorted(li)print(’----------排序之后升序--------{}’.format(newlist))newlist=sorted(li,reverse=True)print(’----------排序之后降序----...
网上图书数据库设计.docx
03-29
在科学技术不发达的时代，图书馆或者一些企业、政府机构，甚至是书店，在正常运作过程中总是面对大量的图书信息和读者信息，借还和买卖关系等。 同时，经过详细的调查，目前我国各类图书馆，书城中有相当一部分单位图书管理还停留在人工管理的基础上。这样的管理机制已经不能适应时代的发展，其管理方法将浪费许多人力和物力。随着科学技术的不断提高，这种传统的手工管理方法必然被以计算机为基础的信息管理方法所取代。 因此需要对图书这个庞大资源进行有效的管理和监督，为了提高图书馆或者商场对图书购买的自自动化管理，能够更快速的满足管理员和读者的需求，提高工作的效率，现对其设计图书商城管理系统。 图书管理作为计算机应用的一个分支，有着手工管理无法比拟的优点，如检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高图书管理的效率。因此，开发一套能够为用户提供充足的信息和快捷的查询手段的图书管理系统，将是非常必要的，也是十分及时的。
用python编写一个简易图书搜索系统
Jiali Zhang的博客
09-06 3118
自从买了阅读器以后屯了好多书，为了省地方都打包成一个一个压缩文件，但是这样找起来有点麻烦，所以准备写一个找书用的小jio本。 参考： 1.面对对象编程——用Python写一个图书管理系统https://blog.csdn.net/meltsnow/article/details/89217834 2.Python实现简易的图书借阅管理系统https://blog.csdn.net/Mr_fe...
Python网页制作 Day 3
April_town的博客
09-22 863
在Day2中，我们实现了书目检索系统的初步构建。在实际生活中，如果我们需要从数据库调取大量的书本数据展示在网页上，是不可能一本书一本书写上去的，我们需要用到循环。 我在数据库中创建了几张表： 首先，我们需要对数据库进行连接，这样才能从中获取数据。 数据库连接的python代码模板： import pymysql #一、连接数据库的四个要素 hostName="localhost" userNa...
python大作业：图书管理系统课设报告
interval_package的博客
05-20 8114
Library Manage System 建议可以直接来看我的github，这边图片不太支持 https://github.com/interval-package/Library_Manage_System.git 文章目录Library Manage System一、需求分析界面需求界面元素用户角色功能需求基本功能要素借阅资料管理借阅管理读者管理统计分析系统参数设置拓展功能要素信息导出移植功能要素本地与云端安全功能要素性能需求数据精确度系统响应时间适应性运行需求二、总体设计逻辑流程设计登录逻辑流程借阅
Python界面版学生管理系统
10-27
前不久上传了一个控制台版本的学生管理系统，这个是Python界面版学生管理系统，这个是使用pycharm开发的一个有界面的学生管理系统，基本的增删改查，里面又演示视频和完整代码，有需要的伙伴可以自行下载
提取网页标题和文本内容的python库的实战教程
weixin_43178406的博客
05-25 9万+
本文主要提取网页标题和文本内容的python库的实战教程，希望能对学习python的同学们有所帮助。 文章目录 1. 背景介绍 2. 实战教程 2.1 安装库 2.2 实战代码
《Python基础教程》内容总览篇（持续更新中）
热门推荐
weixin_43178406的博客
08-26 21万+
大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。个人精心开设的《Python基础课程》专栏订阅量接近900，帮助不少同学解决了Bug。
快速检索 html,python中网页html的快速检索
weixin_35241897的博客
06-21 389
我有一个解析很多网页的应用程序，对于解析，我使用beautiful soup，它工作得很好，我不是在寻找解析器的替代品，我可以从我自己的计时和基准测试中看到，大部分时间是用web请求获取实际的html，而不是用beautiful soup实际解析它。这是我的密码：def get_html(url: str):req = urllib.request.Request(url,data=None,he...
图书管理系统mysql数据库设计_简单的图书馆管理系统数据库设计
weixin_42508290的博客
01-30 4564
表的设计及字段说明lib_user字段数据类型作用useridvarchar(50)主键,学号,可用于登录userpasswordvarchar(50)密码usernamevarchar(50)用户姓名userredpvarchar(50)院系其他自己扩展lib_book$E = mc^2$字段数据类型作用bookidint自增主键booknamevarchar(50)xxbooknamevarc...
用python实现图书管理系统
Python热爱者的博客
08-03 2万+
用户注册 def logon(): print("欢迎来到图书管理系统注册页面~") username = input("请输入用户名：") if len(username)<6: print("用户名不能小于6个字符") else: email = input("请输入邮箱：") password = input("请输入密码：") if len(password)<8: p
python图书推荐系统的设计_在线图书推荐系统的实现含源码（协同过滤）
weixin_33462050的博客
02-03 3090
项目简介源码地址 http://github.com/XuefengHuang/RecommendationSystem基于Spark, Python Flask, 和 Book-Crossing Dataset 的在线图书推荐系统。该图书推荐系统参考http://github.com/jadianes/spark-movie-lens。修改数据处理部分，使其支持Book-Crossing Dat...
【重磅，更新！】2002-2021年中国31省份经济韧性测度三级指标数据合集（各省、市、企业等）
11-12
1、资源内容地址：https://blog.csdn.net/abc6838/article/details/143720369 2、数据特点：今年全新，手工精心整理，放心引用，数据来自权威，且标注《数据来源》，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 4、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理
CPPC++_更好的Windows字体渲染.zip
11-12
CPPC++_更好的Windows字体渲染
10018.doc
最新发布
11-12
10018
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值