整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网站商城QQ登录设置教程

网站商城QQ登录设置教程

、功能效果

网站商城会员登录设置对接QQ账号,在网站首页显示QQ登录入口,用户可以通过QQ账号授权进行登录网站会员。


二、功能说明

【版本】微雨网-商城网站标准版及以上版本

【条件】 ①已备案的优质域名; ②营业执照。


三、设置注意事项

【以下是设置过程中注意事项】

1. 关闭多语言版本自动跳转

如勾选了【启用多语言版本自动跳转】功能,请先关闭再提交应用审核申请。

关闭地址:商城管理后台【设置-语言版本】,如图:


2. 关闭301跳转和html静态化

如勾选【启用网站html静态化】和【启用301跳转】,请先关闭后再提交应用审核。

取消地址:微雨网商城电脑网站设计页面左侧导航点击【百度优化】,在【百度优化】中取消勾选。如图:


3. 显示会员登录条,关闭欢迎页面(非常重要)「链接」

为了您的网站能够快速通过审核,建议提交审核前先设置网站显示顶部登录条,同时将欢迎页面关闭

操作地址:在微雨商城设计页面点击【设置-基础设置-全站设置】进入勾选和取消,如下图:


4. 域名保持一致(非常重要)

如想要手机网站和电脑网站同时支持QQ登录功能,需两者的域名保持一致,如手机网站域名与电脑网站域名不一致,将导致手机网站QQ登录回调不成功。


四、QQ登录设置教程

1. 开启QQ登陆

登录宁夏微雨网-网站商城「链接」管理后台,在【会员-功能设置-登录】中将【QQ登录】功能开启。如下图:


2. 创建QQ互联应用

2.1 登录QQ互联管理中心


2.2 登录账号后点击账号头像进入注册页面(注意:直接点击头像,不用做任何其他操作。只需要单击头像即可)。


2.3 进入注册页面完成资料填写。(建议选择公司接入,个人接入流程比较繁琐且难通过)


2.4 资料填写完成后会收到邮箱验证邮件,需要在邮件中点击链接进行确认。


2.5 确认完成后七个工作日内会完成审核,需要等待开发者账号审核通过后才可创建应用。


3. 创建应用

3.1 登录账号后点击【应用管理】可以查看审核结果,审核通过后点击【创建应用】,在弹窗中选“创建网站应用”。


3.2 在点击【创建应用】后的弹窗中选项【创建网站应用】。


3.3 填写应用资料填写(注意:新创建的应用网站名称不能跟原先已创建的应用相同,网站域名务必要与商城管理后台QQ登录中的地址一致)


3.4 网站域名和网站回调域名获取位置:微雨网商城管理后台【会员-功能设置-登录-第三方登录-QQ登录】中获取。如图:

3.5 填写完毕点击创建应用,进入应用审核(审核时间为7个工作日内)。


4. 填写APPID

4.1 七个工作日内应用审核通过后,在QQ互联【应用管理-网站应用】中找到APPID。


4.2 将APPID复制粘贴到商城管理后台【会员-功能设置-登录-第三方登录-QQ登录】APPID位置,然后下拉保存,保存完成后您的QQ登陆功能即可正常使用。

家好,我是 Echa。

今天来分享 50 个超实用的 Chrome 浏览器扩展!

JSON

1. JSON Viewer Pro

JSON Viewer Pro 用于可视化JSON文件。其核心功能包括:

  • 支持将JSON数据进行格式化,并使用属性或者图表进行展示;
  • 使用面包屑深入遍历 JSON 属性;
  • 在输入区写入自定义 JSON;
  • 导入本地 JSON 文件;
  • 使用上下文菜单下载 JSON 文件;
  • 网址过滤器;
  • 改变主题;
  • 自定义 CSS ;
  • 复制属性和值;

输入界面如下:

格式化之后:

2. JSONVue

JSONVue 是一个JSON数据查看器,主要用来格式化JSON数据:

网站技术

3. Library Sniffer

Library Sniffer 是一款给开发者使用的工具,能够探测当前网页所使用的类库、框架和服务器环境,为开发者提供了方便。

4. Wappalyzer

