知了课堂项目part1

一.基础配置1.在配置文件config.py中写密钥，防止CSRF攻击import os

DEBUG = True

SECRET_KEY = os.urandom(24)

HOSTNAME = ‘127.0.0.1’
PORT = ‘3306’
DATABASE = ‘ketang’
USERNAME = ‘root’
PASSWORD = ‘123456’
DB_URI = ‘mysql + mysqldb://{}:{}@{}:{}/{}?charset=utf8’.format(USERNAME,PASSWORD,
HOSTNAME,PORT,DATABASE)
SQLALCHEMY_DATABASE_URI = DB_URI

2.mysql中创建数据库 create database ketang charset utf8;

3.将配置文件导入app.pyfrom flask import Flask
import config

app = Flask(name)
app.config.from_object(config)

二.导航条的设计自己在static文件夹下另写一个 images文件夹存放图片，css文件夹设置样式1.进入http://www.bootcss.com/2.选择组件下的导航条，将代码复制过来3.进入https://www.bootcdn.cn/4.添加 https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js 到html中5.img class=“logo” 给图片设置logo类，方便在css文件中设置样式6.div class="container"可设置多余的空白，不挤在一起

首页-知了课堂问答平台

Toggle navigation {# #} {#

#} {# #}

    <!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav">

#}
{# #}
{#
#}
首页 (current)
发布问答

查找

三.父模板抽离由于导航条在很多页面中都会出现，所以将其抽离出来写为一个基础模板base.html，其他模板继承它即可base.html

{% block title %}{% endblock %}-知了课堂问答平台 {% block head %}{% endblock %}

Toggle navigation

        <!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav">
{#            <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>#}<li><a href="#">首页</a></li><li><a href="#">发布问答</a></li></ul><form class="navbar-form navbar-left"><div class="form-group"><input type="text" class="form-control" placeholder="请输入关键字"></div><button type="submit" class="btn btn-default">查找</button></form><ul class="nav navbar-nav navbar-right"><li><a href="#">登录</a></li><li><a href="#">注册</a></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid -->
</nav>
{% block main %}{% endblock %}

由于图片的大小问题，将navbar-brand图标类改为navbar-left

index.html{% extends ‘base.html’ %}

{% block title %}首页{% endblock %}

{% block main %}
这是首页
{% endblock %}

同理base.css也是继承基本的样式.logo{
width: 100px;
}

知了课堂项目part1相关推荐

知了课堂 Python Flask零基础笔记整理
目录起步安装Python2.7: Python虚拟环境介绍与安装: pip安装flask: 认识url: URL详解 web服务器和应用服务器以及web应用框架: Flask 第一个flask程序 ...
知了课堂 python_没想到你是这样的“知了课堂”
没想到你是这样的"知了课堂" 发布时间:2018-07-23 17:05, 浏览次数:919 随着近年来人工智能的火爆,Python作为人工智能开发的首选语言,一下子成为众多开发者 ...
（硅谷课堂项目）Java开发笔记4：前端基础知识（二）
文章目录 (硅谷课堂项目)Java开发笔记4:前端基础知识(二) 一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm 2. ...
2022最新SpringBoot2.X仿B站项目part1笔记
文章目录 SpringBoot仿B站项目介绍 1.技术架构 2.多模块的开发,多环境的配置 2.1maven的本地配置 2.2新建模块,POM文件 2.3 父工程POM文件 2.4创建Mysql的表格 ...
JavaWEB快速入门之验证码及课堂项目【04】
一.验证码 (1)为什么需要验证码? 随着网络的发达,会有些人恶意注册网站,但是有了验证码之后就可以有效防止这一现象,对于网站运营商家来说,少了这些无效的注册,也更有利于管理,降低网站运营管理的难度. ...
（硅谷课堂项目）Java开发笔记2：项目概述，搭建项目环境和开发讲师管理接口
文章目录 (硅谷课堂项目)Java开发笔记2:项目概述,搭建项目环境和开发讲师管理接口 1.项目概述 1.1 项目介绍 1.2 硅谷课程流程图 1.3 硅谷课堂功能架构 1.4 硅谷课堂技术架构 1. ...
【互联网+“创新创业大赛”】智慧课堂项目计划书
文章目录项目简介项目背景课堂教育发展痛点与现状分析教育硬件设备的普及率有限教育软件平台标准不一教学内容制作的水平参差不齐产品技术和服务硬件设备软件应用智能化服务市场分析市场规模 ...
【愚公系列】2022年12月 MAUI在线课堂项目-环境配置
文章目录前言一.在线课堂项目的创建 1.abp连接雷电模拟器前言 .NET MAUI是日益流行的Xamarin.Forms工具箱的演变,该工具箱本月已经有6年历史了.多年来, UPS,Ernst ...
「尚硅谷与腾讯云官方合作」硅谷课堂项目视频发布
硅谷课堂是尚硅谷与腾讯云官方合作的项目,是一款基于微信公众号B2C模式的在线学习平台.项目包含后台系统和微信公众号部分,采用前后端分离开发模式. 本套项目教程针对有一定开发经验的Java程序员精心打造 ...
【学习记录】QQZone项目 part1
直接上项目, MVC框架即模型-视图-控制器(model-View-controller) M即model模型是指模型表示业务规则 V即View视图是指用户看到并与之交互的界面 C即controlle ...

知了课堂项目part1

知了课堂项目part1相关推荐

最新文章

热门文章