Sails.js Tutorial : 관리자 수정하기

• xyz/views/mgmt/admin/update_form.ejs 을 작성한다.

  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">관리자 수정</h4>
  </div>
  <div class="modal-body">
    <form name="update_form" action="/mgmt/admin/update" method="post">
      <input type='hidden' name='_csrf' value='<%= _csrf %>'>
      <div class="form-group">
        <label>아이디</label>
        <input type="text" name="userid" class="form-control" readonly required pattern="[a-zA-Z0-9]+" value="<%= admin.userid %>"/>
        <input type="hidden" name="id" class="form-control" value="<%= admin.id %>" />
      </div>
      <div class="form-group">
        <label>별명 <small>(필수)</small></label>
        <input type="text" name="nick" class="form-control" required value="<%= admin.nick %>"/>
      </div>
      <div class="form-group" style="text-align: right">
        <input class="btn btn-primary" type="submit" value="관리자 수정" />
      </div>
    </form>
  </div>

• xyz/api/controllers/mgmt/AdminController.js 에 다음을 추가한다.

  ...
   
    // 관리자 수정 폼
    // /mgnt/admin/update_form/:id
    update_form: function (req, res) {
      let id = req.params.id;
   
      Admin.findOne({id: id}).exec(function (err, admin) {
        res.locals.layout = null;
        res.view('mgmt/admin/update_form', { admin: admin });
      });
    },
   
  ...

• xyz/config/routes.js 에 다음을 추가한다.

    'get  /mgmt/admin/update_form/:id' : 'mgmt/AdminController.update_form',

• 이제, 수정 버튼을 클릭하면 수정할 수 있는 폼이 나타나게 될 것이다. 마지막으로 실제로 수정을 처리하는 루틴을 작성하고 라우터에 등록하자.

• xyz/api/controllers/mgmt/AdminController.js 에 다음을 추가한다.

  ...
   
    // 관리자 수정
    // /mgmt/admin/update
    update: function (req, res) {
      let id   = req.body.id;
      let nick = req.body.nick;
   
      Admin.update({id: id}, {nick: nick}).exec(function (err, updated) {
        console.log(updated); // 관리자 변경 확인용 출력
        res.redirect('/mgmt/admin');
      });
    },
   
  ...

• xyz/config/routes.js 에 다음을 추가하고, 수정 작업을 진행해보자.

    'post /mgmt/admin/update' : 'mgmt/AdminController.update',