ホームページ > ウェブフロントエンド > htmlチュートリアル > Django: Web フレームワークを学ぶ (3)_html/css_WEB-ITnose

Django: Web フレームワークを学ぶ (3)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:16:21
オリジナル
1039 人が閲覧しました




初心者、すべては始まりと探求です

Django をステップバイステップで学習するには : Django: Web フレームワークの学習。 (2)

コア知識:
  • 開発手順と知識を再度強化します
  • 簡単なHTMLとCSS構文
  • データベース操作
  • テンプレートの使用

1: 目標

最初に最終レンダリングを表示します: これは背景色のWebページです、透かしではありません。

1465024645455.png
  • Wechat: WeChat アカウントを表示
  • Weibo: Weibo プラットフォームに直接ジャンプ
  • Github: Github プラットフォームに直接ジャンプ
  • Jianshu: に直接ジャンプ: Jianshu プラットフォーム
  • 詳細:キャプチャされた Douban ムービーのトップ 250 にジャンプします。その部分は次のページに表示されます:

1465025610484.png

2: 開発手順を繰り返します
  • アプリを作成する
  • ビューファイルを編集する
  • URLを設定する
  • モデルファイルを編集してデータベースを定義します
  • テンプレートファイルを編集します

3: データベースファイルを定義します
  • アカウントデータテーブル: 対応するもの: wechat、Jianshu、github など
    class Message(models.Model):    Id_name = models.CharField(max_length=10)    Id_user = models.CharField(max_length=10)    Id_url = models.CharField(max_length=60)    Id_des = models.TextField(max_length=60)    def __str__(self):        return self.Id_user# 包含名称,账号,链接,介绍几个字段
    ログイン後にコピー
  • 映画データ: データはありませんクロール方法: クローラーについてはここを参照

class Film(models.Model):    Film_name = models.CharField(max_length=20)    Film_director = models.CharField(max_length=10)    Film_rate = models.FloatField(max_length=5)    Film_number = models.CharField(max_length=10)    Film_url = models.CharField(max_length=30)    Film_describe = models.TextField(max_length=60)    def __str__(self):        return self.Film_name# 定义5个字段和相应数据类型## 确保上述数据表中存在数据
ログイン後にコピー

4: テンプレート ファイル

テンプレート ファイルはすべてフロントエンドの知識に関するものですが、まあ、私はそれについてあまり知りません...

一般的な内容は次のとおりです:
  • HTML 要素、属性、構造などの
  • CSS レイヤー スタイル: HTML ファイル内のコンテンツを変更する形式

例:

Hhtml
  • CSS

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>谢小路</title></head><div></div><body><h1>Hello world!</h1></body></html># HTML文件长这样.
    ログイン後にコピー
  • Django は新しいファイル フォルダー専用 テンプレート ファイルを保存し、テンプレートという名前を付けます。ここでは、1 つと 2 という名前の 2 つの APP を作成しました。 html ファイルには以下が表示されます。 上 記事に表示されるその他のムービー データ two/index.html ファイルは次を示します: ホームページ情報、つまり上の最初の画像は

  • nav{  background-color: #000000;  height: 50px;}#banner{  background: #CCCCCC;  height: 600px;}# 定义了背景颜色和高度# HTML 和CSS配合使用提升开发效率...
    ログイン後にコピー
    テンプレート ファイルのパスを設定します settings.py
    |---templates|---templates/one/film.html|---templates/two/index.html
    ログイン後にコピー
  • 動画データを表示するには、以下の 2 つのビュー ファイルを変更します。 htmlテンプレートファイル
  • TEMPLATES_DIR = (  os.path.join(BASE_DIR, 'templates/one/'),  os.path.join(BASE_DIR, 'templates/two/'),)
    ログイン後にコピー
    python manage.py startapp [APPNAME] # Web APPを作成します
    python manage.py makemigrations
  • python manage.py merge
    python manage.py shell
  • python manage.py createsuperuser # バックグラウンドスーパーユーザーを作成します

6. プログラミングの洞察
  • それが実際に遭遇する状況ではない場合 問題は、実際の記事を読むときに知識の盲点があることです。
  • 何かを言いたい、書きたいということと、そうしたいと思うことは同じではありません。
  • 今は常に新しいものとの接触や受動的な接触が必要な時代です。そうしないと、貪欲な状況に陥りやすくなります。あまりにも多すぎて、自分が何を知っているかがわからないからです。
  • いくつかのテクニックを学び、繰り返しが不可欠なスキルです。
  • 探求には多大なコストが必要です。もしあなたの周りに素晴らしい人がいるなら、学ぶ機会を逃さないでください...
紆余曲折を経て平坦な道を歩いてください... To: 美の王 -シュ・セン

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート