Django 1.10.3 Tutorial : 관리자 목록 보여주기

-

  • views.py 를 삭제하고, views 디렉토리를 생성한다.
    $ cd $PRJNAME/web/prjname
$ rm -rf views.py
$ mkdir views
$ cd views
$ touch __init__.py
$ mkdir mgmt
$ cd mgmt
$ touch __init__.py
  • $PRJNAME/web/prjname/views/mgmt 에 admin.py 를 생성한다.
    # -*- encoding: utf-8 -*-
# prjname/views/mgmt/admin.py
 
from django.contrib import messages
from django.shortcuts import render, redirect
 
from ...models.admin import *
# from ...forms.mgmt.admin import *
# from .helper import login_required
 
 
# 관리자 목록
def index(request):
    admins = AdminModel.objects.all()
    return render(request, 'mgmt/admin/index.html', {'menu': 'admin', 'admins': admins})
  • templates 디렉토리를 만들어보자.
    $ cd $PRJNAME/web/prjname
$ mkdir templates
$ cd templates
$ mkdir mgmt
$ cd mgmt
  • $PRJNAME/web/prjname/templates/mgmt 에 base.html 을 생성한다.
    base.html
    <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Management</title>
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
 
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<!--
<div class="alert alert-success alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="alert alert-warning alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
-->
{% if messages %}
<div class="alert alert-success alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  {% for message in messages %}
  {{ message }}
  {% endfor %}
</div>
{% endif %}
<nav class="navbar navbar-inverse navbar-static-top">
  <div class="container">
    <div class="navbar-header"> <a class="navbar-brand" href="#">Management</a> </div>
 
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li {% if menu == 'admin' %}class="active"{% endif %}><a href="{% url 'mgmt_admin_index' %}">Admin</a></li>
        <li {% if menu == 'user'  %}class="active"{% endif %}><a href="">User</a></li>
        <li {% if menu == 'notice'  %}class="active"{% endif %}><a href="">Notice</a></li>
        <li {% if menu == 'faq'  %}class="active"{% endif %}><a href="">FAQ</a></li>
        <li {% if menu == 'qna'  %}class="active"{% endif %}><a href="">Q&A</a></li>
      </ul>
 
      <ul class="nav navbar-nav navbar-right">
        <li><a href="">Logout</a></li>
      </ul>
    </div>
  </div>
</nav>
 
<div class="container">
{% block content %}{% endblock %}
</div>
 
<script>
// Modal Remote Reload
$(document).on('hidden.bs.modal', function (e) {
    $(e.target).removeData('bs.modal');
});
 
/*
$("a[data-target=#updateModal]").click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");
 
    // load the url and show modal on success
    $("#updateModal .modal-body").load(target, function() {
         $("#updateModal").modal("show");
    });
});
*/
</script>
</body>
</html>
  • admin 디렉토리를 만들고, 그 안에 index.html 파일을 생성한다.
    $ cd $PRJNAME/web/prjname/templates/mgmt
$ mkdir admin
    index.html
    {% extends "mgmt/base.html" %}
{% block content %}
<div class="page-header">
  <h1>Administrator <small>(관리자)</small></h1>
</div>
 
<div style="text-align: right">
  <a href="/mgmt/admin/insert_form" class="btn btn-default" data-toggle="modal" data-target="#myModal">관리자 추가</a>
</div>
 
<table class="table table-striped table-hover table-condensed" style="margin-top: 20px">
<tr>
  <th style="text-align: center">아이디</th>
  <th style="text-align: center">별명</th>
  <th style="text-align: center">핸드폰</th>
  <th style="text-align: center">등록일</th>
  <th style="text-align: center">마지막접속시간</th>
  <th style="text-align: center">수정/삭제</th>