Wappalyzer 扩展可以用来识别网站背后的底层技术。通过此扩展,可以了解特定应用程序是否是用 React、Vue、Angular、PHP等编写的。还可以访问有关 Web 服务器、编程语言、框架、内容管理系统、分析的信息工具、数据库等。

5. WhatRuns

WhatRuns 扩展程序只需单击一下即可找到任何网站上使用的技术。

开发调试

6. PerfectPixel by WellDoneCode

使用PerfectPixel插件可以将设计图加载至网页中,与已成型的网页进行重叠对比,以帮助开发和设计人员规范网页像素精度。这是一款可以优化前端页面显示的Chrome插件。

7. Clear Cache

可以使用此扩展程序快速清除缓存,无需任何确认对话框、弹出窗口等。可以在选项页面上自定义要清除的数据和数量,包括:应用程序缓存、缓存、Cookie、下载、文件系统、表单数据、历史记录、索引数据库、本地存储、插件数据、密码和 WebSQL。

8. VisBug

VisBug 是一个使用 JavaScript 构建的开源网页设计调试工具,它可以让用户使用点击式和拖放式界面来查看网站的元素。

9. Debug CSS

Debug CSS 是一个帮助调试CSS的插件。他可以显示出页面元素的轮播,按住Ctrl,并将鼠标悬浮在元素上,即可查看其信息:

10. CSS Viewer

CSS Viewer 是一款适用于 Web 开发人员的高效 Chrome 扩展。顾名思义,CSS 查看器可以显示将鼠标悬停在任何网页上的元素的 CSS 属性。

11. EditThisCookie

EditThisCookie 是一个 cookie 管理器。可以添加,删除,编辑,搜索,锁定和屏蔽cookies。

12. React Developer Tools

React Developer Tools 是开源 JavaScript 库 React 的 Chrome DevTools 扩展。它允许我们在 Chrome 开发者工具中检查 React 组件层次结构。安装此插件之后,将在 Chrome DevTools 中获得两个新选项卡:"?? Components" 和 "?? Profiler":

  • Components 选项卡显示了在页面上呈现的根 React 组件,以及它们最终呈现的子组件;
  • Profiler 选项卡用来记录性能信息。

13. Vue.js devtools

Vue.js devtools 是一款基于chrome浏览器的用于调试Vue.js应用程序的插件,可以使得开发人员大大提高调试效率。支持用户对DOM结构数据结构进行解析和调试功能。

14. Augury

Augury 可以帮助开发人员在 Google Chrome 浏览器中调试和分析 Angular 应用程序。

15. Firebug Lite for Google Chrome

Firebug Lite是火狐浏览器中著名的开发者工具firebug插件移植到Chrome中的插件,在Chrome中安装了Firebug Lite插件以后,开发人员可以像在火狐浏览器中使用firebug一样熟悉的方式来调试网页内容,其包含了基本的HTML、CSS以及Javascript的调试功能,用于帮助网页前端开发工程师快速地调试网页,以便及时地找到网页中的BUG并及时修复。

16. HTML Validator

HTML Validator 在 Chrome 的开发者工具中添加了 HTML Validator。HTML 页面的错误数通过浏览器状态栏中的图标显示,详细信息可以在浏览器的开发者工具中查看。

17. Web Developer

Web Developer 扩展为带有各种 Web 开发工具的浏览器添加了一个工具栏按钮。该扩展适用于 Chrome 和 Firefox,并且可以在这些浏览器支持的任何平台上运行,包括 Windows、macOS 和 Linux。

18. Requestly

Requestly 是一款Chrome和Firefox浏览器插件,提供URL转发、修改HTTP请求和结果、插入脚本等功能。

19. Window Resizer

Window Resizer 主要用来调整浏览器窗口的大小以模拟各种屏幕分辨率。

20. Responsive Viewer

Responsive Viewer 是在一个视图中显示多个屏幕的 Chrome 扩展程序。该扩展将帮助前端开发人员在开发响应式网站/应用程序时测试多个屏幕。

21. Moesif Origin & CORS Changer

此插件允许直接从浏览器发送跨域请求,而不会收到跨域错误。可以使用此插件覆盖 Request Origin 标头,并将 Access-Control-Allow-Origin 设置为 *.

