[Django3.0]カタカナのバリデーション

まずER図とデータ型を編集しながらmodels.pyを作成します。

/sales/models.py

class Clients(models.Model):
	name = models.CharField(max_length=255)
	name_kana = models.CharField(max_length=255, null=True)
	office = models.CharField(max_length=255, null=True)
	department = models.CharField(max_length=255, null=True)
	position = models.CharField(max_length=255, null=True)
	charge = models.CharField(max_length=255)
	charge_mail = models.EmailField(max_length=255)
	zipcode = models.CharField(max_length=8, validators=[RegexValidator(r"\d{3}-\d{4}")])
	prefecture = models.CharField(max_length=20)
	address = models.CharField(max_length=255)
	tel = models.CharField(max_length=15)
	fax = models.CharField(max_length=15, null=True)
	name_top = models.CharField(max_length=255)
	position_top = models.CharField(max_length=100, null=True)
	remark = models.TextField(max_length=300, null=True)
	created_at = models.DateTimeField(auto_now_add=True)
	updated_at = models.DateTimeField(auto_now=True)

$ python manage.py makemigrations sales
$ python manage.py migrate
mysql> show tables;
mysql> describe sales_clients;
+————–+————–+——+—–+———+—————-+
| Field | Type | Null | Key | Default | Extra |
+————–+————–+——+—–+———+—————-+
| id | int(11) | NO | PRI | NULL | auto_increment |
| name | varchar(255) | NO | | NULL | |
| name_kana | varchar(255) | YES | | NULL | |
| office | varchar(255) | YES | | NULL | |
| department | varchar(255) | YES | | NULL | |
| position | varchar(255) | YES | | NULL | |
| charge | varchar(255) | NO | | NULL | |
| charge_mail | varchar(255) | NO | | NULL | |
| zipcode | varchar(8) | NO | | NULL | |
| prefecture | varchar(20) | NO | | NULL | |
| address | varchar(255) | NO | | NULL | |
| tel | varchar(15) | NO | | NULL | |
| fax | varchar(15) | YES | | NULL | |
| name_top | varchar(255) | NO | | NULL | |
| position_top | varchar(100) | YES | | NULL | |
| remark | longtext | YES | | NULL | |
| created_at | datetime(6) | NO | | NULL | |
| updated_at | datetime(6) | NO | | NULL | |
+————–+————–+——+—–+———+—————-+
18 rows in set (0.00 sec)

/sales/forms.py

class ClientsForm(forms.ModelForm):
	class Meta:
		model = Clients
		fields = ['name', 'name_kana', 'office', 'department', 'position', 'charge', 'charge_mail', 'zipcode', 'prefecture', 'address', 'tel', 'fax', 'name_top', 'position_top', 'remark']

/sales/views.py

from .models import Clients
form .forms import ClientsForms

def client_complete(request):
	if(request.method == 'POST'):
		name = request.POST['name']
		name_kana = request.POST['name_kana']
		office = request.POST['office']
		department = request.POST['department']
		position = request.POST['position']
		charge = request.POST['charge']
		charge_mail = request.POST['charge_mail']
		zipcode = request.POST['zipcode']
		prefecture = request.POST['prefecture']
		address = request.POST['address']
		tel = request.POST['tel']
		fax = request.POST['fax']
		name_top = request.POST['name_top']
		position_top = request.POST['position_top']
		remark = request.POST['remark']
		clients = Clients(name=name, name_kana=name_kana, office=office, department=department, position=position, charge=charge, charge_mail=charge_mail, zipcode=zipcode, prefecture=prefecture, address=address, tel=tel,fax=fax, name_top=name_top, position_top=position_top, remark=remark)
		clients.save()        
	return render(request, 'sales/client_complete.html')

def client_input(request):
	params = {
		'form': ClientsForm()
	}
	return render(request, 'sales/client_input.html', params)

/templates/sales/client_input.html
// 省略
-> django-widdget-tweaksではTextFieldは自動的にtextareaになるが、rowsを指定してあげる

{% render_field form.remark class="form-control" rows="2" placeholder="" %}