</tr>
{% for admin in admins %}
<tr>
  <td style="text-align: center">{{ admin.userid }}</td>
  <td style="text-align: center">{{ admin.nick }}</td>
  <td style="text-align: center">{{ admin.mobile }}</td>
  <td style="text-align: center">{{ admin.reg_date | date:"Y-m-d"}}</td>
  <td style="text-align: center">{% if admin.last_login != None %}{{ admin.last_login | date:"Y-m-d H:i:s" }}{% else %}-{% endif %}</td>
  <td style="text-align: center">
    <a href="/mgmt/admin/password_form/{{ admin.id }}" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal">비밀번호변경</a>
    <a href="/mgmt/admin/update_form/{{ admin.id }}" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal">수정</a>
    <button onclick="delete_admin('/mgmt/admin/delete/{{ admin.id }}')" class="btn btn-default btn-xs">삭제</button>
  </td>
</tr>
{% endfor %}
</table>
 
<div id="myModal" class="modal fade" role="dialog" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
    </div>
  </div>
</div>
 
<script>
function delete_admin(url) {
    var result = confirm("관리자를 정말로 삭제하시겠습니까?");
    if( result == false ) return;
    location.href = url;
}
</script>
{% endblock %}
  • $PRJNAME/web/web/urls.py 에 다음과 같이 추가해준다.
    urls.py
    from django.conf.urls import include, url
# from django.contrib import admin
 
urlpatterns = [
    # url(r'^admin/', admin.site.urls),
    url(r'', include('prjname.urls')),
]
  • $PRJNAME/web/prjname 에 urls.py 를 생성한다.
    urls.py
    from django.conf.urls import url
 
from .views.mgmt import admin as mgmt_admin
 
urlpatterns = [
    url(r'^mgmt/admin/$', mgmt_admin.index, name='mgmt_admin_index'),
    # url(r'^mgmt/admin/insert_form$', mgmt_admin.insert_form, name='mgmt_admin_insert_form'),
    # url(r'^mgmt/admin/insert$', mgmt_admin.insert, name='mgmt_admin_insert'),
    # url(r'^mgmt/admin/update_form/(?P<id>[0-9]+)$', mgmt_admin.update_form, name='mgmt_admin_update_form'),
    # url(r'^mgmt/admin/update$', mgmt_admin.update, name='mgmt_admin_update'),
    # url(r'^mgmt/admin/password_form/(?P<id>[0-9]+)$', mgmt_admin.password_form, name='mgmt_admin_password_form'),
    # url(r'^mgmt/admin/change_password$', mgmt_admin.change_password, name='mgmt_admin_change_password'),
    # url(r'^mgmt/admin/delete/(?P<id>[0-9]+)$', mgmt_admin.delete, name='mgmt_admin_delete'),
]


댓글

댓글 쓰기

이 블로그의 인기 게시물

야마하 디지털 피아노 YDP-140

-
이미지
지난 12월부터 피아노를 배우기 시작했습니다. 가자고 있는 피아노가 없어서 아는 분에게 키보드를 빌려서 연습했는데요. 건반의 느낌과 음질이 너무 달라서 연습하기 어려웠습니다. 더군다나 패달도 없으니 더욱 연습하는 것이 쉽지 않더라구요. 이제 레슨을 받은지도 한달 반정도 지났고, 재미도 붙고 해서 평행 꾸준히 칠 수 있을 것이라는 판단으로 디지털 피아노를 구입하기로 마음 먹었습니다. 디지털 피아노의 정보를 얻기 위해서 네이버 디지털 피아노 사랑 이라는 카페에 가입하여 여러 사람들의 의견들을 들었습니다. 어떤 브랜드가 있고, 각 브랜드별로 어떤 모델들이 있는지 알아보았고, 오프라인 매장에 가서 직접 두들겨 보기도 했습니다. 오랫동안 피아노를 쳤던 분들은 각 피아노의 느낌이 다르다고 하던데, 저는 전혀 구별이 안되더군요. 그래서 굳이 너무 비싼 제품은 필요없다고 판단하였습니다. 최종적으로 80만원대 제품을 선정하기로 했습니다. 마침 작년 12월 말에 네이버 디지털 피아노 사랑에서 다이나톤 모션7H 라는 모델 공구를 진행하고 있었습니다. 가격도 괜찮았고 기능도 괜찮았지만, 크기와 구입시기가 맞지 않아서 그만 두었습니다. 결국 카시오 PX-130 과 야마하 P-85 라는 제품을 알아보게 되었는데, 스탠드형이라 이동시 편한 점이 있었으나, 전용 스탠드와 패달을 함께 주문하면 야마하 YDP-140 과 거의 비슷한 가격이 되었습니다. YDP-140은 일반 피아노와 비슷하게 생긴 콘솔형이며 P-85와 사양이 거의 비슷합니다. 이렇게 해서 결국 피아노처럼 생긴 YDP-140 을 구입하기로 하였습니다. 요즘 이 제품의 판매금액은 80만 초반대를 형성하고 있습니다. 아래는 인증사진입니다. *^^* 이제 연습 열심히 하여서 다양한 곡들 연주할 수 있으면 좋겠습니다. 다른 사람들과 합주해보는 것도 좋겠구요.
자세한 내용 보기

