基於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之開發課程EdgeService(16)
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.專案介紹
系統概括:
系統具有完整的使用者登入註冊以及找回密碼功能,擁有完整個人中心。
個人中心: 修改頭