22. ColorPick Eyedropper

ColorPick Eyedropper 是一个放大的吸管和颜色选择器工具,可让从网页等中选择颜色值。

23. CSSPeeper

CSS Peeper 用于检查和复制元素样式的优秀工具,使用 CSSPeeper 可以将鼠标悬停在网页中的任何元素上,然后单击鼠标即可复制元素的样式。

24. Dimensions

Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件,该插件在点击启动插件图标后,可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量,同时还可以通过使用快捷键来快速启用或关闭该插件的功能,简单实用。

25. Site Palette

Site Palette 用于生成调色板。设计师和前端开发人员必备的工具。可以通过这款插件轻松获取网站的配色方案。

26. ColorZilla

ColorZilla 是一款功能强大地提取网页色彩的工具;也是个快速的对颜色进行调节的Chrome插件,许多的用户将这款软件称呼为颜色吸取插件,它提取的颜色是非常的多样化,还可生产css颜色的代码等。

  • 吸管器-获取页面上任何像素或区域的颜色;
  • 一个先进的颜色选择器类似于可以在Photoshop和Paint Shop Pro中找到的;
  • 网页颜色分析器-分析任何网页上的DOM元素颜色,找到相应的元素;
  • 终极CSS梯度发生器;
  • 调色板查看器与7预先安装调色板;
  • 颜色历史最近挑选的颜色;
  • 显示标签名称,类别,编号,大小等元素信息;
  • 光标下的轮廓元素;
  • 自动将生成或采样的颜色复制到CSS RGB,Hex和其他格式的剪贴板;
  • 使用键盘快速采样页面颜色的键盘快捷键。

字体

27. WhatFont

当我们想查看网页中文字的字体时,最常用的方法就是在控制台查看文字的字体样式。那还有没有更简单的方法呢?WhatFont 就是一个查看网页字体的Chrome扩展。只需要的点击扩展图标,再点需要查看为文字即可:

28. Fonts Ninja

Fonts Ninja 可以从任何网站识别字体、添加书签、试用并购买它们。

标签页

29. BrowserStack

使用 BrowserStack 快速启动扩展在任何浏览器中启动一个新的测试会话。最多可设置 12 个浏览器以实现快速访问并最大限度地减少切换浏览器所花费的时间。

30. Toby

Toby 是一款 Chrome 新标签页工具,能够将未读的标签页分组显示在新标签页中,这样就能把所有未看完的标签页都关闭了。分组相当于多个 Chrome 窗口,将你的标签页都拖进 Toby 中,就不需要实时开着占地方了。

31. daily.dev

该扩展提供了每日热门开发者新闻,不需要再浪费时间搜索高质量的文章了。

32. Momentum

Momentum 拥有漂亮的新标签页面,每日更新精彩背景壁纸图片,可设置每日新鲜事焦点以及跟踪待办事项,无广告,无弹窗。

33. The Great Suspender

The Great Suspender 是一个轻量级的扩展用来减少 Chrome 的内存占用。如果同时打开许多选项卡,在可配置的时间之后未查看的选项卡将在后台自动挂起,从而释放该选项卡消耗的内存和 CPU。

34. Session Buddy

Session Buddy是一个可以帮助用户查看、新增、编辑当前网站Session状态的Chrome插件。用户可以利用该插件保存网站当前的状态以便在关闭Chrome或关闭计算机后恢复,从而达到节省内存的作用。

Github

35. Octotree

Octotree 旨在让 GitHub 体验更好。通常,为了检查 Github 中的子文件夹,需要手动单击文件夹并导航。Octotree 扩展解决了这个问题。此扩展在项目的左侧显示存储库的目录结构,这有助于更好地理解文件夹结构。

1_EKF88oqIyX6FzgueCKdtXg.gif

36. File Icons for GitHub and GitLab

File Icons for GitHub and GitLab 可以将 GitHub 和 GitLab 上的原始文件图标替换为特定文件类型的图标。

网页测试

37. axe DevTools