mysql> select * from sales_clients;
+—-+——————————————–+——————————–+——–+————+—————–+————–+————————-+———-+————+——————————-+————–+————–+————–+—————–+——————–+—————————-+—————————-+
| id | name | name_kana | office | department | position | charge | charge_mail | zipcode | prefecture | address | tel | fax | name_top | position_top | remark | created_at | updated_at |
+—-+——————————————–+——————————–+——–+————+—————–+————–+————————-+———-+————+——————————-+————–+————–+————–+—————–+——————–+—————————-+—————————-+
| 1 | ジャパンソフトウェア株式会社 | ジャパンソフトウェア | 本社 | 営業部 | 代表取締役 | 佐藤太郎 | staro@japansoftware.com | 100-0002 | 東京都 | 千代田区皇居外苑1-2-3 | 03-1234-5678 | 03-1234-5679 | 山本五郎 | 代表取締役 | | 2020-08-30 02:09:35.555187 | 2020-08-30 02:09:35.555259 |
| 2 | アジアテック株式会社 | アジアテック | 本社 | 営業部 | 課長 | 山本太郎 | yamamoto@asiatech.com | 100-0002 | 東京都 | 千代田区皇居外苑1-2-3 | 03-1234-5678 | 03-1234-5679 | 山田一郎 | 代表取締役 | 佐藤氏の紹介 | 2020-08-30 02:54:20.407693 | 2020-08-30 02:54:20.407756 |
+—-+——————————————–+——————————–+——–+————+—————–+————–+————————-+———-+————+——————————-+————–+————–+————–+—————–+——————–+—————————-+—————————-+
2 rows in set (0.00 sec)

zipcodeのバリデーションを\d{3}-\d{4}として、会社名カナのバリデーションを\u30A1-\u30F4とした場合に、form.is_valid():として複数のエラーメッセージを出し分ける方法がわからんな。

[Django3.0] ModelFormのバリデーション

Djangoでは、Forms.FormのバリデーションとModelFormのバリデーション2種類がある
ModelFormでのバリデーションについて考える。

文字数とnull, Emailは既にモデルに書かれているので、郵便番号を英数字とハイフンだけにする
正規表現で、\d{3}-\d{4}とする

/sales/models.py

from django.db import models
from django.core.validators import RegexValidator

class Master(models.Model):
	name = models.CharField(max_length=255)
	office = models.CharField(max_length=255, null=True)
	zipcode = models.CharField(max_length=8, validators=[RegexValidator(r"\d{3}-\d{4}")])
	prefecture = models.CharField(max_length=20)
	address = models.CharField(max_length=255)
	tel = models.CharField(max_length=15)
	fax = models.CharField(max_length=15, null=True)
	mail = models.EmailField(max_length=255)
	name_top = models.CharField(max_length=255)
	position_top = models.CharField(max_length=100, null=True)
	created_at = models.DateTimeField(auto_now_add=True)
	updated_at = models.DateTimeField(auto_now=True)

/sales/views.py

def master_complete(request):
	data = Master.objects.get(id=1)
	if(request.method == 'POST'):
		master = MasterForm(request.POST, instance=data)
		if(master.is_valid()):
			master.save()
			return render(request, 'sales/master_complete.html')
		else:
			params = {
				'form': MasterForm(instance=data),
				'message': "郵便番号は数字7桁とハイフンで入力してください"
			}
			return render(request, 'sales/master.html', params)
	return render(request, 'sales/master_complete.html')

/sales/templates/sales/master.html

<div class="text-danger">{{ message}}</div>

OK
自社基本情報の更新までできました。
続いて得意先の登録に行きます。

[Django3.0] ModelFormによるデータ更新の書き方2

views.pyでは、*.objects.get(id=*)としてレコードを取り出し、save()で更新する。

/sales/views.py

def master_complete(request):
	data = Master.objects.get(id=1)
	if(request.method == 'POST'):
		master = MasterForm(request.POST, instance=data)
		master.save()
	return render(request, 'sales/master_complete.html')

mysql側でデータが更新されている事を確認します。

