1005 #3 繼續做這個

README.md

@@ -23,6 +23,14 @@ adonis migration:run
 adonis migration:refresh
 ````
 
+# Model
+
+https://adonisjs.com/docs/4.1/lucid
+
+````
+adonis make:model User
+````
+
 # Route Controller
 
 https://adonisjs.com/docs/4.1/controllers

app/Controllers/Http/MessageController.js

@@ -1,12 +1,33 @@
 'use strict'
 
+const User = use('App/Models/User')
 const Message = use('App/Models/Message')
 
 class MessageController {
-  async add ({ request, response, view }) {
+  async list ({ request, response, view, session }) {
+    // 列出最近10則訊息
+    const messages = await Message.pickInverse(10)
+    return messages.toJSON()
+  }
+  async insert ({ request, response, view, session }) {
     const query = request.get()
 
+    if (typeof(query.message) !== 'string') {
+      return false
+    }
+
+    let userId = session.get('user_id', false)
+    if (userId === false) {
+      return false
+    }
+
+    let user = await User.find(userId)
+
+    let message = new Message()
+    message.message = query.message
 
+    await user.messages.save(message)
+    return message.createAt
   }
 }
 

app/Models/Message.js

@@ -0,0 +1,12 @@
+'use strict'
+
+/** @type {typeof import('@adonisjs/lucid/src/Lucid/Model')} */
+const Model = use('Model')
+
+class Message extends Model {
+  user () {
+    return this.belongsTo('App/Models/User')
+  }
+}
+
+module.exports = Message

app/Models/User.js

@@ -38,6 +38,10 @@ class User extends Model {
   tokens () {
     return this.hasMany('App/Models/Token')
   }
+
+  messages () {
+    return this.hasMany('App/Models/Message')
+  }
 }
 
 module.exports = User

client-src/VueController.js

@@ -91,7 +91,7 @@ let VueController = {
   },  // mounted: function () {
   methods: {
     checkLogin: async function () {
-      let result = await axios.get(`${this.config.baseURL}/check-login`)
+      let result = await axios.get(`${this.config.baseURL}/user/check-login`)
       //console.log(result.data)
       let path = this.$router.currentRoute.fullPath
       if (result.data === false) {

client-src/components/Chat/Chat.html

@@ -35,7 +35,7 @@
     <div class="three wide field">
       <button type="button"
               class="ui fluid button"
-              v-on:click="send"
+              v-on:click="insert"
               v-bind:class="{disabled: (writingMessage.trim() === ''), green: (writingMessage.trim() !== '')}">
         {{ $t('Send') }}
       </button>

client-src/components/Chat/Chat.js

@@ -8,7 +8,8 @@ module.exports = {
     return {
       displayMessages: [],
       writingMessage: '',
-      users: []
+
+      users: [] // for test
     }
   },
   computed: {
@@ -25,6 +26,12 @@ module.exports = {
       let users = await this.lib.axios.get('http://127.0.0.1:3333/user/all')
       this.users = users.data
     },
+    initDisplayMessages: async function () {
+      let messages = await this.lib.axios.get(`${this.config.baseURL}/message/list`)
+      console.log(messages.data)
+      this.messages = messages.data
+      //console.log(this.messages)
+    },
     /*
     addUser: async function () {
       let unixMS = (new Date()).getTime()
@@ -39,11 +46,16 @@ module.exports = {
       this.loadUsers()
     },
      */
-    send: async function () {
+    insert: async function () {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/message/insert`, {
+        params: {
+          message: this.message
+        }
+      })
       console.log(this.message)
     },
     logout: async function () {
-      await this.lib.axios.get(`${this.config.baseURL}/logout`)
+      await this.lib.axios.get(`${this.config.baseURL}/user/logout`)
       this.status.username = ''
       this.$router.replace('/')
     }

client-src/components/Login/Login.js

@@ -51,7 +51,7 @@ module.exports = {
 
       //console.log([this.username, this.email, this.password])
 
-      let result = await this.lib.axios.get(`${this.config.baseURL}/register`, {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/user/register`, {
         params: {
           username: this.username,
           email: this.email,
@@ -81,7 +81,7 @@ module.exports = {
 
       //console.log([this.username, this.email, this.password])
 
-      let result = await this.lib.axios.get(`${this.config.baseURL}/login`, {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/user/login`, {
         params: {
           username: this.username,
           password: this.password,

public/dist/bundle.js

@@ -197,7 +197,7 @@ let VueController = {
   },  // mounted: function () {
   methods: {
     checkLogin: async function () {
-      let result = await axios__WEBPACK_IMPORTED_MODULE_4___default.a.get(`${this.config.baseURL}/check-login`)
+      let result = await axios__WEBPACK_IMPORTED_MODULE_4___default.a.get(`${this.config.baseURL}/user/check-login`)
       //console.log(result.data)
       let path = this.$router.currentRoute.fullPath
       if (result.data === false) {
@@ -288,7 +288,8 @@ module.exports = {
     return {
       displayMessages: [],
       writingMessage: '',
-      users: []
+
+      users: [] // for test
     }
   },
   computed: {
@@ -305,6 +306,12 @@ module.exports = {
       let users = await this.lib.axios.get('http://127.0.0.1:3333/user/all')
       this.users = users.data
     },
+    initDisplayMessages: async function () {
+      let messages = await this.lib.axios.get(`${this.config.baseURL}/message/list`)
+      console.log(messages.data)
+      this.messages = messages.data
+      //console.log(this.messages)
+    },
     /*
     addUser: async function () {
       let unixMS = (new Date()).getTime()
@@ -319,11 +326,16 @@ module.exports = {
       this.loadUsers()
     },
      */
-    send: async function () {
+    insert: async function () {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/message/insert`, {
+        params: {
+          message: this.message
+        }
+      })
       console.log(this.message)
     },
     logout: async function () {
-      await this.lib.axios.get(`${this.config.baseURL}/logout`)
+      await this.lib.axios.get(`${this.config.baseURL}/user/logout`)
       this.status.username = ''
       this.$router.replace('/')
     }
@@ -519,7 +531,7 @@ module.exports = {
 
       //console.log([this.username, this.email, this.password])
 
-      let result = await this.lib.axios.get(`${this.config.baseURL}/register`, {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/user/register`, {
         params: {
           username: this.username,
           email: this.email,
@@ -549,7 +561,7 @@ module.exports = {
 
       //console.log([this.username, this.email, this.password])
 
-      let result = await this.lib.axios.get(`${this.config.baseURL}/login`, {
+      let result = await this.lib.axios.get(`${this.config.baseURL}/user/login`, {
         params: {
           username: this.username,
           password: this.password,
@@ -38601,7 +38613,7 @@ var render = function() {
               green: _vm.writingMessage.trim() !== ""
             },
             attrs: { type: "button" },
-            on: { click: _vm.send }
+            on: { click: _vm.insert }
           },
           [_vm._v("\r\n        " + _vm._s(_vm.$t("Send")) + "\r\n      ")]
         )

start/routes.js

@@ -43,7 +43,10 @@ Route.get('/user/create', async ({ request, response, view }) => {
   //return {'aaa': 'ok'}
 })
 
-Route.get('/login', 'UserController.login')
-Route.get('/register', 'UserController.register')
-Route.get('/logout', 'UserController.logout')
-Route.get('/check-login', 'UserController.checkLogin')
+Route.get('/user/login', 'UserController.login')
+Route.get('/user/register', 'UserController.register')
+Route.get('/user/logout', 'UserController.logout')
+Route.get('/user/check-login', 'UserController.checkLogin')
+
+Route.get('/message/list', 'MessageController.list')
+Route.get('/message/insert', 'MessageController.insert')