[IVX junior engineer training course 10 papers to get certificates] 09 chat room production

Catalog

【iVX Junior engineer training course 10 Textual evidence 】01 understand iVX Complete the New Year greeting card
【iVX Junior engineer training course 10 Textual evidence 】02 Numerical binding and adaptive website production
【iVX Junior engineer training course 10 Textual evidence 】03 Events and guessing numbers games
【iVX Junior engineer training course 10 Textual evidence 】04 Canvas and me iVX Group photo
【iVX Junior engineer training course 10 Textual evidence 】05 Canvas and aircraft war game production
【iVX Junior engineer training course 10 Textual evidence 】06 Database and services
【iVX Junior engineer training course 10 Textual evidence 】07 08 News page making
【iVX Junior engineer training course 10 Textual evidence 】09 Chat room production

For high score promotion, please check the column ：
iVX Beginner to master
Big talk IVX From actual combat to mastery

One 、 link

stay iVX Make one in Many people / Single person Instant messaging is simple , Next, take a multiplayer chat room as an example , Introduce the practice of chat room .

iVX Creating a multiplayer chat room requires a link component ：

Through this component, the production of chat room can be completed .

Two 、 Chat is production

2.1 Page drawing

The page drawing object tree and its page examples are as follows ：

page 1：

The chat room ：

2.2 Page drawing

First of all, we are on the page 1 in , Click to enter the chat room and record the text in the input box , And store the text value in a variable , Then jump to the page ：

Then when the chat page displays , Need to give a display event , This event uses the connection component as the action object , Level current user information , After the grade is successful, you can manually enter a room ID, Finally, after creating or adding a room , To assign to ID The room sends a message , Message column names can be defined by themselves ：

Then give the link an event , When any message is received , Use an array of objects “ Information variables ” Store received room messages , The message content value will pop up automatically by clicking the input box ; When the information content is stored , Use a variable “ Combined variables ”, Format the content twice , And finally add the formatted content to the end of the value information set object array ：

It should be noted here that these object arrays receive content values corresponding to their receiving format , These object array column names are as follows ：



next , Use the loop to traverse the contents of the information set object array ：

The text created by the loop needs data binding ：


Finally, add an event to the send button ：

Finally, the chat room can be made .