mysql> select * from sales_master;
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| id | name | office | zipcode | prefecture | address | tel | fax | mail | name_top | position_top | created_at | updated_at |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| 1 | 東京テクノロジー株式会社 | 本社 | 100-6321 | 東京都 | 千代田区丸の内2-4-2 | 03-1234-5678 | 03-1234-5679 | info@tokyotech.com | 山田太郎 | 代表取締役 | 2020-08-22 12:30:30.000000 | 2020-08-27 11:50:16.915337 |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
1 row in set (0.00 sec)

get, create, updateはマスターしました。
次はバリデーションでしょうか。

[Django3.0] ModelFormによるupdateの書き方

sales_masterテーブルのid=1のレコードをformに表示させたい
forms.pyでModelFormを使用する
view側ではdjango-widdget-tweaksを引き続き使用

mysql> select * from sales_master;
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| id | name | office | zipcode | prefecture | address | tel | fax | mail | name_top | position_top | created_at | updated_at |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| 1 | 東京テクノロジー株式会社 | 本社 | 100-6321 | 東京都 | 千代田区丸の内2-4-1 | 03-1234-5678 | 03-1234-5679 | info@tokyotech.com | 山田太郎 | 代表取締役 | 2020-08-22 12:30:30.000000 | 2020-08-22 12:30:30.000000 |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
1 row in set (0.00 sec)

/sales/forms.py

from django import forms
from.models import Master

class MasterForm(forms.ModelForm):
	class Meta:
		model = Master
		fields = ['name', 'office', 'zipcode', 'prefecture', 'address', 'tel', 'fax', 'mail', 'name_top', 'position_top']

/sales/views.py

def master(request):
	data = Master.objects.get(id=1)
	params = {
		'form': MasterForm(instance=data)
	}
	return render(request, 'sales/master.html', params)

/sales/templates/sales/master.html
-> 変更なし

上手く引っ張ってこれました。

[Django3.0]django-widdget-tweaksを使ったスタイリング

Formクラスを使いつつ、テンプレート側でスタイリングする為、django-widdget-tweaksを使用します。

$ pip install django-widget-tweaks

/hanbai/settings.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'sales',
    'widget_tweaks',
]

/sales/forms.py

from django import forms

class MasterForm(forms.Form):
	name = forms.CharField(label='name')
	office = forms.CharField(label='office')
	zipcode = forms.CharField(label='zipcode')
	prefecture = forms.CharField(label='prefecture')
	address = forms.CharField(label='address')
	tel = forms.CharField(label='tel')
	fax = forms.CharField(label='fax')
	email = forms.EmailField(label='email')
	name_top = forms.CharField(label='name_top')
	position_top = forms.CharField(label='position_top')

/sales/views.py

def master_detail(request):
	data = Master.objects.get(id=1)
	params = {
		'data' : data
	}
	return render(request, 'sales/master_detail.html', params)

/sales/templates/sales/master.html

{% load widget_tweaks %}