ax DevTools 是一个快速、轻量级但功能强大的测试工具,由 Deque 开发的世界上最值得信赖的可访问性测试引擎 axe-core 驱动。使用 ax DevTools 在网站开发过程中查找并修复更多可访问性问题。

38. OctoLinker

OctoLinker 可以将特定语言的语句(如 include、require 或 import)转换为链接。当打开一个包含多个导入语句的文件并且想要快速打开它时,只需将鼠标悬停在链接的文件上并单击即可打开。

39. Web Developer Checklist

此扩展可帮助 Web 开发人员分析网页是否违反最佳实践。

40. Check My Links

Check My Links 是一个链接检查器,它可以抓取网页并查找损坏的链接。

41. Checkbot

Checkbot 是用于验证一组HTML页面上的链接的工具。Checkbot可以检查一个或多个服务器上的单个文档或一组文档。它会创建一个报告,该报告汇总了引起某种警告或错误的所有链接。

42. PageSpeed Insights

Google Page Speed Insighs 是一款旨在优化所有设备上的网页、提高网页加载速度的工具。

43. Meta SEO Inspector

META SEO inspector是一款可以帮助用户分析网页的meta信息并得到SEO评估的谷歌浏览器插件。

隐私广告

44. Ghostery

Ghostery 是强大的隐私保护扩展程序。其主要有以下功能:

  • 拦截广告:Ghostery 内置的广告拦截工具可以移除网页上的广告,防止网页杂乱无章,让你专注于想看的内容。
  • 保护隐私:利用 Ghostery 可以查看和拦截所浏览的网站上的跟踪器,控制收集数据的跟踪器。增强反跟踪功能还能将数据匿名化,进一步保护隐私。
  • 提高浏览速度:Ghostery 的智能拦截功能可以自动拦截和取消拦截跟踪器来满足网页质量标准,提高网页加载速度,优化网页性能。

45. AdBlock

AdBlock 用来在YouTube、Facebook、Twitch和其他你喜爱的网站上拦截广告和弹窗。

效率工具

46. Marinara

番茄工作法(Pomodoro?)时间管理助理。? 长短两种休息时间 ? 带有倒计时显示的工具栏图标 ? 追踪Pomodoro历史和统计讯息 ? 可配置的长休间隔 ? 可配置的定时器时长 ? 桌面与新标签页通知 ? 超过20种音效可选的声音通知 ? 计时器秒针走动音效

47. Loom

Loom 可以用来快速录制视频,并且能够将录制的视频上传到指定的网页中,Loom还支持在用户点击启动插件时,立即捕捉屏幕图像,同时开始视频录制操作,还可以将录制好的视频复制到粘贴板中存储。

48. GoFullPage

GoFullPage 是一款全屏截图插件(整个网页截图),完整捕获您当前页面的屏幕,进行滚动截图,而无需任何额外的权限。单击扩展程序图标,然后将其传输到屏幕快照的新标签页中,可以在其中将其下载为图像或PDF,甚至只需拖动即可,保存到桌面。

49. BetterViewer

BetterViewer 可以提供更好的图像查看体验,旨在替代基于 Chrome 浏览器中内置的图像查看模式。使用时,只需在页面右键点击图片,选择“在新标签页中打开图片”即可。

50. svg-grabber

svg-grabber 是一个快速预览并从网站获取所有 svg 的工具。可以用来预览、下载和复制网站中所有 SVG 图标和插图的代码。

  • 实进取、创新专注、自主研发、国内领先企业级B2C电商系统解决方案。
  • PC+WAP、支付宝小程序、微信小程序、百度小程序。

扩展性

  • 支持多语言,独立模块式开发,完善的注释,易扩展。

安全性

  • 防止sql注入,代码高安全性。

轻量级,高性能

  • 支持多数据库,读写分离,高并发,内置缓存机制。

后端基于ThinkPHP v3.2.3

ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架,遵循Apache2开源协议发布,从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,尤其注重开发体验和易用性,并且拥有众多的原创功能和特性,为WEB应用开发提供了强有力的支持。

前端基于AmazeUI v2.7.2

组件丰富,模块化

以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

本地化支持

相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

轻量级,高性能

Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

项目结构