테이블위로 마우스 커서 이동시 색깔 변경하기

-
테이블위로 마우스커서가 이동될때 각 행을 지나갈 때마다 하이라이트되게 하려면 CSS 에서 간단하게 해결할 수 있습니다. 방법은 아래와 같이 TR 태그에 hover 에 컬러를 지정해주기만 하면 됩니다. tr.attention:hover {background: #BBBBFF;} 그런데, 이 방법에는 한가지 문제점이 있는데 행수가 많아지면 마우스 이동시 색변경이 늦어집니다. 그래서, 자바스크립트(jQuery)로 구현해보았습니다. jQuery 의 hover 함수를 이용한 것입니다. $(document).ready(function() {   $("tr.attention").hover(     function(){$(this).css("background","#BBBBFF")},      function(){$(this).css("background","#FFFFFF")}   ); }); 한 줄로 간단하게 구현이되지만, 역시 느렸습니다. 그래서, 직접 mouseover 와 mouseout 이벤트를 이용하여 구현해보았습니다. var color_old; $(document).ready(function() {   $("tr.attention").bind('mouseover', function(event){     color_old = $(this).css('background-color');     $(this).css('background-color', '#BBBBFF');   });   $("tr.attention").bind('mouseout',  function(event){     $(this).css('background-color', color_old);   }); }); 이와 같이 해보니, 사용에 문제가
자세한 내용 보기

피아노 연습

-
이미지
이번주에는 연말 성과 관련 작업으로 바쁘게 보내다가 어제 겨우 일찍 퇴근해서 피아노는 연습을 했습니다. 같은 부서 차장님에게 빌려온 야마하 키보드로 연습을 했지요. 적당한 자리가 없어서 바닥에 놓고 했는데, 자세가 좋지 않다보니 금방 손이 아프더군요. 그리고, 아무래도 타건감이 좋지 않아서 실제 피아노를 치게 되면 문제가 있습니다. 전자키보드는 키 하나에 단순히 하나의 음만 나오게 되고, 살짝 치곤 세게 치건 똑같은 소리가 나옵니다. 그런데 진짜 피아노는 그렇지 않지요. 건반도 무게감이 있고 힘있게 치느냐 살짝 치느냐에 따라서 음의 느낌도 달라집니다. 제대로 된 전자피아노를 사고 싶은 생각이 팍팍~ 듭니다. 아직 모델을 정하지 못했는데, 이번 주말에 아차산역에 있는 아이캔피아노라는 매장에 가서 직접 보려구요. 집에서도 가깝고 사이트에 가보니 가격도 저렴한 편인 것 같아요. 요즘 네이버 디피카페에서 다이나톤 공구중인데 가격과 AS기간에 매리트가 있더군요. 20일까지 주문이던데... 몇가지 해결해야 될 문제가 있어서 아쉽지만 그때까지는 구입하지 못 할 것 같습니다.
자세한 내용 보기