マイクロシステム開発本部モール:ルーティングの設定と表示;製品は、バックエンドのデータをレンダリング高いウェブページ。

設定ルーティングとビュー

アプリのURLは、ファイルのURLのメインパスに配置された2つのファイルを作成します。
ここに画像を挿入説明
最初の行は、モールのホーム・ページで、2行目は、IDの途中で通過するコースの詳細ページ、である;第三のラインは、ビデオ再生ページのカリキュラムで、コースIDが渡され、4行目を、ビデオストリーミング、ビデオ再生ページカリキュラムストリームの形式でビデオストリームにMP4プレーヤーを聞いてきます。私たちは、その後すぐにショートカットの道を入力してAltキー+経由ビュー機能を作成します。
ここに画像を挿入説明
次に、ユーザーのファイルのURL。最初の行は、ユーザーのホーム・ページで、2行目、コースを購入し、3行目、カートコースに追加する第4ライン、着陸;第五環、登録、6行目、ログアウト、7行目、ショッピングカートに追加し、もちろん、データベースの変更の検索に対応するID、完全な追加および削除を渡すために必要です。8行目、カートに追加します。
ここに画像を挿入説明
そして、ビューファイルに適切なビュー関数を作成します。

製品は、バックエンドのデータをレンダリングするウェブページ

首先,我们拿到前端为我们开发好的静态资源,各种html文件,我们要把它们作为模板。把静态资源文件复制粘贴到pycharm的根文件路径当中。然后,把所有的html文件全部拖拽到templetes文件夹中。然后,我们找到course app的views文件,然后找到index handler首页视图处理器。这样,就渲染到了index.html这个首页。
ここに画像を挿入説明
但是,我们启动,然后查看首页的时候,发现并没有加载成想要的样式。原因在于,静态文件夹没有配置。我们需要找到settings文件,然后在里面加入staticfiles,这样去配置静态文件。
ここに画像を挿入説明
然后我们刷新页面,发现可以访问到静态资源了。这里面是因为我们上面输入了static,那么就会在服务器中寻找static文件夹,然后找到每个文件的地址,进行url拼接。那么打个比方,我要在网页中看2.jpg,就直接在网址中输入img,2.jpg,就可以在网页中看到图片了。
然后,我们看模板文件,发现里面有大量的相似内容,可以对模板进行处理。利用模板继承,我们新建一个base.html,点击index.html,然后f5,会帮我们复制出一个跟index一模一样的base.html。然后让所有的html文件都继承base.html。我们对base进行处理,先观察结构,然后block。
ここに画像を挿入説明
ここに画像を挿入説明
对article和footer都进行block处理。然后,我们对浏览器最左上角显示的名称也进行处理。
ここに画像を挿入説明
因为每个页面的header和footer都是相同的,而主体部分,article的内容不一样,所以我们把base文件的article部分的内容进行删除。
ここに画像を挿入説明
然后,我们依次将每个html文件都对base文件进行继承,然后重写标题,重写article。
ここに画像を挿入説明
ここに画像を挿入説明
すべてのカット内の記事の下のすべてのコンテンツは、すべてのコンテンツを削除するには、すべての残りの部分を入れて、その後、内部を書き換えるように貼り付けます。私たちは、ページを更新し、元の表示と同じでなければなりません。その後、我々は、このような継承と書き換えのために他のすべてのHTMLファイルを置きます。

商品の特定のコースの種類とコースの情報をレンダリングする、下記の

ビューの文書の過程で、クラスを指導した後、完全なインデックスハンドラ関数を表示します。
ここに画像を挿入説明
それは元の記事の前に書かれていたので、私たちはその後、いくつかのオリジナルコンテンツ内のインデックスHTMLは、削除されました。
ここに画像を挿入説明
削除された後、我々はカリキュラムとコースのコンテンツの種類を横断する、2つのサイクルのためにこれで終わります。そして、内部のいくつかの変更を行います。
ここに画像を挿入説明
ここに画像を挿入説明
問題があるだろうしかし、もし今、画像とそれらのルートにmp4ファイルを保存するの初めから、ページを更新します。
ここに画像を挿入説明
ここでは、のみ、バックグラウンドでの内部管理このイメージを入れて、それをmp4ファイルを再アップロードする必要があります。まあ、我々は静的な内部で見つけると、彼らは文書に表示されますがありました。私たちは、ルート・パス内のファイルを削除します。
現時点では、その後、大丈夫アップ、あなたのページを更新。同時に、我々は見て、その後帰宅秒管理者の管理ではもちろん、再編集、そしてもちろん親切にすることができます。

公開された16元の記事 ウォンの賞賛0 ビュー640

おすすめ

転載: blog.csdn.net/weixin_45620570/article/details/104092242