1.新建django 項目
django項目 默認使用8000端口 訪問地址: http://127.0.0.1:8000
2.數據庫遷移
|
1
2
3
|
python manage.py makemigrations
python manage.py migrate
|
3.新建系統超級用戶
|
1
|
python manage.py createsuperuser
|
4.運行效果
1.點擊右上角運行按鈕
2.點擊: http:127.0.0.1:8001 訪問站點
輸入 http://127.0.0.0:8000/admin
進入后台登錄頁面 真的是low到爆的一個頁面
修改 demo > settings.py （修改時區,修改系統為中文） 如果不修改時區,則導致獲取系統當前時間會晚8個小時
# Internationalization
# https://docs.djangoproject.com/en/2.2/topics/i18n/
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_L10N = True
USE_TZ = False
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
5.django 大變身 安裝simple ui
|
1
|
pip install django
-
simpleui
|
6.配置simple ui
在INSTALLED_APPS 中新增 'simpleui',
更多用法訪問一下地址
simpleui 地址 :https://github.com/newpanjing/simpleui/blob/master/QUICK.md
|
1
|
|
|
1
2
3
4
5
6
7
8
9
10
|
INSTALLED_APPS
=
[
'simpleui'
,
'django.contrib.admin'
,
'django.contrib.auth'
,
'django.contrib.contenttypes'
,
'django.contrib.sessions'
,
'django.contrib.messages'
,
'django.contrib.staticfiles'
,
'app01.apps.App01Config'
,
]
|
7. 刷新頁面完成變身
8.自定義django admin 按鈕
參考文章:http://www.liujiangblog.com/course/django/159
9.Django2.0入門教程:ORM之QuerySet API
參考文章:https://www.django.cn/course/show-18.html
https://www.cnblogs.com/liwenzhou/p/8660826.html
10.自定義django admin 頁面
實現思路,修改simpleui 源碼 action.html 注入custome.js 文件
custome.js 內容如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$(
function
() {
//卸載系統自帶post請求
$(
'button[data-name^="c_"]'
).each(
function
(index, element) {
console.log(element)
$(element).prop(
"onclick"
,
null
).off(
"click"
)
})
//自定義按鈕綁定事件
$(
'button[data-name^="c_a_"]'
).click(
function
() {
$(
"#changPassword"
).trigger(
"click"
);
})
//根據當前頁面路徑,判斷是否新增試圖
var
currentUrl = window.location.href;
if
(currentUrl.indexOf(
"/app/appbook/"
) > 0) {
$.get(
"/app/echart/"
,
function
(data, status) {
$(
"#content"
).append(data);
//alert("Data: " + data + "\nStatus: " + status);
})
}
else
if
(
true
){
console.log(
"to do"
)
}
})
|
修改simpleui 源碼
12.運行效果圖
