在Pytharm 用Flask搭建网站流程

最新推荐文章于 2024-04-21 18:34:02 发布

weixin_30439031

最新推荐文章于 2024-04-21 18:34:02 发布

阅读量176

点赞数 1

文章标签： python 开发工具数据库

原文链接：http://www.cnblogs.com/shanmu0737/p/8727871.html

版权

1.在本机任意盘创建文件一文件夹，如：sec04

2.在Pycharm上找到sec04创建子目标site01

3.创建虚拟环境，Pycharm左上角file--->New Project页面，点击New environment using 在site01文件夹建立子目录 myvenv,点击 ‘ok'创建完成。

4.创建static、templates文件件，run.py文件。

templates用来放html文件。

run.py

from flask import Flask,request,render_template
import sqlite3

#连接数据源
conn = sqlite3.connect(r'.\db\books.db')
c = conn.cursor() #游标 

app = Flask(__name__)
app.debug = True

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

@app.route('/books/')
def book():
    return render_template('books.html')

@app.route('/page/',methods=['GET'])
def page():
    # categories = [(1, '网络编程'), (2, '云计算'), (3, '动物科学')]
    conn = sqlite3.connect(r'.\db\books.db')
    c = conn.cursor()
    sql = 'select ROWID,Book_sortName from book_sort'
    categories = c.execute(sql).fetchall()#执行sql语句
    c.close()
    conn.close()
    return render_template('page.html',categories=categories)

@app.route('/page_box/',methods=['POST'])
def page_box():
    if request.method == 'POST':
        # 获取表单
        subject = request.form['subject']

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

books.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京大学图书馆</title>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
   <link href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
   <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
      <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">北京大学线上图书馆PAM</a>
   </div>
   <div>
      <!--左侧 IOS、SVN、Java-->
      <ul class="nav navbar-nav">
         <li class="active"><a href="#">首页</a></li>
         <li><a href="#">图书</a></li>
         <li class="dropdown">
            <a href="#" class="fropdown-toggle" data-toggle="dropdown">
               图书管理
               <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">Jmeter</a></li>
               <li><a href="#">python</a></li>
               <!--<li><a href="#">C</a></li>-->
               <!--<li class="divider"></li>-->
               <!--<li><a href="#">Php</a></li>-->
            </ul>
         </li>
      </ul>
      <!--右侧退出栏-->
      <ul class="nav navbar-nav navbar-right">
         <li class="dropdown">
            <a href="#" class="fropdown-toggle" data-toggle="dropdown">
               Login
               <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">Jmeter</a></li>
               <li class="divider"></li>
               <li><a href="#">退出</a></li>
            </ul>
         </li>
      </ul>
   </div>
   </div>
</nav>
   </div>
        <div class="row">
            <ul class="breadcrumb">
                <li><a href="/">首页</a></li>
                <li><a href="/">首页</a></li>
            </ul>
        </div>
      <div>
         <div class="row">
         {%  block main_content %}
            work
         {% endblock %}
         </div>
      </div>
      <!--内容底部-->
      <div class="row">
         <p class="breadcrumb ">版权</p>
      </div>
    </div>
</body>
</html>
在run.py右击 选择run执行文件，用路径 http://127.0.0.1:5000/books/ 在浏览器访问。