// 省略
<form action="{% url 'master_complete' %}" method="post">
					{% csrf_token %}
					<div class="row">
						<div class="col-sm">
							<label for="name">会社名 <span class="badge badge-danger">必須</span></label>
							<!-- <input type="text" class="form-control" id="name" name="name" placeholder="会社名を入力してください" required> -->
							{% render_field form.name class="form-control" placeholder="会社名を入力してください" %}
						</div>
						<div class="col-md-4">
							<label for="office">事業所名</label>
							<!-- <input type="text" class="form-control" id="office" name="office" placeholder="事業所の名称を入力してください" > -->
							{% render_field form.office class="form-control" placeholder="事業所の名称を入力してください" %}
						</div>
					</div>

					<br>

					<div class="row">
						<div class="col-md-4">
							<label for="zipcode">郵便番号(7桁) <span class="badge badge-danger">必須</span></label>
							<!-- <input type="text" class="form-control" id="zip" name="zipcode" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','prefecture', 'address');" placeholder="7桁の郵便番号を入力してください" > -->
							{% render_field form.zipcode class="form-control" placeholder="都道府県を入力してください" id="zip" name="zipcode" onkeyup="AjaxZip3.zip2addr(this,``,`prefecture`, `address`);" %}
						</div>
						<div class="col-md-4">
							<label for="prefecture">都道府県(自動入力)</label>
							<!-- <input type="text" name="prefecture" class="form-control" id="prefecture" placeholder="都道府県を入力してください" > -->
							{% render_field form.prefecture class="form-control" placeholder="都道府県を入力してください" %}
						</div>
					</div>
					<div class="form-group">
						<label for="address">住所 <span class="badge badge-danger">必須</span></label>
						<!-- <input type="text" name="address" class="form-control" id="address" placeholder="住所を入力してください" > -->
						{% render_field form.address class="form-control" placeholder="住所を入力してください" %}
					</div>

					<br>

					<div class="row">
						<div class="col-sm">
							<label for="tel">電話番号 <span class="badge badge-danger">必須</span></label>
							<!-- <input type="text" class="form-control" id="tel" name="tel" placeholder="電話番号を入力してください" > -->
							{% render_field form.tel class="form-control" placeholder="電話番号を入力してください" %}
						</div>
						<div class="col-sm">
							<label for="fax">FAX</label>
							<!-- <input type="text" class="form-control" id="fax" name="fax" placeholder="FAX番号を入力してください" > -->
							{% render_field form.fax class="form-control" placeholder="FAX番号を入力してください" %}
						</div>
					</div>

					<div class="form-group">
						<label for="email">会社メールアドレス <span class="badge badge-danger">必須</span></label>
						<!-- <input type="email" class="form-control" id="email" name="mail" placeholder="担当者のメールアドレスを入力してください" > -->
						{% render_field form.email class="form-control" placeholder="担当者のメールアドレスを入力してください" %}
					</div>

					<div class="row">
						<div class="col-sm">
							<label for="name_top">代表者 <span class="badge badge-danger">必須</span></label>
							<!-- <input type="text" class="form-control" id="name_top" name="name_top" placeholder="代表者名を入力してください" > -->
							{% render_field form.name_top class="form-control" placeholder="代表者名を入力してください" %}
						</div>
						<div class="col-sm">
							<label for="position_top">代表者役職</label>
							<!-- <input type="text" class="form-control" id="position_top" name="position_top" placeholder="代表者の役職を入力してください" > -->
							{% render_field form.position_top class="form-control" placeholder="代表者の役職を入力してください" %}
						</div>
					</div>

					<br><br>

					<div class="col text-center">
						<button class="btn" type="submit">更新</button>
					</div>
				</form>

ajaxの部分も問題なく動きます。

[Django3.0]Formクラスを試してみる

Djangoの入力フォームをフォームクラスを使って書いていきたい。
HTMLでベタ書きしているものをフォームクラスに移管する。

### Form Class
まずfomrs.pyを作ります。
/sales/forms.py

from django import forms

class MasterForm(forms.Form):
	name = forms.CharField(label='name')
	office = forms.CharField(label='office')
	zipcode = forms.CharField(label='zipcode')
	prefecture = forms.CharField(label='prefecture')
	address = forms.CharField(label='address')
	tel = forms.CharField(label='tel')
	fax = forms.CharField(label='fax')
	email = forms.EmailField(label='email')
	name_top = forms.CharField(label='name_top')
	position_top = forms.CharField(label='position_top')

次にビュー関数を編集する。
/sales/views.py

from .forms import MasterForm

def master(request):
	params = {
		'form': MasterForm()
	}
	return render(request, 'sales/master.html', params)

/sales/templates/sales/master.html

<form action="{% url 'master_complete' %}" method="post">
					{% csrf_token %}
					{{ form }}
					<br><br>
					<div class="col text-center">
						<button class="btn" type="submit">更新</button>
					</div>
				</form>

forms.pyの使い方はわかったが、view側のスタイリングをどうにかしないといけない。

form.as_tableやform.as_pだと、inputのcol-md-*の調整ができないないので、方法を考える必要がある。

[Django3.0]MySQLへのデータ登録

受け取る側のviews.pyでModesに入れれば良い

/sales/views.py

from django.shortcuts import render
from django.http import HttpResponse
from .models import Master

