Android基於XMPP Smack Openfire開發IM【四】初步實現兩個客戶端通訊
Openfire做伺服器端,兩個客戶端:Spark、android模擬器。實現兩個客戶端之間的通訊。
第一步:啟動openfire伺服器。(這裡需要用到兩個使用者登入,前面的部落格中已經說明如何新增使用者了。)
[img]
[/img]
第二步:啟動Spark客戶端,如果您還沒有Spark,下載請到:http://www.igniterealtime.org/downloads/index.jsp;安裝簡單。
我電腦的ip為:192.168.0.124,根據自己的修改。
安裝後執行如下下圖:
[img]
[/img]
第三步:啟動eclipse中的專案(另一個客戶端),程式碼如下:
Java程式碼
- package com.example.openfiretest;
- import org.jivesoftware.smack.Chat;
- import org.jivesoftware.smack.ChatManager;
- import org.jivesoftware.smack.ChatManagerListener;
- import org.jivesoftware.smack.ConnectionConfiguration;
- import org.jivesoftware.smack.MessageListener;
- import org.jivesoftware.smack.XMPPConnection;
- import org.jivesoftware.smack.packet.Message;
- import android.os.Bundle;
- import android.os.Handler;
- import android.app.Activity;
- import android.content.Intent;
- import android.view.Menu;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.view.Window;
- import
- import android.widget.EditText;
- import android.widget.Toast;
- publicclass MainActivity extends Activity {
- private EditText accountEditText;
- private EditText passwordEditText;
- publicvoid onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- requestWindowFeature(Window.FEATURE_NO_TITLE);
- setContentView(R.layout.activity_main);
- accountEditText = (EditText) findViewById(R.id.username);
- passwordEditText = (EditText) findViewById(R.id.password);
- findViewById(R.id.login).setOnClickListener(new OnClickListener() {
- publicvoid onClick(View v) {
- String account = accountEditText.getText().toString();
- String password = passwordEditText.getText().toString();
- if (account.equals("") || password.equals("")) {
- Toast.makeText(MainActivity.this, "賬號或密碼不能為空!",
- Toast.LENGTH_SHORT).show();
- } else {
- ClientConServer ccs = new ClientConServer(MainActivity.this);
- boolean b = ccs.login(account, password);
- // 如果登入成功
- if (b) {
- Toast.makeText(MainActivity.this, "登陸成功!",
- Toast.LENGTH_SHORT).show();
- Intent intent = new Intent(MainActivity.this,ChatActivity.class);
- startActivity(intent);
- } else {
- Toast.makeText(MainActivity.this, "登陸失敗!",
- Toast.LENGTH_SHORT).show();
- }
- }
- }
- });
- }
- }
package com.example.openfiretest;
import org.jivesoftware.smack.Chat;
import org.jivesoftware.smack.ChatManager;
import org.jivesoftware.smack.ChatManagerListener;
import org.jivesoftware.smack.ConnectionConfiguration;
import org.jivesoftware.smack.MessageListener;
import org.jivesoftware.smack.XMPPConnection;
import org.jivesoftware.smack.packet.Message;
import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
private EditText accountEditText;
private EditText passwordEditText;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
accountEditText = (EditText) findViewById(R.id.username);
passwordEditText = (EditText) findViewById(R.id.password);
findViewById(R.id.login).setOnClickListener(new OnClickListener() {
public void onClick(View v) {
String account = accountEditText.getText().toString();
String password = passwordEditText.getText().toString();
if (account.equals("") || password.equals("")) {
Toast.makeText(MainActivity.this, "賬號或密碼不能為空!",
Toast.LENGTH_SHORT).show();
} else {
ClientConServer ccs = new ClientConServer(MainActivity.this);
boolean b = ccs.login(account, password);
// 如果登入成功
if (b) {
Toast.makeText(MainActivity.this, "登陸成功!",
Toast.LENGTH_SHORT).show();
Intent intent = new Intent(MainActivity.this,ChatActivity.class);
startActivity(intent);
} else {
Toast.makeText(MainActivity.this, "登陸失敗!",
Toast.LENGTH_SHORT).show();
}
}
}
});
}
}
Java程式碼
- package com.example.openfiretest;
- import java.util.Collection;
- import org.jivesoftware.smack.Chat;
- import org.jivesoftware.smack.ChatManager;
- import org.jivesoftware.smack.ChatManagerListener;
- import org.jivesoftware.smack.ConnectionConfiguration;
- import org.jivesoftware.smack.MessageListener;
- import org.jivesoftware.smack.Roster;
- import org.jivesoftware.smack.RosterEntry;
- import org.jivesoftware.smack.RosterGroup;
- import org.jivesoftware.smack.XMPPConnection;
- import org.jivesoftware.smack.XMPPException;
- import org.jivesoftware.smack.packet.Message;
- import android.content.Context;
- import android.content.Intent;
- import android.os.Handler;
- import android.util.Log;
- import android.widget.Toast;
- publicclass ClientConServer {
- privatestaticint PORT=5222;
- private Context context;
- public ClientConServer(Context context){
- this.context=context;
- }
- //這裡收到訊息後,通過廣播將訊息傳送到需要的地方.哈哈,既然收到了伺服器傳送來的資訊,如何處理自己決定。
- private Handler handler = new Handler(){
- publicvoid handleMessage(android.os.Message m) {
- Message msg=new Message();
- msg=(Message) m.obj;
- //把從伺服器獲得的訊息通過廣播發送
- Intent intent = new Intent("org.yhn.mes");
- String[] message=new String[]{
- msg.getFrom(),
- msg.getBody()};
- System.out.println("==========收到伺服器訊息 From==========="+message[0].toString());
- System.out.println("==========收到伺服器訊息 Body==========="+message[1].toString());
- intent.putExtra("message", message);
- context.sendBroadcast(intent);
- };
- };
- publicboolean login(String a,String p){
- //ConnectionConfiguration config = new ConnectionConfiguration("192.168.0.124", PORT);
- /** 是否啟用安全驗證 */
- //config.setSASLAuthenticationEnabled(false);
- /** 是否啟用除錯 */
- //config.setDebuggerEnabled(true);
- /** 建立connection連結 */
- //XMPPConnection connection = new XMPPConnection(config);
- XMPPConnection connection = ConnUtil.getConnection();
- try {
- /** 建立連線 */
- connection.connect();
- /** 登入*/
- connection.login(a, p);
- /** 開啟讀寫執行緒,並加入到管理類中*/
- //ClientSendThread cst=new ClientSendThread(connection);
- //cst.start();
- //ManageClientThread.addClientSendThread(a, cst);
- //獲取使用者組、成員資訊。
- System.out.println("======開始獲取組及使用者==========");
- Roster roster = connection.getRoster();
- Collection<RosterGroup> entriesGroup = roster.getGroups();
- System.out.println("組的個數:"+entriesGroup.size());
- for(RosterGroup group: entriesGroup){
- Collection<RosterEntry> entries = group.getEntries();
- System.out.println("=========groupName==="+group.getName());
- for (RosterEntry entry : entries) {
- //Presence presence = roster.getPresence(entry.getUser());
- //Log.i("---", "user: "+entry.getUser());
- System.out.println("組成員的名字:"+entry.getName());
- System.out.println("組成員的user:"+entry.getUser());
- //Log.i("---", "tyep: "+entry.getType());
- //Log.i("---", "status: "+entry.getStatus());
- //Log.i("---", "groups: "+entry.getGroups());
- }
- }
- System.out.println("======結束獲取組及使用者==========");
- //在登陸以後應該建立一個監聽訊息的監聽器,用來監聽收到的訊息:
- ChatManager chatManager = connection.getChatManager();
- chatManager.addChatListener(new MyChatManagerListener());
- returntrue;
- } catch (XMPPException e) {
- e.printStackTrace();
- }
- returnfalse;
- }
- /** message listener*/
- class MyChatManagerListener implements ChatManagerListener {
- publicvoid chatCreated(Chat chat, boolean arg1) {
- chat.addMessageListener(new MessageListener(){
- publicvoid processMessage(Chat arg0, Message msg) {
- /**通過handler轉發訊息*/
- android.os.Message m=handler.obtainMessage();
- m.obj=msg;
- m.sendToTarget();
- }
- });
- }
- }
- }
package com.example.openfiretest;
import java.util.Collection;
import org.jivesoftware.smack.Chat;
import org.jivesoftware.smack.ChatManager;
import org.jivesoftware.smack.ChatManagerListener;
import org.jivesoftware.smack.ConnectionConfiguration;
import org.jivesoftware.smack.MessageListener;
import org.jivesoftware.smack.Roster;
import org.jivesoftware.smack.RosterEntry;
import org.jivesoftware.smack.RosterGroup;
import org.jivesoftware.smack.XMPPConnection;
import org.jivesoftware.smack.XMPPException;
import org.jivesoftware.smack.packet.Message;
import android.content.Context;
import android.content.Intent;
import android.os.Handler;
import android.util.Log;
import android.widget.Toast;
public class ClientConServer {
private static int PORT=5222;
private Context context;
public ClientConServer(Context context){
this.context=context;
}
//這裡收到訊息後,通過廣播將訊息傳送到需要的地方.哈哈,既然收到了伺服器傳送來的資訊,如何處理自己決定。
private Handler handler = new Handler(){
public void handleMessage(android.os.Message m) {
Message msg=new Message();
msg=(Message) m.obj;
//把從伺服器獲得的訊息通過廣播發送
Intent intent = new Intent("org.yhn.mes");
String[] message=new String[]{
msg.getFrom(),
msg.getBody()};
System.out.println("==========收到伺服器訊息 From==========="+message[0].toString());
System.out.println("==========收到伺服器訊息 Body==========="+message[1].toString());
intent.putExtra("message", message);
context.sendBroadcast(intent);
};
};
public boolean login(String a,String p){
//ConnectionConfiguration config = new ConnectionConfiguration("192.168.0.124", PORT);
/** 是否啟用安全驗證 */
//config.setSASLAuthenticationEnabled(false);
/** 是否啟用除錯 */
//config.setDebuggerEnabled(true);
/** 建立connection連結 */
//XMPPConnection connection = new XMPPConnection(config);
XMPPConnection connection = ConnUtil.getConnection();
try {
/** 建立連線 */
connection.connect();
/** 登入*/
connection.login(a, p);
/** 開啟讀寫執行緒,並加入到管理類中*/
//ClientSendThread cst=new ClientSendThread(connection);
//cst.start();
//ManageClientThread.addClientSendThread(a, cst);
//獲取使用者組、成員資訊。
System.out.println("======開始獲取組及使用者==========");
Roster roster = connection.getRoster();
Collection<RosterGroup> entriesGroup = roster.getGroups();
System.out.println("組的個數:"+entriesGroup.size());
for(RosterGroup group: entriesGroup){
Collection<RosterEntry> entries = group.getEntries();
System.out.println("=========groupName==="+group.getName());
for (RosterEntry entry : entries) {
//Presence presence = roster.getPresence(entry.getUser());
//Log.i("---", "user: "+entry.getUser());
System.out.println("組成員的名字:"+entry.getName());
System.out.println("組成員的user:"+entry.getUser());
//Log.i("---", "tyep: "+entry.getType());
//Log.i("---", "status: "+entry.getStatus());
//Log.i("---", "groups: "+entry.getGroups());
}
}
System.out.println("======結束獲取組及使用者==========");
//在登陸以後應該建立一個監聽訊息的監聽器,用來監聽收到的訊息:
ChatManager chatManager = connection.getChatManager();
chatManager.addChatListener(new MyChatManagerListener());
return true;
} catch (XMPPException e) {
e.printStackTrace();
}
return false;
}
/** message listener*/
class MyChatManagerListener implements ChatManagerListener {
public void chatCreated(Chat chat, boolean arg1) {
chat.addMessageListener(new MessageListener(){
public void processMessage(Chat arg0, Message msg) {
/**通過handler轉發訊息*/
android.os.Message m=handler.obtainMessage();
m.obj=msg;
m.sendToTarget();
}
});
}
}
}
Java程式碼
- package com.example.openfiretest;
- import org.jivesoftware.smack.ConnectionConfiguration;
- import org.jivesoftware.smack.XMPPConnection;
- publicclass ConnUtil {
- privatestatic XMPPConnection connection;
- publicstaticsynchronized XMPPConnection getConnection(){
- if(connection!=null){
- return connection;
- }else{
- ConnectionConfiguration config = new ConnectionConfiguration("192.168.0.124", 5222);
- /** 是否啟用安全驗證 */
- config.setSASLAuthenticationEnabled(false);
- /** 是否啟用除錯 */
- //config.setDebuggerEnabled(true);
- /** 建立connection連結 */
- connection = new XMPPConnection(config);
- }
- return connection;
- }
- }
package com.example.openfiretest;
import org.jivesoftware.smack.ConnectionConfiguration;
import org.jivesoftware.smack.XMPPConnection;
public class ConnUtil {
private static XMPPConnection connection;
public static synchronized XMPPConnection getConnection(){
if(connection!=null){
return connection;
}else{
ConnectionConfiguration config = new ConnectionConfiguration("192.168.0.124", 5222);
/** 是否啟用安全驗證 */
config.setSASLAuthenticationEnabled(false);
/** 是否啟用除錯 */
//config.setDebuggerEnabled(true);
/** 建立connection連結 */
connection = new XMPPConnection(config);
}
return connection;
}
}
Java程式碼
- package com.example.openfiretest;
- import org.jivesoftware.smack.Chat;
- import org.jivesoftware.smack.ChatManager;
- import org.jivesoftware.smack.ChatManagerListener;
- import org.jivesoftware.smack.ConnectionConfiguration;
- import org.jivesoftware.smack.MessageListener;
- import org.jivesoftware.smack.XMPPConnection;
- import org.jivesoftware.smack.XMPPException;
- import org.jivesoftware.smack.packet.Message;
- import android.app.Activity;
- import android.content.Intent;
- import android.os.Bundle;
- import android.util.Log;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.view.Window;
- import android.widget.Button;
- import android.widget.EditText;
- import android.widget.TextView;
- import android.widget.Toast;
- publicclass ChatActivity extends Activity {
- String account;
- String chatNick;
- publicstatic String chatContents;
- TextView chatTextView;
- publicvoid onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- requestWindowFeature(Window.FEATURE_NO_TITLE);
- setContentView(R.layout.activity_chat);
- /** 設定top面板資訊*/
- //chatNick=getIntent().getStringExtra("nick");
- //account=getIntent().getStringExtra("account");
- //這裡的使用者暱稱和賬號是手動新增的。
- chatNick = "忍者無敵笑哈哈";
- account = "[email protected]";
- TextView nick_tv=(TextView) findViewById(R.id.chat_top_nick);
- nick_tv.setText(chatNick);
- Button send_btn=(Button) findViewById(R.id.chat_btn_send);
- send_btn.setOnClickListener(new OnClickListener(){
- publicvoid onClick(View arg0) {
- EditText input=(EditText) findViewById(R.id.chat_input);
- String content=input.getText().toString();
- try {
- XMPPConnection connection = ConnUtil.getConnection();
- ChatManager cm = connection.getChatManager();
- Chat chat=cm.createChat(account, new MessageListener(){
- publicvoid processMessage(Chat arg0, Message msg) {
- Log.i("---", msg.getFrom()+"說:"+msg.getBody());
- //新增訊息到聊天視窗 ,
- }
- });
- Message m=new Message();
- m.setBody(content);
- chat.sendMessage(m);
- } catch (XMPPException e) {
- e.printStackTrace();
- }
- }
- });
- }
- }
package com.example.openfiretest;
import org.jivesoftware.smack.Chat;
import org.jivesoftware.smack.ChatManager;
import org.jivesoftware.smack.ChatManagerListener;
import org.jivesoftware.smack.ConnectionConfiguration;
import org.jivesoftware.smack.MessageListener;
import org.jivesoftware.smack.XMPPConnection;
import org.jivesoftware.smack.XMPPException;
import org.jivesoftware.smack.packet.Message;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
public class ChatActivity extends Activity {
String account;
String chatNick;
public static String chatContents;
TextView chatTextView;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_chat);
/** 設定top面板資訊*/
//chatNick=getIntent().getStringExtra("nick");
//account=getIntent().getStringExtra("account");
//這裡的使用者暱稱和賬號是手動新增的。
chatNick = "忍者無敵笑哈哈";
account = "[email protected]";
TextView nick_tv=(TextView) findViewById(R.id.chat_top_nick);
nick_tv.setText(chatNick);
Button send_btn=(Button) findViewById(R.id.chat_btn_send);
send_btn.setOnClickListener(new OnClickListener(){
public void onClick(View arg0) {
EditText input=(EditText) findViewById(R.id.chat_input);
String content=input.getText().toString();
try {
XMPPConnection connection = ConnUtil.getConnection();
ChatManager cm = connection.getChatManager();
Chat chat=cm.createChat(account, new MessageListener(){
public void processMessage(Chat arg0, Message msg) {
Log.i("---", msg.getFrom()+"說:"+msg.getBody());
//新增訊息到聊天視窗 ,
}
});
Message m=new Message();
m.setBody(content);
chat.sendMessage(m);
} catch (XMPPException e) {
e.printStackTrace();
}
}
});
}
}
啟動後如下圖:
[img]
[/img]
第四步:這時,Spark客戶端的籃球組中多了一個人。(不清楚組新增、使用者新增的請看前面的部落格);
[img]
[/img]
第五步:手機模擬器傳送訊息給Spark,輸入資訊後點擊發送,
[img]
[/img]
第六步:Spark給手機模擬器傳送訊息,輸入訊息後按Ctrl+Enter傳送,手機端把收到的訊息,通過控制檯列印。
[img]
[/img]
第七步:openfire伺服器端傳送訊息給所有的客戶端:
[img]
[/img]
over
相關推薦
Android基於XMPP Smack Openfire開發IM【四】初步實現兩個客戶端通訊
本部落格要介紹的內容: Openfire做伺服器端,兩個客戶端:Spark、android模擬器。實現兩個客戶端之間的通訊。 第一步:啟動openfire伺服器。(這裡需要用到兩個使用者登入,前面的部落格中已經說明如何新增使用者了。) [img] [/img] 第
Android基於XMPP Smack Openfire開發IM【三】客戶端接收伺服器傳送的訊息
Demo需求:android客戶端接收伺服器傳送來的訊息。 第一,客戶端程式碼如下: MainActivity未做改動,與之前兩篇一樣 Java程式碼 package com.example.openfiretest; import org.jivesoftware.smack.Chat;
Android基於XMPP Smack Openfire下學習開發IM(五)連接斷開重連
pen ide get ref ces 最好 string smack led 學習過程中大家都碰到過連接被斷開的問題給困擾吧,下面教大家如何做到連接斷開後,重新連接首先要創建連接監聽器,用來監聽連接狀態,這裏我寫了一個類繼承了ConnectionListener,重寫了裏
Android基於XMPP Smack Openfire下學習開發IM(一)實現使用者註冊、登入、修改密碼和登出等
以前學習過用Scoket 建立聊天,簡單的建立聊天是沒問題的,但如果要實現多人複雜的聊天,後臺伺服器程式碼就比較複雜,對於我這新手來講就比較難了。後來在網上看到用openfire做伺服器,利用強大的Smack API庫來實現IM聊天就簡單多了。 網上也有很多關於這方面的資
Android基於XMPP Smack Openfire下學習開發IM(五)連線斷開重連
學習過程中大家都碰到過連線被斷開的問題給困擾吧,下面教大家如何做到連線斷開後,重新連線 首先要建立連線監聽器,用來監聽連線狀態,這裡我寫了一個類 繼承了ConnectionListener,重寫了裡面5個方法,最重要的兩個方法connectionClosed()和conn
【Leetcode】Python實現兩個排序陣列的中位數
當兩個數組合並後的總元素長度是奇數時,中位數的下標是n/2。 當兩個數組合並後的總元素個數是偶數時,中位數是下標n/2-1和下標n/2兩個元素的平均值。 所以不論總長度的奇偶性,可以將n/2作為右中
Android基於環信SDK開發IM即時聊天(一)
目前市面上我瞭解的做第三方即時聊天SDK的有兩家:環信、融雲,這裡我使用環信SDK來完成即時聊天的初步開發工作。 下面先奉上1張效果圖: 1、開發準備 首先要到環信官網註冊開發者賬號,目前只有企業賬號註冊,不過反正也不會去稽核企業資訊的正確與否,所
android 使用xmpp smack openfire實現即時通訊(一)
介紹: XMPP :XMPP(可擴充套件訊息處理現場協議)是基於可擴充套件標記語言(XML)的協議,它用於即時訊息(IM)以及線上現場探測。 smack:是一個開源包,易於使用的XMPP(jabber)客戶端類庫 openfire :作為伺服器提供服務。 ope
STemWin移植到MiCO物聯網作業系統筆記-基於秉火STM32F429開發板【2】
把 MiCO 移植到了 STM32F429上,並移植了 emWin到 MiCO 上 原始碼Git地址https://github.com/zhaojuntao/MiCO-STM32F429-emWin 本DEMO所在目錄為:demos\application\LTDC_LCD em
STemWin移植到MiCO物聯網作業系統筆記-基於秉火STM32F429開發板【1】
這段時間,因為客戶要用WiFi模組來更新LCD螢幕圖片內容,但是傳統的WiFi模組都是基於串列埠透傳的,於是乎就看到秉火挑戰者開發板上有EMW1062 WiFi模組,SDIO通訊介面,於是就索性用秉火現成的STemWin DEMO來做了。 之前也沒有移植過STemwin,網上簡單查了下,簡單
Android自定義控制元件系列案例【四】
案例效果: 模擬器上執行有些鋸齒,真機上和預期一樣好 案例分析: 看效果,第一直覺肯定是Android原生態控制元件中沒有這樣的控制元件實現這種效果,自然想到應該需要自定義控制元件了,沒錯,這就是通過自定義控制元件來繪製的一個圓環進度條。仔細分析發現這個效果的進度條應該
【PostgresSQL】同時更新兩個表
post style gre column div tab pre sql from UPDATE table1 SET column = value FROM table2 WHERE table1.column2 = table2.column2 【Po
【LeetCode】88. 合併兩個有序陣列
題目連結:https://leetcode-cn.com/problems/merge-sorted-array/description/ 題目描述 給定兩個有序整數陣列 nums1 和 nums2,將 nums2 合併到 nums1 中,使得 num1 成為一個有序陣列。
JavaScript_02面向物件程式設計(原型【四】)自己實現each方法可遍歷多維陣列
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title>
【LeetCode】21 合併兩個有序連結串列
將兩個有序連結串列合併為一個新的有序連結串列並返回。新連結串列是通過拼接給定的兩個連結串列的所有節點組成的。 示例: 輸入:1->2->4, 1->3->4 輸出:1->1->2->3->4->4 解題思路: 1
【LeetCode】88 合併兩個有序陣列
給定兩個有序整數陣列 nums1 和 nums2,將 nums2 合併到 nums1 中,使得 num1 成為一個有序陣列。 說明: 初始化 nums1 和 nums2 的元素數量分別為 m 和 n。 你可以假設 nums1 有足夠的空間(空間大小大於或等於 m +n)來儲存 num
【LeetCode】88. 合併兩個有序陣列(Merge Sorted Array)
【 英文練習 | 中文練習 】 題目描述: 給定兩個有序陣列,合併它們,合併之後的陣列依舊有序。 解題思路: 從後向前存放。 public void merge(int[] nums1, int m, int[] nums2, int n) { if(nums
【原創】python 比較兩個版本號大小
?123456789101112131415161718192021222324252627
【Echarts】簡單實現——第一個柱狀圖的實現(在後臺動態獲取資料)
第一次接觸這個東西,感覺還有點濛濛的。經過兩天的努力終於搞明白。下面我用自己的方式實現以下,方便大家理解。 下面是我使用一個簡單的mvc框架來實現這個demo。 效果圖: 步驟: 1、新建一個mvc框架的專案。 2、新建控制器:EchartsBa
【LeetCode】175. 組合兩個表
題目 表1: Person 列名 型別 PersonId int FirstName varchar LastName varchar PersonId是上表主鍵 表2: A