java基础教程之实现一键分享朋友圈

java最新技术，实现一键分享朋友圈，下面给大家演示一下

作为十余年java老司机，根据多年经验，自己录制的学习视频，我往对你们有所帮助，

有技术问题或者面试方面交流的可以加我微信renlliang2013，随时欢迎。

相关教程视频：https://ke.qq.com/course/149432?tuin=57912c43

一键分享朋友圈
1. 第一章：Share.js的使用
  1. 1. Share.js的介绍

说Share.js之前，需要大家先了解CS、BS等网站架构。了解html、css和JavaScript等技术。

Share.js的开源网址：https://www.oschina.net/p/share-js

Share.js是一款一键转发工具组件，它可以一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站，使用字体图标。

基于JavaScript语言开发编写。

2. Share.js的入门

需要先下载share.js文件（资料中已经提供），解压后，demo文件夹是提供的案例，dist文件夹是提供的css、js等文件。

创建web的项目，把dist文件夹下所有资源拷贝到web项目中。创建demo1.html文件。

引入css和js文件

编写div用来生成一键分享按钮

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Share.js入门程序</title><!--引入css--><link rel="stylesheet" href="css/share.min.css"><!--引入js--><script src="js/social-share.min.js"></script>
</head>
<body>

<!--属性全部都采用默认值-->
<div class="social-share"></div>

</body>
</html>

自定义属性配置

所有配置可选，通常默认就满足需求。有些时候，需要自己来配置一些信息，可用的配置如下

url                 : '', // 网址，默认使用 window.location.href
source              : '', // 来源（QQ空间会用到）, 默认读取head标签<meta name="site" content="http://overtrue" />
title               : '', // 标题，默认读取 document.title/>
description         : '', // 描述, 默认读取head标签：<meta name="description" content="拓薪" />
image               : '', // 图片, 默认取网页中第一个img标签
sites               : ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点
disabled            : ['google', 'facebook', 'twitter'], // 禁用的站点
wechatQrcodeTitle   : '微信扫一扫：分享', // 微信二维码提示文字
wechatQrcodeHelper  : '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'

以上选项均可通过标签 data-xxx来设置：

例如url属性想使用：data-url="http://www.txjava.cn"

驼峰转为中横线，如wechatQrcodeHelper属性的data标签为data-wechat-qrcode-helper

3. Share.js的项目应用

在搜索商品的详情后，可以对商品详情页进行一键分享

第二章：二维码生成组件
1. 1. 二维码的概述

二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。

二维码是使用若干个与二进制相对应的几何形体来表示文字数值信息，将信息换算成二进制的几何形体，并生成一个矩阵图。

二维码的优势：信息容量大, 可以容纳多达1850个大写字母或2710个数字或500多个汉字，应用范围广, 支持文字,声音,图片,指纹等等，容错能力强, 即使图片出现部分破损也能使用，成本低, 容易制作。

2. 二维码的生成

https://cli.im/url可以用来生成二维码图片。

Share.js默认生成了二维码，使用的是QRCode.js开源组件。http://code.ciaoca.com/javascript/qrcode/资料。

生成二维码的代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>二维码</title><!--引入js--><script type="text/javascript" src="js/qrcode.js"></script>
</head>
<body>

<div id="qrcode"></div>

</body>
<script>
window.onload = function(){// 生成二维码// new QRCode(document.getElementById('qrcode'), 'http://www.txjava.cn');
// 第二种写法，使用json数据格式var q = new QRCode('qrcode',{text: 'your content',width: 256,height: 256,correctLevel : QRCode.CorrectLevel.H});}

</script>

</html>

根据本人多年从业以及学习经验，录制了一套最新的Java精讲视频教程，如果你现在也在学习Java，在入门学习Java的过程当中缺乏系统的学习教程，你可以加群654631948领取下学习资料，面试题，开发工具等，群里有资深java老师做答疑，每天也会有基础部分及架构的直播课，也可以加我的微信renlliang2013做深入沟通，只要是真心想学习Java的人都欢迎。

java基础教程：https://ke.qq.com/course/149432?tuin=57912c43

Java分布式互联网架构/微服务/高性能/springboot/springcloud：

https://ke.qq.com/course/179440?tuin=57912c43

java基础教程之实现一键分享朋友圈相关推荐

微信公众号开发教程(七)JSSDK-监听分享朋友圈事件
作者:陈惠,叩丁狼教育高级讲师.原创文章,转载请注明出处. 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍 ...
微信公众号开发自定义分享从前台到Java后台调用微信JS接口分享朋友圈
20180811写在前面的话有很多人遇到问题之后问我,结果大多数是因为配置问题,所以请详细阅读前面的配置步骤. 20181016注意事项收到反馈,之前写的接口即将废弃,源代码中的js接口需要修改, ...
Java基础教程：注解
Java基础教程:注解本篇文章参考的相关资料链接: 维基百科:https://zh.wikipedia.org/wiki/Java%E6%B3%A8%E8%A7%A3 注解基础与高级应用:http: ...
Java基础教程：反射基础
Java基础教程:反射基础引入反射反射是什么能够动态分析类能力的程序称为反射. 反射是一种很强大且复杂的机制. Class类在程序运行期间,Java运行时系统始终为所有对象维护一个被称为运行时 ...
Java基础教程：多线程基础（3）——阻塞队列
Java基础教程:多线程基础(3)--阻塞队列快速开始引入问题生产者消费者问题是线程模型中的经典问题:生产者和消费者在同一时间段内共用同一存储空间,生产者向空间里生产数据,而消费者取走数据. 模 ...
Java基础教程：面向对象编程[2]
Java基础教程:面向对象编程[2] 内容大纲访问修饰符四种访问修饰符 Java中,可以使用访问控制符来保护对类.变量.方法和构造方法的访问.Java 支持 4 种不同的访问权限. default ...
Java基础教程(12)--深入理解类
一.方法的返回值当我们在程序中调用方法时,虚拟机将会跳转到对应的方法中去执行.当以下几种情况发生时,虚拟机将会回到调用方法的语句并继续向下执行: 执行完方法中所有的语句: 遇到return语句: ...
Java基础教程：Lambda表达式
Java基础教程:Lambda表达式引入Lambda Java 是一流的面向对象语言,除了部分简单数据类型,Java 中的一切都是对象,即使数组也是一种对象,每个类创建的实例也是对象.在 Java ...
Java基础教程-刘刚-专题视频课程
Java基础教程-2704人已学习课程介绍 Java基础教程是一套入门Java开发语言的课程,它是由浅入深的介绍Java基础内容,包括Java介绍.基本类型及运算符.控制执行流程.字 ...

java基础教程之实现一键分享朋友圈

java基础教程之实现一键分享朋友圈相关推荐

最新文章

热门文章