def master_complete(request):
	if(request.method == 'POST'):
		name = request.POST['name']
		office = request.POST['office']
		zipcode = request.POST['zipcode']
		prefecture = request.POST['prefecture']
		address = request.POST['address']
		tel = request.POST['tel']
		fax = request.POST['fax']
		mail = request.POST['mail']
		name_top = request.POST['name_top']
		position_top = request.POST['position_top']
		master = Master(name=name, office=office, zipcode=zipcode, prefecture=prefecture, address=address,
			tel=tel,fax=fax, mail=mail, name_top=name_top, position_top=position_top)
		master.save()
	return render(request, 'sales/master_complete.html')

mysql> select * from sales_master;
ERROR 2006 (HY000): MySQL server has gone away
No connection. Trying to reconnect…
Connection id: 44
Current database: hanbai

+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| id | name | office | zipcode | prefecture | address | tel | fax | mail | name_top | position_top | created_at | updated_at |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| 1 | 東京テクノロジー株式会社 | 本社 | 100-6321 | 東京都 | 千代田区丸の内2-4-1 | 03-1234-5678 | 03-1234-5679 | info@tokyotech.com | 山田太郎 | 代表取締役 | 2020-08-22 12:30:30.000000 | 2020-08-22 12:30:30.000000 |
| 2 | テスト | 本社 | 100-0001 | 東京都 | 千代田区千代田1-1-1 | 03-1234-5678 | 03-1234-5679 | test@gmail.com | 山田太郎 | | 2020-08-26 22:03:28.299894 | 2020-08-26 22:03:28.299937 |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
2 rows in set (0.00 sec)

[Django3.0]フォーム送信の基本機能を実装する

まず、登録完了ページのurls.py, views.pyを追記し、完了画面のhtml(master_complete.html)をサクッと作ります。

/sales/urls.py

urlpatterns = [
	// 省略
	path('master/complete', views.master_complete, name='master_complete'),
	// 省略
]

/sales/views.py

def master_complete(request):
	return render(request, 'sales/master_complete.html')

### フォーム画面
フォーム送信先を登録完了画面のnameに設定し、csrf_tokenを設定する

/sales/templates/sales/master.html

<form action="{% url 'master_complete' %}" method="post">
    {% csrf_token %}
</form>

### フォーム関数
登録完了画面で、request.POST[‘*’]で送られてきた値を受け取ります。

/sales/views.py

def master_complete(request):
	name = request.POST['name']
	office = request.POST['office']
	zipcode = request.POST['zipcode']
	prefecture = request.POST['prefecture']
	address = request.POST['address']
	tel = request.POST['tel']
	fax = request.POST['fax']
	mail = request.POST['mail']
	name_top = request.POST['name_top']
	position_top = request.POST['position_top']
	return render(request, 'sales/master_complete.html')

挙動確認

OK
次に入力画面でformクラスを使いたいんだけど、form.as_tableやform.as_pなどではデザインを再現できないような気がするんだが、やり方あるんだろうか?

[Django3.0]datetime型をviewで表示させる

デフォルトではY年n月j日H:i で表示される。
表示を変更するには、view側で以下のように書けば良い。

{{data.created_at|date:"Y/n/j H:i:s"}}

登録日時 2020/8/22 21:30:30 更新日時 2020年8月22日21:30

OK
${className}.objects.get(id=1) で取得して表示する方法はわかった。
次は、createの手順を行こう

[Django3.0]mysqlのデータをviewに表示

前提: MySQLの中にデータが入っています。

mysql> select * from sales_master;
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| id | name | office | zipcode | prefecture | address | tel | fax | mail | name_top | position_top | created_at | updated_at |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
| 1 | 東京テクノロジー株式会社 | 本社 | 100-6321 | 東京都 | 千代田区丸の内2-4-1 | 03-1234-5678 | 03-1234-5679 | info@tokyotech.com | 山田太郎 | 代表取締役 | 2020-08-22 15:00:00.000000 | 2020-08-22 15:00:00.000000 |
+—-+————————————–+——–+———-+————+—————————-+————–+————–+——————–+————–+—————–+—————————-+—————————-+
1 row in set (0.00 sec)

### template側
まず、データを表示させるtemplateを作成します。

