parent
102477a6d6
commit
9be343739d
6 changed files with 281 additions and 48 deletions
@ -0,0 +1,23 @@ |
|||||||
|
""" |
||||||
|
URL configuration for myshop_back project. |
||||||
|
|
||||||
|
The `urlpatterns` list routes URLs to views. For more information please see: |
||||||
|
https://docs.djangoproject.com/en/4.2/topics/http/urls/ |
||||||
|
Examples: |
||||||
|
Function views |
||||||
|
1. Add an import: from my_app import views |
||||||
|
2. Add a URL to urlpatterns: path('', views.home, name='home') |
||||||
|
Class-based views |
||||||
|
1. Add an import: from other_app.views import Home |
||||||
|
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') |
||||||
|
Including another URLconf |
||||||
|
1. Import the include() function: from django.urls import include, path |
||||||
|
2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) |
||||||
|
""" |
||||||
|
from django.contrib import admin |
||||||
|
from django.urls import path, re_path, include |
||||||
|
from apps.basic import views |
||||||
|
|
||||||
|
urlpatterns = [ |
||||||
|
path('index/', views.index), |
||||||
|
] |
||||||
@ -1,3 +1,7 @@ |
|||||||
from django.shortcuts import render |
from django.shortcuts import render |
||||||
|
|
||||||
|
|
||||||
# Create your views here. |
# Create your views here. |
||||||
|
|
||||||
|
def index(request): |
||||||
|
return render(request, 'shop/index.html') |
||||||
|
|||||||
@ -0,0 +1,120 @@ |
|||||||
|
{% extends 'shop/base.html' %} |
||||||
|
{% load static %} |
||||||
|
{% block ext_css %} |
||||||
|
{% endblock %} |
||||||
|
{% block content %} |
||||||
|
<div class="content-wrapper"> |
||||||
|
<div class="content-header"> |
||||||
|
<div class="container-fluid"> |
||||||
|
<div class="row mb-2"> |
||||||
|
<div class="col-sm-6"> |
||||||
|
<h1 class="m-0">商城信息</h1> |
||||||
|
<div class="col-sm-6"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<section class="content"> |
||||||
|
<div class="container-fluid"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-4 col-6"> |
||||||
|
<div class="small-box bg-info"> |
||||||
|
<div class="inner"> |
||||||
|
<h3>150</h3> |
||||||
|
<p>新订单</p> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ion ion-bag"></i> |
||||||
|
</div> |
||||||
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-4 col-6"> |
||||||
|
<div class="small-box bg-success"> |
||||||
|
<div class="inner"> |
||||||
|
<h3>53</h3> |
||||||
|
<p>会员</p> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ion ion-stats-bars"></i> |
||||||
|
</div> |
||||||
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-4 col-6"> |
||||||
|
<div class="small-box bg-warning"> |
||||||
|
<div class="inner"> |
||||||
|
<h3>44</h3> |
||||||
|
<p>商品数量</p> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ion ion-person-add"></i> |
||||||
|
</div> |
||||||
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="row"> |
||||||
|
<section class="col-lg-7 connectedSortable"> |
||||||
|
<div class="card"> |
||||||
|
<div class="card-header"> |
||||||
|
<h3 class="card-title"> |
||||||
|
<i class="fas fa-chart-pie mr-1"></i> |
||||||
|
Sales |
||||||
|
</h3> |
||||||
|
<div class="card-tools"> |
||||||
|
<ul class="nav nav-pills ml-auto"> |
||||||
|
<li class="nav-item"> |
||||||
|
<a class="nav-link active" href="#revenue-chart" |
||||||
|
data-toggle="tab">Area</a> |
||||||
|
</li> |
||||||
|
<li class="nav-item"> |
||||||
|
<a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="card-body"> |
||||||
|
<div class="tab-content p-0"> |
||||||
|
<div class="chart tab-pane active" id="revenue-chart" |
||||||
|
style="position: relative; height: 300px;"> |
||||||
|
<canvas id="revenue-chart-canvas" height="300" |
||||||
|
style="height: 300px;"></canvas> |
||||||
|
</div> |
||||||
|
<div class="chart tab-pane" id="sales-chart" |
||||||
|
style="position: relative; height: 300px;"> |
||||||
|
<canvas id="sales-chart-canvas" height="300" |
||||||
|
style="height: 300px;"></canvas> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
<section class="col-lg-5 connectedSortable"> |
||||||
|
<div class="card bg-gradient-info"> |
||||||
|
<div class="card-header border-0"> |
||||||
|
<h3 class="card-title"> |
||||||
|
<i class="fas fa-th mr-1"></i> |
||||||
|
Sales Graph |
||||||
|
</h3> |
||||||
|
<div class="card-tools"> |
||||||
|
<button type="button" class="btn bg-info btn-sm" data-card-widget="collapse"> |
||||||
|
<i class="fas fa-minus"></i> |
||||||
|
</button> |
||||||
|
<button type="button" class="btn bg-info btn-sm" data-card-widget="remove"> |
||||||
|
<i class="fas fa-times"></i> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="card-body"> |
||||||
|
<canvas class="chart" id="line-chart" |
||||||
|
style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
{% endblock %} |
||||||
Loading…
Reference in new issue