Home Backend Development PHP Tutorial How to use layim to initialize history records (code attached)

How to use layim to initialize history records (code attached)

Aug 25, 2018 am 10:33 AM

The content of this article is about how to use layim to initialize historical records (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

Language: PHP layui
No local cache is used, all data from the background interface

When building a work order system, customer requirements must be like QQ chat . I am an old phper who has been deeply ingrained for many years, and I immediately think of layim. However, some minor problems arose when traversing the work order history messages. After a day of familiarity, I finally figured it out. I will share my code below and make a record.
PS: I am not a professional front-end, and the method is not used well, so don’t complain
- The first is to configure layim, which is the configuration of the official document.

layim.config({
                        init: { }
                        ,voice:false
                        ,brief:false//是否简约模式,简约模式没有关闭按钮
                    });
Copy after login

One thing to note here is that there is no close button in [Simple Mode]. If you need a close button and don't want a list, you can use CSS to remove it.

.layui-layim{
            display: none;
        }
Copy after login

The next step is to traverse the historical messages

// 清空所有本地缓存消息
localStorage.clear();
// 先打开窗口
 layim.chat({
 name: '专家答疑'
      ,type: 'friend'
       ,avatar: '//tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg'
       ,id: question_id
     });
// 获取历史消息
$.ajax({
url:"{:url('meet/get_init_msg')}",
type:"post",
data:{question_id:question_id},
dataType:"json",
success:function (data) {
if(data.length > 0){
for (var i in data){
layim.getMessage({
username: "专家答疑" //消息来源用户名
      ,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1" //消息来源用户头像
      ,id: data[i]['question_id']//消息的来源ID(如果是私聊,则是用户id,如果是群聊,则是群组id)
      ,type: "friend" //聊天窗口来源类型,从发送消息传递的to里面获取
      ,content: data[i]['content'] //消息内容
      ,cid: 0 //消息id,可不传。除非你要对消息进行一些操作(如撤回)
      ,mine: true //是否我发送的消息,如果为true,则会显示在右方
      ,fromid: data[i]['user_id'] //消息的发送者id(比如群组中的某个消息发送者),可用于自动解决浏览器多窗口时的一些问题
      ,timestamp: data[i]['addtime'] * 1000 //服务端时间戳毫秒数。注意:如果你返回的是标准的 unix 时间戳,记得要 *1000
      });
layim.getMessage({
             username: "专家答疑" //消息来源用户名
             ,avatar: "//tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg" //消息来源用户头像
             ,id: data[i]['question_id']//消息的来源ID(如果是私聊,则是用户id,如果是群聊,则是群组id)
             ,type: "friend" //聊天窗口来源类型,从发送消息传递的to里面获取
             ,content: data[i]['feedback']//消息内容
             ,cid: 0 //消息id,可不传。除非你要对消息进行一些操作(如撤回)
             ,mine: false //是否我发送的消息,如果为true,则会显示在右方
             ,fromid: data[i]['user_id'] //消息的发送者id(比如群组中的某个消息发送者),可用于自动解决浏览器多窗口时的一些问题
             ,timestamp: data[i]['zhuan_time'] * 1000 //服务端时间戳毫秒数。注意:如果你返回的是标准的 unix 时间戳,记得要 *1000
            });
           }
     }
  }
});
Copy after login

The final message sent and so on are all in the document, so I won’t go into details here, and finally attach all the codes
JS code :

<script>
function im(question_id)
 {
   layui.use([&#39;layim&#39;,&#39;jquery&#39;], function(){
  var layim = layui.layim
  ,$ = layui.jquery;
   //基础配置
   layim.config({
    init: {
        url:"{:url(&#39;meet/get_user_chat&#39;)}"
        ,data:{question_id:question_id}
       }
       ,voice:false
       ,brief:false//是否简约模式,简约模式没有关闭按钮
       });
       // 清空所有本地缓存消息
       localStorage.clear();
       // 先打开窗口
       layim.chat({
       name: &#39;专家答疑&#39;
       ,type: &#39;friend&#39;
       ,avatar: &#39;//tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg&#39;
       ,id: question_id
       });
       // 获取历史消息
       $.ajax({
       url:"{:url(&#39;meet/get_init_msg&#39;)}",
       type:"post",
       data:{question_id:question_id},
       dataType:"json",
       success:function (data) {
       if(data.length > 0){
       for (var i in data){
       layim.getMessage({
       username: "专家答疑" //消息来源用户名
       ,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1" //消息来源用户头像
       ,id: data[i][&#39;question_id&#39;]//消息的来源ID(如果是私聊,则是用户id,如果是群聊,则是群组id)
       ,type: "friend" //聊天窗口来源类型,从发送消息传递的to里面获取
       ,content: data[i][&#39;content&#39;] //消息内容
       ,cid: 0 //消息id,可不传。除非你要对消息进行一些操作(如撤回)
       ,mine: true //是否我发送的消息,如果为true,则会显示在右方
       ,fromid: data[i][&#39;user_id&#39;] //消息的发送者id(比如群组中的某个消息发送者),可用于自动解决浏览器多窗口时的一些问题
       ,timestamp: data[i][&#39;addtime&#39;] * 1000 //服务端时间戳毫秒数。注意:如果你返回的是标准的 unix 时间戳,记得要 *1000
       });
  layim.getMessage({
       username: "专家答疑" //消息来源用户名
       ,avatar: "//tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg" //消息来源用户头像
       ,id: data[i][&#39;question_id&#39;]//消息的来源ID(如果是私聊,则是用户id,如果是群聊,则是群组id)
       ,type: "friend" //聊天窗口来源类型,从发送消息传递的to里面获取
       ,content: data[i][&#39;feedback&#39;]//消息内容
       ,cid: 0 //消息id,可不传。除非你要对消息进行一些操作(如撤回)
       ,mine: false //是否我发送的消息,如果为true,则会显示在右方
       ,fromid: data[i][&#39;user_id&#39;] //消息的发送者id(比如群组中的某个消息发送者),可用于自动解决浏览器多窗口时的一些问题
       ,timestamp: data[i][&#39;zhuan_time&#39;] * 1000 //服务端时间戳毫秒数。注意:如果你返回的是标准的 unix 时间戳,记得要 *1000
       });
     }
  }
 }
});
// 监听发送消息
layim.on(&#39;sendMessage&#39;, function(res){
var mine = res.mine.content; //包含我发送的消息及我的信息
});
});
}
</script>
Copy after login

CSS code:

<style>
        .layui-layim{
            display: none;
        }
    </style>
Copy after login

Finally attached is a picture of the finished product:

How to use layim to initialize history records (code attached)

Related recommendations:


The above is the detailed content of How to use layim to initialize history records (code attached). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Explain JSON Web Tokens (JWT) and their use case in PHP APIs. Explain JSON Web Tokens (JWT) and their use case in PHP APIs. Apr 05, 2025 am 12:04 AM

JWT is an open standard based on JSON, used to securely transmit information between parties, mainly for identity authentication and information exchange. 1. JWT consists of three parts: Header, Payload and Signature. 2. The working principle of JWT includes three steps: generating JWT, verifying JWT and parsing Payload. 3. When using JWT for authentication in PHP, JWT can be generated and verified, and user role and permission information can be included in advanced usage. 4. Common errors include signature verification failure, token expiration, and payload oversized. Debugging skills include using debugging tools and logging. 5. Performance optimization and best practices include using appropriate signature algorithms, setting validity periods reasonably,

How does session hijacking work and how can you mitigate it in PHP? How does session hijacking work and how can you mitigate it in PHP? Apr 06, 2025 am 12:02 AM

Session hijacking can be achieved through the following steps: 1. Obtain the session ID, 2. Use the session ID, 3. Keep the session active. The methods to prevent session hijacking in PHP include: 1. Use the session_regenerate_id() function to regenerate the session ID, 2. Store session data through the database, 3. Ensure that all session data is transmitted through HTTPS.

What are Enumerations (Enums) in PHP 8.1? What are Enumerations (Enums) in PHP 8.1? Apr 03, 2025 am 12:05 AM

The enumeration function in PHP8.1 enhances the clarity and type safety of the code by defining named constants. 1) Enumerations can be integers, strings or objects, improving code readability and type safety. 2) Enumeration is based on class and supports object-oriented features such as traversal and reflection. 3) Enumeration can be used for comparison and assignment to ensure type safety. 4) Enumeration supports adding methods to implement complex logic. 5) Strict type checking and error handling can avoid common errors. 6) Enumeration reduces magic value and improves maintainability, but pay attention to performance optimization.

Describe the SOLID principles and how they apply to PHP development. Describe the SOLID principles and how they apply to PHP development. Apr 03, 2025 am 12:04 AM

The application of SOLID principle in PHP development includes: 1. Single responsibility principle (SRP): Each class is responsible for only one function. 2. Open and close principle (OCP): Changes are achieved through extension rather than modification. 3. Lisch's Substitution Principle (LSP): Subclasses can replace base classes without affecting program accuracy. 4. Interface isolation principle (ISP): Use fine-grained interfaces to avoid dependencies and unused methods. 5. Dependency inversion principle (DIP): High and low-level modules rely on abstraction and are implemented through dependency injection.

How to debug CLI mode in PHPStorm? How to debug CLI mode in PHPStorm? Apr 01, 2025 pm 02:57 PM

How to debug CLI mode in PHPStorm? When developing with PHPStorm, sometimes we need to debug PHP in command line interface (CLI) mode...

How to automatically set permissions of unixsocket after system restart? How to automatically set permissions of unixsocket after system restart? Mar 31, 2025 pm 11:54 PM

How to automatically set the permissions of unixsocket after the system restarts. Every time the system restarts, we need to execute the following command to modify the permissions of unixsocket: sudo...

How to send a POST request containing JSON data using PHP's cURL library? How to send a POST request containing JSON data using PHP's cURL library? Apr 01, 2025 pm 03:12 PM

Sending JSON data using PHP's cURL library In PHP development, it is often necessary to interact with external APIs. One of the common ways is to use cURL library to send POST�...

See all articles