1. 程式人生 > >基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習(16)——首頁和登入頁面配置

基於IMOOC強力django+殺手級xadmin 打造上線標準的線上教育平臺課程的學習(16)——首頁和登入頁面配置

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <title>課程機構列表 - 慕學線上網</title>
    <link rel="stylesheet" type="text/css"
href="/static/css/reset.css">
<link rel="stylesheet" type="text/css" href="/static/css/animate.css"> <link rel="stylesheet" type="text/css" href="/static/css/style.css"> <script src="/static/js/jquery.min.js" type="text/javascript"></script> <script src="/static/js/jquery-migrate-1.2.1.min.js"
type="text/javascript">
</script> </head> <body> <section class="headerwrap "> <header> <div class=" header"> <div class="top"> <div class="wp"> <div class="fl"><p>服務電話:<b>
33333333</b></p></div> <!--登入後跳轉--> {# <a style="color:white" class="fr registerbtn" href="register.html">註冊</a>#} {# <a style="color:white" class="fr loginbtn" href="login.html">登入</a>#} <div class="personal"> <dl class="user fr"> <dd>bobby<img class="down fr" src="/static/images/top_down.png"/></dd> <dt><img width="20" height="20" src="/static/media/image/2016/12/default_big_14.png"/></dt> </dl> <div class="userdetail"> <dl> <dt><img width="80" height="80" src="/static/media/image/2016/12/default_big_14.png"/></dt> <dd> <h2>django</h2> <p>bobby</p> </dd> </dl> <div class="btn"> <a class="personcenter fl" href="usercenter-info.html">進入個人中心</a> <a class="fr" href="/logout/">退出</a> </div> </div> </div> </div> </div> <div class="middle"> <div class="wp"> <a href="index.html"><img class="fl" src="/static/images/logo.jpg"/></a> <div class="searchbox fr"> <div class="selectContainer fl"> <span class="selectOption" id="jsSelectOption" data-value="course"> 公開課 </span> <ul class="selectMenu" id="jsSelectMenu"> <li data-value="course">公開課</li> <li data-value="org">課程機構</li> <li data-value="teacher">授課老師</li> </ul> </div> <input id="search_keywords" class="fl" type="text" value="" placeholder="請輸入搜尋內容"/> <img class="search_btn fr" id="jsSearchBtn" src="/static/images/search_btn.png"/> </div> </div> </div> <nav> <div class="nav"> <div class="wp"> <ul> <li class="active" ><a href="index.html">首頁</a></li> <li > <a href="course-list.html"> 公開課<img class="hot" src="/static/images/nav_hot.png"> </a> </li> <li > <a href="teachers-list.html">授課教師</a> </li> <li ><a href="org-list.html">授課機構</a></li> </ul> </div> </div> </nav> </div> </header> </section> <!--crumbs start--> <div class="banner"> <div class="wp"> <div class="fl"> <div class="imgslide"> <ul class="imgs"> <li> <a href="http://www.imooc.com"> <img width="1200" height="478" src="/static/media/banner/2016/11/57a801860001c34b12000460.jpg" /> </a> </li> <li> <a href="http://www.projectsedu.com"> <img width="1200" height="478" src="/static/media/banner/2016/11/57aa86a0000145c512000460.jpg" /> </a> </li> <li> <a href="http://www.projectsedu.com"> <img width="1200" height="478" src="/static/media/banner/2016/11/57a801860001c34b12000460_z4Vb8zl.jpg" /> </a> </li> <li> <a href="http://www.projectsedu.com"> <img width="1200" height="478" src="/static/media/banner/2016/11/57aa86a0000145c512000460_nMwvoQD.jpg" /> </a> </li> <li> <a href="http://www.projectsedu.com"> <img width="1200" height="478" src="/static/media/banner/2016/11/57aa86a0000145c512000460_GXIBATC.jpg" /> </a> </li> </ul> </div> <div class="unslider-arrow prev"></div> <div class="unslider-arrow next"></div> </div> </div> </div> <!--banner end--> <!--feature start--> <section> <div class="wp"> <ul class="feature"> <li class="feature1"> <img class="pic" src="/static/images/feature1.png"/> <p class="center">專業權威</p> </li> <li class="feature2"> <img class="pic" src="/static/images/feature2.png"/> <p class="center">課程最新</p> </li> <li class="feature3"> <img class="pic" src="/static/images/feature3.png"/> <p class="center">名師授課</p> </li> <li class="feature4"> <img class="pic" src="/static/images/feature4.png"/> <p class="center">資料真實</p> </li> </ul> </div> </section> <!--feature end--> <!--module1 start--> <section> <div class="module"> <div class="wp"> <h1>公開課程</h1> <div class="module1 eachmod"> <div class="module1_1 left"> <img width="228" height="614" src="/static/images/module1_1.jpg"/> <p class="fisrt_word">名師授課<br/>專業權威</p> <a class="more" href="course-list.html">檢視更多課程 ></a> </div> <div class="right group_list"> <div class="module1_2 box"> <div class="imgslide2"> <ul class="imgs"> <li> <a href="course-detail.html"> <img width="470" height="300" src="/static/media/courses/2016/12/python檔案處理.jpg" /> </a> </li> <li> <a href="course-detail.html"> <img width="470" height="300" src="/static/media/courses/2016/12/python面向物件.jpg" /> </a> </li> </ul> </div> <div class="unslider-arrow2 prev"></div> <div class="unslider-arrow2 next"></div> </div> <div class="module1_3 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/mysql.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="django入門">django入門</h2> </a> <span class="fl">難度:<i class="key">初級</i></span> <span class="fr">學習人數:3</span> </div> <div class="bottom"> <span class="fl" title="慕課網">慕課網</span> <span class="star fr">0</span> </div> </div> <div class="module1_4 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="java入門">java入門</h2> </a> <span class="fl">難度:<i class="key">中級</i></span> <span class="fr">學習人數:0</span> </div> <div class="bottom"> <span class="fl" title="北京大學">北京大學</span> <span class="star fr">0</span> </div> </div> <div class="module1_5 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/540e57300001d6d906000338-240-135.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="python入門">python入門</h2> </a> <span class="fl">難度:<i class="key">中級</i></span> <span class="fr">學習人數:0</span> </div> <div class="bottom"> <span class="fl" title="南京大學">南京大學</span> <span class="star fr">0</span> </div> </div> <div class="module1_6 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135_dHfj8Nq.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="java入門2">java入門2</h2> </a> <span class="fl">難度:<i class="key">高階</i></span> <span class="fr">學習人數:0</span> </div> <div class="bottom"> <span class="fl" title="慕課網2">慕課網2</span> <span class="star fr">0</span> </div> </div> <div class="module1_7 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/57035ff200014b8a06000338-240-135_0nFiBSI.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="java入門3">java入門3</h2> </a> <span class="fl">難度:<i class="key">初級</i></span> <span class="fr">學習人數:1</span> </div> <div class="bottom"> <span class="fl" title="慕課網3">慕課網3</span> <span class="star fr">0</span> </div> </div> <div class="module1_8 box"> <a href="course-detail.html"> <img width="233" height="190" src="/static/media/courses/2016/11/540e57300001d6d906000338-240-135_MSIqfvw.jpg"/> </a> <div class="des"> <a href="course-detail.html"> <h2 title="python入門2">python入門2</h2> </a> <span class="fl">難度:<i class="key">中級</i></span> <span class="fr">學習人數:0</span> </div> <div class="bottom"> <span class="fl" title="慕課網666">慕課網666</span> <span class="star fr">0</span> </div> </div> </div> </div> </div> </div> </section> <section> <div class="module greybg"> <div class="wp"> <h1>課程機構</h1> <div class="module3 eachmod"> <div class="module3_1 left"> <img width="228" height="463" src="/static/images/module3_1.jpg"/> <p class="fisrt_word">名校來襲<br/>權威認證</p> <a class="more" href="org-list.html">檢視更多機構 ></a> </div> <div class="right"> <ul> <li class=""> <a href="org-detail-homepage.html"> <div class="company"> <img width="184" height="100" src="/static/media/org/2016/11/imooc.png"/> <div class="score"> <div class="circle"> <h2>全國知名</h2> </div> </div> </div> <p><span class="key" title="慕課網">慕課網</span></p> </a> </li> <li class=""> <a href="org-detail-homepage.html"> <div class="company"> <img width="184" height="100" src="/static/media/org/2016/11/bjdx.jpg"/> <div class="score"> <div class="circle"> <h2>全國知名</h2> </div> </div> </div> <p><span class="key" title="北京大學">北京大學</span></p> </a> </li> <li class=""> <a href="org-detail-homepage.html"> <div class="company"> <img width="184" height="100" src="/static/media/org/2016/11/qhdx-logo.png"/> <div class="score"> <div class="circle"> <h2>全國知名</h2> </div> </div> </

相關推薦

基於IMOOC強力django+殺手xadmin 打造上線標準線上教育平臺課程學習15——xadmin的擴充套件

應該是 use_bootswacth 首頁多了一個主題設定按鈕: 可以選擇不同的主題: import xadmin from xadmin import views from

基於IMOOC強力django+殺手xadmin 打造上線標準線上教育平臺課程學習3

建立 model models.py #coding=utf-8 from django.db import models class UserMessage(models.Model):

基於IMOOC強力django+殺手xadmin 打造上線標準線上教育平臺課程學習13——xadmin介紹

settings.py 的配置 # -*- coding:utf-8 -*- import os import sys import pymysql pymysql.install_as_MySQLdb() # Build paths inside

基於IMOOC強力django+殺手xadmin 打造上線標準線上教育平臺課程學習16——登入頁面配置

index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="renderer" content=

Python升級3.6 強力Django+殺手Xadmin打造在線教育平臺

註冊 用戶 信息展示 form提交 .com gin 分享圖片 重啟 需求分析 第 1 章 課程介紹 1-1 項目演示和課程介紹; 第 2 章 Windows下搭建開發環境 2-1 P

Python升級3.6 強力Django+殺手Xadmin打造線上教育平臺 收藏 P

前往下載 第1章 課程介紹 介紹課程目標、通過課程能學習到的內容、和系統開發前需要具備的知識 1-1 專案演示和課程介紹 第2章 windows下搭建開發環境 介紹專案開發需要安裝的開發軟體、 python虛擬virtualenv和 virtualen

Python升級3.6 強力Django+殺手Xadmin打造線上教育平臺

第1章 課程介紹介紹課程目標、通過課程能學習到的內容、和系統開發前需要具備的知識第2章 windows下搭建開發環境介紹專案開發需要安裝的開發軟體、 python虛擬virtualenv和 virtualenvwrapper的安裝和使用、 最後介紹pycharm和navica

強力Django+殺手Xadmin從0打造線上教育平臺

第1章 課程介紹    介紹課程目標、通過課程能學習到的內容、和系統開發前需要具備的知識第2章 windows下搭建開發環境介紹專案開發需要安裝的開發軟體、 python虛擬virtualenv和 virtualenvwrapper的安裝和使用、 最後介紹pycharm和na

第三百七十六節,Django+Xadmin打造上線標準的在線教育平臺—創建用戶操作app,在models.py文件生成5張表,用戶咨詢表、課程評論表、用戶收藏表、用戶消息表、用戶學習

十六 _id 收藏 創建用戶 在線教育 名稱 image images sage 第三百七十六節,Django+Xadmin打造上線標準的在線教育平臺—創建用戶操作app,在models.py文件生成5張表,用戶咨詢表、課程評論表、用戶收藏表、用戶消息表、用戶學習表 創

第三百七十九節,Django+Xadmin打造上線標準的在線教育平臺xadmin的安裝

color 標準 發的 在線教育 教育 str pan style 開發 第三百七十九節,Django+Xadmin打造上線標準的在線教育平臺—xadmin的安裝 xadmin介紹 xadmin是基於Django的admin開發的更完善的後臺管理系統第三百七十九節,Dj

第三百八十一節,Django+Xadmin打造上線標準的在線教育平臺xadmin全局配置

end watch str .cn arc ast fields 時間類 obj 第三百八十一節,Django+Xadmin打造上線標準的在線教育平臺—xadmin全局配置 1、xadmin主題設置 要使用xadmin主題,需要在一個app下的adminx.py後臺註冊

第三百八十三節,Django+Xadmin打造上線標準的在線教育平臺—路由映射與靜態文件配置

是否 操作數 列表 errors ner rate 郵箱 scrip user 第三百八十四節,Django+Xadmin打造上線標準的在線教育平臺—路由映射與靜態文件配置以及會員註冊 基於類的路由映射 from django.conf.urls import url

第三百八十七節,Django+Xadmin打造上線標準的在線教育平臺—網站上傳資源的配置與顯示

req model online super ddr import bsp class ews 第三百八十七節,Django+Xadmin打造上線標準的在線教育平臺—網站上傳資源的配置與顯示 首先了解一下static靜態文件與上傳資源的區別,static靜態文件裏面一般

第三百八十九節,Django+Xadmin打造上線標準的在線教育平臺—列表篩選結合分

篩選 clas eno int 返回 view left 取數據 .html 第三百八十九節,Django+Xadmin打造上線標準的在線教育平臺—列表篩選結合分頁 根據用戶的篩選條件來結合分頁 實現原理就是,當用戶點擊一個篩選條件時,通過get請求方式傳參將篩選

第三百九十八節,Django+Xadmin打造上線標準的在線教育平臺—生產環境部署Linux安裝nginx

兩個 騰訊 連接 自己 可執行 註意 help 需要 imap 第三百九十八節,Django+Xadmin打造上線標準的在線教育平臺—生產環境部署Linux安裝nginx Nginx簡介 Nginx是一款輕量級的Web 服務器/反向代理服務器及電子郵件(IMAP/POP

『高篇』docker之開發課程EdgeService16

ios ietd ice ppi reference common 方式 [] utf-8 >原創文章,歡迎轉載。轉載請註明:轉載自IT人故事會,謝謝!>原文鏈接地址:『高級篇』docker之開發課程EdgeService(16) 課程的edgeService依

python強力Django 殺手xadmin

python強力Django 和殺手級xadmin 連結:https://pan.baidu.com/s/1X6QlVsiR6xc-XzYVMpTRvQ 提取碼:4anv   第1章 課程介紹 介紹課程目標、通過課程能學習到的內容、和系統開發前需要具備的知識 1-1 專案演示和課程介紹

強力Django 殺手xadmin

django常用模組 settings配置 url配置 view書寫 model設計 form和modelform的使用 templates模板的使用 django常用內建函式 v

【慕課網】強力Django殺手xadmin學習筆記

慕課網 強力Django和殺手級xadmin學習筆記 2018年6月 3-2 3-3 指定主鍵 primary_key = True 3-5 在url中指

Django+xadmin打造線上教育平臺

目錄 程式碼 線上演示  一、前言 開發環境:     python:  3.6.4     Django: 2.0.2 後臺管理:xadmin 1.1.專案介紹 系統概括: 系統具有完整的使用者登入註冊以及找回密碼功能,擁有完整個人中心。 個人中心: 修改頭