Vue.js +express + sequelize でform登録など
index:
概要:
前のexpress +sequelize 関連になりますが、
Vue.js でform画面の登録などの作成になります。
環境
node.js 10.16.0
sequelize 5.11.0
参考のコード
登録処理など
・表の作成
https://github.com/kuc-arc-f/app3_sample/blob/master/database/tasks.sql
・model
task.js
https://github.com/kuc-arc-f/app3_sample/blob/master/models/task.js
・api / api.js
https://github.com/kuc-arc-f/app3_sample/blob/master/routes/api.js
追加
router.post('/tasks_new', (req, res) => {
var obj = req.body;
console.log(obj );
models.Task.create({
title: obj.title,
content: obj.content,
})
.then((result) => {
res.json(req.body);
});
});
一覧
router.get('/tasks_index', function(req, res) {
models.Task.findAll({
order: [
['id', 'DESC'],
],
}).then((result) => {
var items = result
items.forEach( function (item) {
// console.log( item.dataValues );
});
var param = {"result": result};
res.json(param);
});
});
Vue.js / ejsテンプレート
・index
https://github.com/kuc-arc-f/app3_sample/blob/master/views/tasks/index.ejs
・new
https://github.com/kuc-arc-f/app3_sample/blob/master/views/tasks/new.ejs
・show
https://github.com/kuc-arc-f/app3_sample/blob/master/views/tasks/show.ejs
・edit / delete
https://github.com/kuc-arc-f/app3_sample/blob/master/views/tasks/edit.ejs
