This article is the fourteenth in the VHR series at github.com/lenve/vhr

The function of online chat is to facilitate the rapid communication of HR. Due to the limited number of HR people, the problem of high concurrency is not considered here. OK, let’s take a look at the effect picture first:

Effect of online chat

After login successfully, click the alarm icon in the upper right corner to enter the message page, click the Friends chat TAB, the effect is as follows:

Change your browser, or use chrome’s multi-user mode to open another browser, log in as a different user, and start chatting. The chat page is as follows:

If the system administrator is chatting with Han Yu and li Bai sends a message, there will be a prompt next to Li Bai’s name:

System message rendering

Only the administrator has the permission to send system messages. The system message page for the administrator is as follows:

There is no send button on the system message page of ordinary HR. The page for sending system message is as follows:

After the message is successfully sent, a red dot will indicate that the message is not read, as follows:

OK, the general effect is like this, the function is not very perfect, there is time to repair later.

In the next article, we will introduce the implementation ideas. If you are in a hurry, you can study the star project yourself (^_^).

Other articles in this series:

2.SpringBoot+Vue is separated from the front and back ends, and SpringSecurity is used to handle permissions. Use SpringSecurity to handle permissions perfectly (2) 3.SpringSecurity password salt and SpringBoot exception processing unified 4. Axios request encapsulation and exception processing unified 5. Dynamic loading of Vue components in authority management module 6.SpringBoot+Vue front-end and back-end separation, using SpringSecurity to deal with authority problems perfectly (6) 7. VHR department management database design and programming 8. Use MyBatis to easily implement recursive query and stored procedure call 9.ElementUI tree control step pit remember 10.SpringBoot custom parameter binding 11. 12. Send QQ emails in SpringBoot 13. Use Freemarker to build email templates in SpringBoot

Pay attention to the public account [Jiangnan little Rain], focus on Spring Boot+ micro service and front and back end separation and other full stack technology, regular video tutorial sharing, after attention to reply to Java, get Songko for you carefully prepared Java dry goods!