shopxo
├─README.md README文件
├─changelog.txt 更新日志
├─core.php 入口公共文件
├─index.php 前端入口文件
├─admin.php 后端入口文件
├─api.php API入口文件
├─alipay_life_notify.php 支付宝生活号异步接口入口文件
├─apayment_*.php 支付模块异步/同步入口文件
├─robots.txt 爬虫规则定义文件
├─composer.json Composer定义文件
├─AppMini 小程序目录
│ └─Old 小程序源码包
│ ├─alipay 支付宝小程序
│ ├─baidu 百度小程序
│ └─wechat 微信小程序
├─Application 应用目录
│ ├─Admin 后端目录
│ │ ├─Common 应用函数目录
│ │ ├─Conf 应用配置目录
│ │ ├─Lang 应用语言包目录
│ │ ├─Controller 应用控制器目录
│ │ ├─Model 应用模型目录
│ │ └─View 应用视图目录
│ │ └─Default 默认模板目录
│ ├─Home 前端目录
│ │ ├─Common 应用函数目录
│ │ ├─Conf 应用配置目录
│ │ ├─Lang 应用语言包目录
│ │ ├─Controller 应用控制器目录
│ │ ├─Model 应用模型目录
│ │ └─View 应用视图目录
│ │ └─Default 默认模板目录
│ └─Api API目录
│ ├─Common 应用函数目录
│ ├─Conf 应用配置目录
│ ├─Lang 应用语言包目录
│ ├─Controller 应用控制器目录
│ ├─Model 应用模型目录
│ └─View 应用视图目录
│ └─Default 默认模板目录
├─Service 服务层
├─Library 类库
│ ├─Payment 支付模块目录
│ └─Qrcode 二维码类库
│─Common 公共函数配置目录
│ ├─Common 公共方法目录
│ └─Conf 公共配置目录
│─Runtime 临时文件目录
├─Public 资源文件目录
│ ├─Admin 后端静态资源目录
│ │ └─Default 默认模板目录
│ ├─Home 前端静态资源目录
│ │ └─Default 默认模板目录
│ ├─Common 公共静态资源目录
│ └─Upload 用户上传附件资源目录
├─Rsakeys 密钥存放目录
├─Install 安装引导目录
└─ThinkPHP 框架目录

功能简介

后端功能列表

后端配置
站点配置
 > 站点设置
 > 短信设置
 > 邮箱设置
 > SEO设置
权限控制
 > 管理员
 > 角色管理
 > 权限分配
用户管理
 > 用户管理
商品管理
 > 商品管理
 > 商品分类
订单管理
 > 订单管理
问答留言
 > 问答留言
网站管理
 > 导航管理
 > 自定义页面
 > 友情链接
 > 主题管理
 > 首页轮播
 > 筛选价格
品牌管理
 > 品牌管理
 > 品牌分类
手机端管理
 > 基础配置
 > 首页导航
 > 轮播管理
支付宝小程序
 > 基础配置
 > 小程序源码包
支付宝生活号
 > 生活号管理
 > 生活号分类
 > 消息管理
 > 菜单管理
 > 批量上下架
 > 用户管理
文章管理
 > 文章管理
 > 文章分类
数据管理
 > 消息管理
 > 支付日志
 > 用户积分日志
资源管理
 > 地区管理
 > 快递管理
 > 支付方式
工具
 > 缓存管理

前端

首页
所有分类
商品搜索
商品详情
自定义页面
文章
购物车
订单确认页
用户中心
 > 聚合内容
交易管理
 > 订单管理
 > 订单详情
 > 评论页
 > 我的收藏
资料管理
 > 个人资料
 > 我的地址
 > 安全设置
 > 我的消息
 > 我的积分
 > 我的足迹
 > 安全退出

传送门

  • 官网地址:http://shopxo.net/
  • 演示地址:http://demo.shopxo.net/ (管理账户/密码可进入官网查看)
  • 支付宝小程序:http://shopxo.net/alipay.html

源代码平台

  • Github:https://github.com/gongfuxiang/shopxo
  • 码云/开源中国:https://gitee.com/gongfuxiang/shopxo
  • 腾讯云开发者:https://dev.tencent.com/u/gongfuxiang/p/shopxo/git