/sales/urls.py

urlpatterns = [
	// 省略
	path('master/edit', views.master, name='master'),
	path('master/detail', views.master_detail, name='master_detail'),
	// 省略
]

/sales/views.py

def master_detail(request):
	return render(request, 'sales/master_detail.html')

/templates/sales/master_detail.html

{% extends 'sales/layout.html' %}
{% load static %}

{% block title %}自社基本情報 | hanbai - 自社基本情報を表示しています{% endblock %}

{% block description %}<meta name="Description" content="見積管理、在庫管理、販売管理はhanbai">{% endblock %}

{% block header_script %}
	// 省略
{% endblock %}

	
{% block content %}
			<div class="client">

				<nav aria-label="パンくずリスト">
					<ol class="breadcrumb">
	  					<li class="breadcrumb-item" aria-current="page">得意先詳細:○○株式会社</li>
					</ol>
				</nav>

				<table class="table">
					<tr>
						<td class="bg">会社名</td>
						<td>ABC商事株式会社</td>
						<td class="bg">事業所</td>
						<td>本社</td>
					</tr>
					<tr>
						<td class="bg">郵便番号</td>
						<td>100-0001</td>
						<td class="bg">都道府県</td>
						<td>東京都</td>
					</tr>
					<tr>
						<td class="bg">住所</td>
						<td colspan="3">千代田区大手町1-1-1</td>
					</tr>
					<tr>
						<td class="bg">電話番号</td>
						<td>03-1234-5678</td>
						<td class="bg">FAX</td>
						<td>03-1234-5679</td>
					</tr>
					<tr>
						<td class="bg">会社メールアドレス</td>
						<td colspan="3">info@abc.co.jp</td>
					</tr>
					<tr>
						<td class="bg">代表者</td>
						<td>山田太郎</td>
						<td class="bg">代表者役職</td>
						<td>代表取締役</td>
					</tr>
					<tr>
						<td class="bg">登録日時</td>
						<td>2020/08/20</td>
						<td class="bg">更新日時</td>
						<td>2020/08/20</td>
					</tr>
				</table>

			<br>
			</div>
{% endblock %}

{% block script %}
{% endblock %}

ここにmysqlからデータを引っ張ってくる

### views.pyの編集
/sales/views.py

from django.shortcuts import render
from django.http import HttpResponse
from .models import Master

def master_detail(request):
	data = Master.objects.get(id=1)
	params = {
		'data' : data
	}
	return render(request, 'sales/master_detail.html', params)

### template側
/templates/sales/master_detail.html

<table class="table">
					<tr>
						<td class="bg">会社名</td>
						<td>{{data.name}}</td>
						<td class="bg">事業所</td>
						<td>{{data.office}}</td>
					</tr>
					<tr>
						<td class="bg">郵便番号</td>
						<td>{{data.zipcode}}</td>
						<td class="bg">都道府県</td>
						<td>{{data.prefecture}}</td>
					</tr>
					<tr>
						<td class="bg">住所</td>
						<td colspan="3">{{data.address}}</td>
					</tr>
					<tr>
						<td class="bg">電話番号</td>
						<td>{{data.tel}}</td>
						<td class="bg">FAX</td>
						<td>{{data.fax}}</td>
					</tr>
					<tr>
						<td class="bg">会社メールアドレス</td>
						<td colspan="3">{{data.mail}}</td>
					</tr>
					<tr>
						<td class="bg">代表者</td>
						<td>{{data.name_top}}</td>
						<td class="bg">代表者役職</td>
						<td>{{data.position_top}}</td>
					</tr>
					<tr>
						<td class="bg">登録日時</td>
						<td>{{data.created_at}}</td>
						<td class="bg">更新日時</td>
						<td>{{data.updated_at}}</td>
					</tr>
				</table>

おおおお、何事もなく表示できました。割と簡単すぎた。
1件だけ取得した場合はforループで回す必要がない為、html側では{{data.${カラム名}}}とするだけですね。
created_atとupdate_atは、mysql側では”2020-08-22 15:00:00.000000″で入っているのに、view側では”2020年8月23日0:00″で表示されているので、ここを直したい。